Первое ASP.NET MVC приложение

Первое ASP.NET MVC приложение
•
•
•
•
•
Установка
Структура приложения
«Привет мир»
Первый взгляд на MVC паттерн
Взаимодействие с пользователем
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Visual Studio
Для разработки будем использовать Visual Studio 2012
Пробная версия доступна по адресу
http://www.microsoft.com/visualstudio/en-us/try
Там же доступна бесплатная версия Visual Web Developer 2010 Express
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Установка ASP.NET MVC
В пакет Visual Studio 2012 включены ASP.NET MVC 3 и 4
В случае если у вас Visual Studio 2010, необходимо иметь установленным
Visual Studio 2010 SP1
ASP.NET MVC библиотека доступна по адресу http://www.asp.net/mvc, в виде
отдельного файла или по средствам Web Platform Installer
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Первое приложение
Для создание нового приложения необходимо выбрать FILE / NEW / Project … /
Installed / Templates / Visual C# / Web / ASP.NET MVC 4 Web Application
В Visual Studio 2010 путь может незначительно не совпадать
Также есть возможность выбрать Имя проекта и место его размещения
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Перед генерацией приложения мастер предлагает выбрать тип проекта,
движок представления и создавать ли дополнительно проект для Unit
тестирования
Рассмотрим вариант – Internet Application на базе Razor представления
В дальнейшем будут рассмотрены некоторые другие варианты шаблонов
и представление
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Структура приложения
Рассмотрим только основные папки
-
Controllers – содержит контроллеры в виде C# кода
Models – содержит доменные объекты, используемые для типизации
представления. C# код
Views – содержит представления, в нашем случае используя Razor.
Содержит представления, частичные представления и мастер страницы
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Запуск приложения
Для запуска существует несколько вариантов
•
•
•
Пункт меню DEBUG / Start (without) debugging
Горячая клавиша F5 (Ctrl + F5)
Кнопка на панели инструментов в виде зеленой стрелочки. Также можно
выбрать браузер или эмулятор который будет запущен для отображения
веб приложения.
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Во время первого запуска происходит выполнение IIS Express,
эмулятора IIS веб сервера. IIS Express доступен в панели задач.
Работу с IIS рассмотрим в дальнейшем.
Также изучим настройки, какой веб сервер необходимо использовать для
выполнения нашего приложения и какая страница будет отображена после
запуска либо страница вообще не будет отображена
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
«Привет мир»
Заменим в методе Index контроллера Home
ViewBag.Message = "Modify this template to jump-start your
ASP.NET MVC application.";
на
ViewBag.Message = "Привет мир!";
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Модель (Model)
Модель – представление реальных объектов, процессов и правил которые
определяют объект, известный как домен.
Модель, (так же называемая как доменная модель), содержит объекты
(известные как доменные объекты), которые составляют суть приложения,
и методы, которые позволяют манипулировать ими.
Представления и контроллеры раскрывают домен клиентам в согласованном
порядке, и хорошо продуманное MVC приложение начинается с хорошо
продуманной модели, которая затем является координационным центром,
для добавления контроллеров и представлений.
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Представление (View)
Визуальное представление модели окруженное контекстом.
Как правило это результат в виде разметки фреймворка для браузера,
к примеру в виде HTML
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Контроллер (Controller)
Контроллер является координатором между представлением и моделью
Отвечает за обработку входных данных, заполнение модели и результат
выполнения, к примеру, перенаправление на другую страницу,
отображение данных и так далее.
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Взаимодействие с пользователем
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net
Материал
История создания и сравнения с другими фреймворками
http://smarly.net/what-is-the-big-idea
Материал для прочтения
http://smarly.net/your-first-mvc-application
Исходный код урока
http://storage.smarly.net/study-web-development-asp-net-mvc/lesson-01-src.zip
PowerPoint презентация
http://storage.smarly.net/study-web-development-asp-net-mvc/lesson-01.pptx
Видео урок
http://youtu.be/-P7S4gmMU4g
Онлайн курс «Web разработка на базе ASP.NET MVC» на study.smarly.net