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

по Рик Андерсон (by Rick Anderson

Обновленная версия этого учебника доступна здесь с помощью последней версии Visual Studio.An updated version of this tutorial is available here using the latest version of Visual Studio. В новом руководстве используется ASP.NET Core MVC, который предоставляет множество улучшений по сравнению с этим руководством.The new tutorial uses ASP.NET Core MVC, which provides many improvements over this tutorial.

В этом руководстве описывается модель MVC ASP.NET Core с контроллерами и представлениями.This tutorial teaches ASP.NET Core MVC with controllers and views. Страницы Razor — это новая альтернатива в ASP.NET Core 2.0, представляющая собой основанную на страницах модель программирования, которая упрощает и повышает эффективность создания пользовательского веб-интерфейса.Razor Pages is a new alternative in ASP.NET Core 2.0, a page-based programming model that makes building web UI easier and more productive. Рекомендуем вам сначала попробовать изучить руководство по Razor Pages, прежде чем использовать версию для MVC.We recommend you try the Razor Pages tutorial before the MVC version. Руководство по Razor Pages:The Razor Pages tutorial:

  • проще для выполнения;Is easier to follow.
  • охватывает дополнительные возможности;Covers more features.
  • является предпочтительным подходом для разработки новых приложений.Is the preferred approach for new application development.

В этом учебнике рассматриваются основы создания веб-приложения ASP.NET MVC 5 с помощью Visual Studio 2017.This tutorial teaches you the basics of building an ASP.NET MVC 5 web app using Visual Studio 2017. Окончательный исходный код для учебника находится на сайте GitHub.The final source code for the tutorial is located on GitHub.

Это руководство было написано Скотт Гатри ( (Twitter@scottgu ), скотт Hanselman (Twitter: @shanselman ) и Рик Андерсон ( ( @RickAndMSFT )This tutorial was written by Scott Guthrie (twitter@scottgu ), Scott Hanselman (twitter: @shanselman ), and Rick Anderson ( @RickAndMSFT )

Для развертывания этого приложения в Azure требуется учетная запись Azure:You need an Azure account to deploy this app to Azure:

  • Вы можете открыть учетную запись Azure бесплатно — вы получаете кредиты, которые можно использовать для пробного использования платных служб Azure, и даже после их использования вы можете удержать учетную запись и использовать бесплатные службы Azure.You can open an Azure account for free - You get credits you can use to try out paid Azure services, and even after they're used up you can keep the account and use free Azure services.
  • Вы имеете возможность активировать преимущества подписчика MSDN — ваша подписка MSDN каждый месяц приносит вам кредиты, которые можно использовать для оплаты за службы Azure.You can activate MSDN subscriber benefits - Your MSDN subscription gives you credits every month that you can use for paid Azure services.

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

Начните с установки Visual Studio 2017.Start by installing Visual Studio 2017. Затем откройте Visual Studio.Then, open Visual Studio.

Visual Studio — это интегрированная среда разработки (IDE).Visual Studio is an IDE, or integrated development environment. Как и при использовании Microsoft Word для написания документов, для создания приложений используется интегрированная среда разработки.Just like you use Microsoft Word to write documents, you'll use an IDE to create applications. В Visual Studio есть список, в нижней части которого показаны различные доступные параметры.In Visual Studio, there's a list along the bottom showing various options available to you. Также есть меню, предоставляющее еще один способ выполнения задач в интегрированной среде разработки.There's also a menu that provides another way to perform tasks in the IDE. Например, вместо выбора нового проекта на начальной страницеможно использовать строку меню и выбрать файл > Новый проект.For example, instead of selecting New Project on the Start page, you can use the menu bar and select File > New Project.

Создание первого приложенияCreate your first app

На начальной страницевыберите Новый проект.On the Start page, select New Project. В диалоговом окне Новый проект выберите категорию визуальные C# элементы слева, затем веб, а затем выберите шаблон проекта веб-приложение ASP.NET (.NET Framework) .In the New project dialog box, select the Visual C# category on the left, then Web, and then select the ASP.NET Web Application (.NET Framework) project template. Присвойте проекту имя "MvcMovie" и нажмите кнопку ОК.Name your project "MvcMovie" and then choose OK.

В диалоговом окне Создание веб-приложения ASP.NET выберите MVC и нажмите кнопку ОК.In the New ASP.NET Web Application dialog, choose MVC and then choose OK.

Visual Studio использовала шаблон по умолчанию для только что созданного проекта MVC ASP.NET, поэтому у вас есть рабочее приложение, не делая ничего.Visual Studio used a default template for the ASP.NET MVC project you just created, so you have a working application right now without doing anything! Это простой "Hello World!"This is a simple "Hello World!" и это хорошее место для запуска приложения.project, and it's a good place to start your application.

Нажмите клавишу F5, чтобы запустить отладку.Press F5 to start debugging. При нажатии клавиши F5Visual Studio запускает IIS Express и запускает веб-приложение.When you press F5, Visual Studio starts IIS Express and runs your web app. Затем Visual Studio запустит браузер и откроет домашнюю страницу приложения.Visual Studio then launches a browser and opens the application's home page. Обратите внимание, что в адресной строке браузера указано localhost:port# и не что-то вроде example.com.Notice that the address bar of the browser says localhost:port# and not something like example.com. Это связано с тем, что localhost всегда указывает на локальный компьютер, который в данном случае выполняет только что созданное приложение.That's because localhost always points to your own local computer, which in this case is running the application you just built. Когда Visual Studio выполняет веб-проект, для веб-сервера используется случайный порт.When Visual Studio runs a web project, a random port is used for the web server. На рисунке ниже показан номер порта 1234.In the image below, the port number is 1234. При запуске приложения вы увидите другой номер порта.When you run the application, you'll see a different port number.

Этот шаблон по умолчанию предназначается для Home, Contactи About страниц.Right out of the box this default template gives you Home, Contact, and About pages. На рисунке ниже не показаны ссылки Домашняя страница, сведения о программеи контакт .The image below doesn't show the Home, About, and Contact links. В зависимости от размера окна браузера может потребоваться щелкнуть значок навигации, чтобы просмотреть эти ссылки.Depending on the size of your browser window, you might need to click the navigation icon to see these links.

Приложение также обеспечивает поддержку для регистрации и входа в систему.The application also provides support to register and log in. Следующим шагом является изменение способа работы этого приложения и немного подробнее о ASP.NET MVC.The next step is to change how this application works and learn a little bit about ASP.NET MVC. Закройте приложение ASP.NET MVC и давайте изменим код.Close the ASP.NET MVC application and let's change some code.

Список текущих руководств см. в статье рекомендации по MVC.For a list of current tutorials, see MVC recommended articles.

См. приложение, работающее в AzureSee this app running on Azure

Вы хотите увидеть готовый сайт, работающий как активное веб-приложение?Would you like to see the finished site running as a live web app? Вы можете развернуть полную версию приложения в учетной записи Azure, просто нажав кнопку ниже.You can deploy a complete version of the app to your Azure account by simply clicking the following button.

Для развертывания этого решения в Azure необходима учетная запись Azure.You need an Azure account to deploy this solution to Azure. Если у вас еще нет учетной записи, используйте один из следующих параметров, чтобы создать его.If you don't already have an account, use one of the following options to create one: