Начало работы с ASP.NET MVC 5

Рик Андерсон

Замечание

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

В этом руководстве рассматривается ASP.NET Core MVC с контроллерами и представлениями. Razor Pages — это новая альтернатива в ASP.NET Core, модель программирования на основе страниц, которая упрощает создание веб-интерфейса и повышает производительность. Рекомендуется ознакомиться с руководством razor Pages перед версией MVC. Руководство по Razor Pages:

  • Следовать проще.
  • Подробнее о функциях.
  • Предпочтительный подход для разработки новых приложений.

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

Это руководство было написано Скоттом Гатри (twitter@scottgu ), Скоттом Ханселманом (twitter: @shanselman ) и Риком Андерсоном ( @RickAndMSFT )

Для развертывания этого приложения в Azure требуется учетная запись Azure:

  • Вы можете бесплатно открыть учетную запись Azure . Вы получаете кредиты, которые можно использовать для пробной оплаты служб Azure, и даже после их использования вы можете сохранить учетную запись и использовать бесплатные службы Azure.
  • Вы можете активировать преимущества подписчика MSDN. Ваша подписка MSDN предоставляет вам бонусные баллы каждый месяц, которые вы можете использовать для платных услуг Azure.

Начало работы

Начните с установки Visual Studio 2017. Затем откройте Visual Studio.

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

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

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

На начальной странице выберите новый проект. В диалоговом окне "Создать проект " выберите категорию Visual C# слева, а затем в Интернете и выберите шаблон проекта ASP.NET веб-приложения (.NET Framework ). Присвойте проекту имя "MvcMovie" и нажмите кнопку "ОК".

Снимок экрана, показывающий окно

В диалоговом окне "Новое веб-приложение ASP.NET" нажмите кнопку MVC и нажмите кнопку "ОК".

Снимок экрана, показывающий диалоговое окно нового веб-приложения ASP.NET. Выбран M V C.

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

Снимок экрана: окно приложения M V C Movie, открытое на странице с обзором.

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

Снимок экрана, показывающий домашнюю страницу A S P dot NET.

Сразу после распаковки этот шаблон по умолчанию предоставляет вам страницы Home, Contact и About. На рисунке ниже не отображаются ссылки "Главная", " и "Контакт". В зависимости от размера окна браузера может потребоваться щелкнуть значок навигации, чтобы просмотреть эти ссылки.

Снимок экрана: домашняя страница S P dot NET в меньшем окне отображения. Три строки, указывающие меню навигации, обведены красным цветом.

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

Список текущих руководств см. в рекомендуемых статьях MVC.