ASP .NET MVC

Программирование и разработка сайтов с использованием технологии ASP .NET MVC

  • Главная
  • ASP .NET MVC 3 - Первое приложение (Часть I)

ASP .NET MVC 3 - Первое приложение (Часть I)

Это руководство научит вас основам создания приложений на платфорне ASP.NET MVC с помощью Microsoft Visual Web Developer 2010 Express, которая представляет собой урезанную бесплатную версию Microsoft Visual Studio. Прежде чем начать, убедитесь, что вы установили необходимое программное обеспечение указанное в списке ниже. Если у вас чего-то не хватает, вы можете установить неоходимые компоненты через Microsoft Web Platform Installer.

Необходимое программное обеспечение:

  • Visual Studio Web Developer Express
  • SQL Server Express
  • SQL Management Studio
  • ASP.NET MVC 3

Если у вас все выше перечисленное есть, то давайте приступим к изучению и экспериментам!

Что мы будем делать?

В этой статье мы сделаем простое веб-приложение, которое будет предстовлять собой базу данных фильмов. Для начала мы сделаем вывод списка фильмов из базы данных. В списке будут ссылки для просмотра детальной информации о конкретном фильме, для редактирования и удаления фильмов из базы данных.

Также у нас будет страница для редактирования данных фильмов, которая будет включать в себя: название фильма, дату выхода, категорию, стоимость и рейтинг. При этом мы реализуем проверку корректности заполнения формы, чтобы исключить попадание в базу данных неправильной информации.

Что мы научимся делать?

Во-первых, мы научимся создавать приложения ASP .NET MVC.

Во-вторых, мы научимся создавать и, самое главное, понимать контроллеры и представления.

В-третьих, мы научимся создавать базы данных.

В-четвертых, мы научимся извлекать данных из базы данных и выводить их на страницы.

В-пятых, мы научимся использовать валидаторы для  проверки данных, введенных клиентом.

Первый запуск

Запустите среду разработки Visual Web Developer 2010 Express (далее по тексту Visual Web Developer) и выберите меню Новый проект на начальной странице.

 

Создание первого приложения

Для создания приложения можно выбрать язык программирования Visual Basic или Visual C#. В данной статьи мы будет рассматривать язык Visual C#, поэтому выберите его в левой части окна создания нового проекта, а затем, в правой части, выберите типа проекта ASP NET MVC 3 Framework. Назовите ваш проект «mvcmovie» и нажмите кнопку ОК.

В появившемся окне выберите Веб-приложение (Internet Application). Остальные параметры оставьте по умолчанию.

Нажмите кнопку ОК. Visual Web Developer автоматически создаст шаблон приложения ASP .NET MVC, по сути, это простое рабочее приложение, вы можете запустить его не написав нистрочки кода! 

Для запуска приложения, выберите меню Отладка, а затем подменю Начать отладку.

Вы также можете использовать для этогок лавишу F5.

 

 

F5 запустит веб-сервер Visual Web Developer, в котором будет работать созданное приложение. Visual Web Developer автоматически запускает браузер и открывает главную страницу приложения. Обратите внимание на то, что в адресной строке указан домен localhost, а также номер порта. Это необходимо для корректной работы приложения на локальном компьютере, поскольку компьютер, как правило, не является сервером и не имеет поддержки внешних доменов. Номер порта выбирается автоматически, именно по номеру порта Visual Web Developer различают проекты. На рисунке ниже указан порт 43246, у вас скорей всего он будет другим.

Вы можете видеть две готовые страницы. Теперь давайте разберемся с тем, как это работает. Закройте окно браузера, чтобы остановть процесс отладки и приступить к редактированию кода.

 

Добавление контроллера

MVC – это шаблон для разработки приложений. MVC-приложения состоят из трех основых частей:

  • Контроллеры - это классы для обработки входящих запросов к приложению, извлечения данных из модели, а затем передачи данных в представления, которые возвращают ответ клиенту.
  • Модели - это классы, которые представляют собой данные, и содержат логику взамодействия с источниками данных, например, базами данных.
  • Представления - это файлы страниц и пользовательских элементов управления, из которых создается конечный HTML, возвращаемый клиенту.


В это статье мы рассмотрим каждую из этих частей отдельно.

Начнем с создания класса контроллера. В Обозревателе решений щелкните правой кнопкой мыши по папке Controllers, а затем выберите меню Добавить контроллер.

 

Укажите имя нового контроллера «helloworldcontroller» и нажмите кнопку Добавить.

В проекте появится новый файл с именем HelloWorldController.cs.

Внутри блока public class HelloWorldController создайте два новых метода, как показано в листинге ниже.

 

using System.Web;
using System.Web.Mvc; 
 
namespace MvcMovie.Controllers 
{ 
    public class HelloWorldController : Controller 
    { 
 
        public string Index() 
        { 
            return "Страница <b>по умолчанию</b>"; 
        } 
 
        public string Welcome() 
        { 
            return "Страница Welcome..."; 
        } 
    } 
}

Имя контроллера HelloWorldController, метод по умолчанию - Index. Давайте проверим, что из этого получилось. Запустите приложение (нажмите клавишу F5 или Ctrl + F5). В веб-обозревателе добавьте в адресную строку путь «helloworld». (Например, у меня это http://localhost:43246/HelloWorld). В итоге откроется страница с надписью "Страница по умолчанию", которую мы указали в коде!

 

ASP.NET MVC вызывает классы разных контроллеров в зависимости от URL, к которому идет обращение.  По умолчанию ASP.NET MVC использует следующий формат построения адресов:

 

/[Controller]/[ActionName]/[Parameters]

Первая часть адреса определяет класс контроллера для выполнения. В нашем случае, адрес /HelloWorld будет обрабатываться классом HelloWorldController. Вторая часть адреса определяет метод действия, который будет вызываться в классе для выполнения. Так адрес /HelloWorld/Index вызовет метод Index в классе HelloWorldController. Обратите внимание, что метод Index используется по умолчанию, т.е. в адресной строке его указывать не обязательно. 

Теперь перейдите к адресу http://localhost:xxxx/HelloWorld/Welcome. Метод Welcome выполняется и возвращает строку "Страница Welcome...". Cопоставление адресов вида /[Controller]/[ActionName]/[Parameters] в MVC является по умолчанию, но его можно изменить по своему усмотрению.

Давайте теперь немного изменим пример, чтобы можно было иметь возможность передавать параметры через URL. Измените метод Welcome, как показано в листинге ниже.

 

public string Welcome(string name, int numTimes = 1) {
     return HttpUtility.HtmlEncode("Привет, " + name + ", Число: " + numTimes);
 }

Запустите приложение и перейдите к адресу http://localhost:XXXX/HelloWorld/Welcome?Name=MVCNET&numtimes=1

В этих примерах мы рассмотрели две части MVC: View и  Controller. У нас контролер возвращает непосредственно HTML, но обычно так не делает, чаще всего контроллер передает в представление более сложные структуры и обекты. Собственно об этом и пойдет речь в соедующих обзорах.

 

© mvcnet.ru

 

 

 

 

 

Автор: db1 @ 19.10.2011 11:33:41
Сделано понятно и интересно, с нетерпение жду продолжения.
Автор: Александр @ 24.11.2011 12:24:19
Все доступно и интересно! Но где дальше? Автор, будет ещё?


* Ваше имя:
Сайт или блог:
* Комментарий:
Только текст, html-теги запрещены.
* Секретный код: