Поделиться через


Введение в ASP.NET MVC 4

Рик Андерсон

Обновленная версия этого руководства доступна здесь с помощью Visual Studio 2013. В новом руководстве используется ASP.NET MVC 5, который предоставляет множество улучшений по сравнению с этим руководством.

В этом руководстве описаны основы создания веб-приложения ASP.NET MVC 4 с помощью Microsoft Visual Studio Express 2012 или Visual Web Developer 2010 Express с пакетом обновления 1 (SP1). Рекомендуется использовать Visual Studio 2012. Вам не потребуется ничего устанавливать для работы с руководством. Если вы используете Visual Studio 2010, необходимо установить указанные ниже компоненты. Вы можете установить все из них, щелкнув следующие ссылки:

Если вы используете Visual Studio 2010 вместо Visual Web Developer 2010, установите установщик WPI для ASP.NET MVC 4 и предварительные требования Для Visual Studio 2010

К этому разделу можно ознакомиться с проектом Visual Web Developer с исходным кодом C#. Скачайте версию C#.

В этом руководстве вы запустите приложение в Visual Studio. Вы также можете сделать приложение доступным через Интернет, развернув его у поставщика услуг размещения. Корпорация Майкрософт предлагает бесплатное веб-размещение до 10 веб-сайтов в бесплатной пробной учетной записи Windows Azure. Сведения о развертывании веб-проекта Visual Studio на веб-сайте Windows Azure см. в статье Создание и развертывание веб-сайта ASP.NET и База данных SQL с помощью Visual Studio. В этом руководстве также показано, как использовать Entity Framework Code First Migrations для развертывания базы данных SQL Server в Базе данных Azure SQL Windows (ранее SQL Azure).

Это руководство было написано Риком Андерсоном ( @RickAndMSFT ).

Что вы создадите

Примечание

Обновленная версия, если это руководство доступно здесь с помощью Visual Studio 2013. В новом руководстве используется ASP.NET MVC 5, который предоставляет множество улучшений по сравнению с этим руководством.

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

Снимок экрана: страница индекса поиска приложения M V C Movie. Ghost вводится в строке поиска Заголовок.

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

Снимок экрана: страница редактирования приложения M V C Movie. Выделены два текстовых поля , Дата выпуска и Цена, предлагающие пользователю ввести правильные значения.

Приступая к работе

Начните с запуска Visual Studio Express 2012 или Visual Web Developer 2010 Express. Большинство снимков экрана в этой серии используют Visual Studio Express 2012, но вы можете выполнить это руководство с помощью Visual Studio 2010/SP1, Visual Studio 2012, Visual Studio Express 2012 или Visual Web Developer 2010 Express. Выберите Создать проект на начальной странице.

Visual Studio — это интегрированная среда разработки или интегрированная среда разработки. Так же, как вы используете microsoft Word для написания документов, вы будете использовать интегрированную среду разработки для создания приложений. В Visual Studio в верхней части окна есть панель инструментов с различными доступными параметрами. Существует также меню, которое предоставляет другой способ выполнения задач в интегрированной среде разработки. (Например, вместо выбора нового проекта на начальной странице можно использовать меню и выбрать Файл>.Новый проект.)

Снимок экрана: начальная страница Visual Studio Express. Выделен параметр Создать проект.

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

Вы можете создавать приложения, используя Visual Basic или Visual C# в качестве языка программирования. Выберите Visual C# слева, а затем выберите ASP.NET веб-приложение MVC 4. Назовите проект MvcMovie и нажмите кнопку ОК.

Снимок экрана: окно

В диалоговом окне Создать проект ASP.NET MVC 4 выберите Интернет-приложение. Оставьте Razor в качестве обработчика представлений по умолчанию.

Снимок экрана: окно проекта New A S P DOT NET M V C 4 Выбран шаблон интернет-приложения.

Нажмите кнопку ОК. Visual Studio использует шаблон по умолчанию для только что созданного проекта MVC ASP.NET, поэтому у вас есть работающее приложение без каких-либо действий. Это простой проект "Hello World!", и это хорошее место для запуска приложения.

Снимок экрана, на котором показана точка A S P NET M V C Project Home Controller c s и Обозреватель решений открытые вкладки.

В меню Отладка выберите пункт Начать отладку.

Снимок экрана: раскрывающееся меню проекта A S P NET M V C Выбран параметр Начать отладку.

Обратите внимание, что для начала отладки используется клавиша F5.

F5 приводит к запуску Visual Studio IIS Express и запуску веб-приложения. Затем Visual Studio запускает браузер и открывает домашнюю страницу приложения. Обратите внимание, что в адресной строке браузера указано localhost , а не что-то вроде example.com. Это связано с тем, что localhost всегда указывает на ваш собственный локальный компьютер, на котором в данном случае выполняется только что созданное приложение. Когда Visual Studio запускает веб-проект, для веб-сервера используется случайный порт. На рисунке ниже указан номер порта 41788. При запуске приложения вы, вероятно, увидите другой номер порта.

Снимок экрана: домашняя страница фильма M V C.

Сразу после установки этот шаблон по умолчанию предоставляет страницы "Главная", "Контакт" и "О программе". Он также предоставляет поддержку для регистрации и входа, а также ссылки на Facebook и Twitter. Следующим шагом является изменение работы этого приложения и изучение ASP.NET MVC. Закройте браузер и давайте изменим код.