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


Введение в ASP.NET MVC 3 (C#)

Рик Андерсон

Примечание

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

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

Если вы используете Visual Studio 2010 вместо Visual Web Developer 2010, установите необходимые компоненты, щелкнув следующую ссылку: Предварительные требования Для Visual Studio 2010.

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

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

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

MoviesWithVariousSm

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

Снимок экрана: приложение для просмотра фильмов, которое поддерживает создание редактирования и вывода фильмов из базы данных.

Чему вы научитесь

В этом учебнике вы узнаете:

  • Создание нового проекта ASP.NET MVC.
  • Создание ASP.NET контроллеров и представлений MVC.
  • Как создать новую базу данных с помощью парадигмы Entity Framework Code First.
  • Получение и отображение данных.
  • Как изменить данные и включить проверку данных.

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

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

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

Снимок экрана: Visual Web Developer 2010 Express для начала работы.

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

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

Снимок экрана: новый проект для создания первого приложения с использованием Visual Basic или Visual C Sharp в качестве языка программирования.

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

Снимок экрана: new A S P . Диалоговое окно N E T M V C 3 Project (Проект N E T M V C 3) для выбора интернет-приложения.

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

Снимок экрана: визуальный веб-разработчик, который использовал шаблон по умолчанию для A S P . Созданный вами проект N E T M V C.

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

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

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

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

Снимок экрана: visual Web Developer запускает браузер и открывает домашнюю страницу приложений.

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