Введение в ASP.NET MVC 3 (VB)Intro to ASP.NET MVC 3 (VB)

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

В этом учебнике вы узнаете об основах создания веб-приложения ASP.NET MVC с помощью Microsoft Visual Web Developer 2010 Express с пакетом обновления 1 (SP1), который является бесплатной версией Microsoft Visual Studio.This tutorial will teach you the basics of building an ASP.NET MVC Web application using Microsoft Visual Web Developer 2010 Express Service Pack 1, which is a free version of Microsoft Visual Studio. Прежде чем начать, убедитесь, что установлены предварительные требования, перечисленные ниже.Before you start, make sure you've installed the prerequisites listed below. Чтобы установить все эти компоненты, щелкните следующую ссылку: установщик веб-платформы.You can install all of them by clicking the following link: Web Platform Installer. Кроме того, вы можете отдельно установить необходимые компоненты, используя следующие ссылки:Alternatively, you can individually install the prerequisites using the following links:

Если вы используете Visual Studio 2010 вместо Visual Web Developer 2010, установите необходимые компоненты, щелкнув следующую ссылку: Предварительные требования для Visual studio 2010.If you're using Visual Studio 2010 instead of Visual Web Developer 2010, install the prerequisites by clicking the following link: Visual Studio 2010 prerequisites.

Для этого раздела доступен проект Visual Web Developer с исходным кодом VB.NET.A Visual Web Developer project with VB.NET source code is available to accompany this topic. Скачайте версию VB.NET.Download the VB.NET version. При желании C#переключитесь на C# версию этого учебника.If you prefer C#, switch to the C# version of this tutorial.

В этом учебнике вы узнаете об основах создания веб-приложения ASP.NET MVC с помощью Microsoft Visual Web Developer 2010 Express с пакетом обновления 1 (SP1), который является бесплатной версией Microsoft Visual Studio.This tutorial will teach you the basics of building an ASP.NET MVC Web application using Microsoft Visual Web Developer 2010 Express Service Pack 1, which is a free version of Microsoft Visual Studio. Прежде чем начать, убедитесь, что установлены предварительные требования, перечисленные ниже.Before you start, make sure you've installed the prerequisites listed below. Чтобы установить все эти компоненты, щелкните следующую ссылку: установщик веб-платформы.You can install all of them by clicking the following link: Web Platform Installer. Кроме того, вы можете отдельно установить необходимые компоненты, используя следующие ссылки:Alternatively, you can individually install the prerequisites using the following links:

Если вы используете Visual Studio 2010 вместо Visual Web Developer 2010, установите необходимые компоненты, щелкнув следующую ссылку: Предварительные требования для Visual studio 2010.If you're using Visual Studio 2010 instead of Visual Web Developer 2010, install the prerequisites by clicking the following link: Visual Studio 2010 prerequisites.

Для этого раздела доступен проект Visual Web Developer с исходным кодом VB.A Visual Web Developer project with VB source code is available to accompany this topic. Скачайте версию VB здесь.Download the VB version here. Если вы предпочитаете CSharp, переключитесь на CSharp версии этого руководства.If you prefer CSharp, switch to the CSharp version of this tutorial.

Что вы создадитеWhat You'll Build

Вы реализуете простое приложение с перечнем фильмов, которое поддерживает создание, изменение и перечисление фильмов из базы данных.You'll implement a simple movie-listing application that supports creating, editing, and listing movies from a database. Ниже приведены два снимка экрана создаваемого приложения.Below are two screenshots of the application you'll build. Он содержит страницу, на которой отображается список фильмов из базы данных:It includes a page that displays a list of movies from a database:

МовиесвисвариауссмMoviesWithVariousSm

Кроме того, приложение позволяет добавлять, изменять и удалять фильмы, а также просматривать сведения о них.The application also lets you add, edit, and delete movies, as well as see details about individual ones. Все сценарии ввода данных включают проверку, чтобы убедиться, что данные, хранящиеся в базе данных, верны.All data-entry scenarios include validation to ensure that the data stored in the database is correct.

КреатеформсоCreateFormSo

Чему вы научитесьSkills You'll Learn

В этом учебнике вы узнаете:Here's what you'll learn:

  • Создание нового проекта MVC ASP.NETHow to create a new ASP.NET MVC project
  • Создание новой базы данных с помощью Entity Framework кода — FirstHow to create a new database using Entity Framework code-first
  • Создание контроллеров и представлений MVC ASP.NETHow to create ASP.NET MVC controllers and views
  • Получение и отображение данныхHow to retrieve and display data
  • Как изменить данные и включить проверку данныхHow to edit data and enable data validation

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

Начните с запуска Visual Web Developer 2010 Express ("VWD" для краткого) и выберите создать проект на начальной странице.Start by running Visual Web Developer 2010 Express ("VWD" for short) and select New Project from the Start page.

Visual Web Developer — это интегрированная среда разработки (IDE).Visual Web Developer 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 Web Developer есть панель инструментов, в верхней части которой показаны различные доступные параметры.In Visual Web Developer there's a toolbar along the top 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 from the Start page, you can use the menu and select File > New Project.)

Создание первого приложенияCreating Your First Application

Вы можете создавать приложения, используя либо Visual Basic, либо визуальный C# элемент в качестве языка программирования.You can create applications using your choice of either Visual Basic or Visual C# as the programming language. В этом руководстве выберите Visual Basic слева, а затем выберите ASP.NET MVC 3 веб-приложение.For this tutorial, select Visual Basic on the left, then select ASP.NET MVC 3 Web Application. Присвойте проекту имя "MvcMovie" и нажмите кнопку ОК.Name your project "MvcMovie" and then click OK.

1NewMVCproj_sm

В диалоговом окне Новый проект ASP.NET MVC 3 выберите Интернет приложение.In the New ASP.NET MVC 3 Project dialog box, select Internet Application. Оставьте Razor в качестве подсистемы представления по умолчанию.Leave Razor as the default view engine.

1InternetAppRazor_SM

Нажмите кнопку ОК.Click OK. Visual Web Developer использовал шаблон по умолчанию для только что созданного проекта MVC ASP.NET, так что у вас уже есть рабочее приложение, не делая ничего.Visual Web Developer 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.

В меню Отладка выберите пункт Начать отладку.From the Debug menu, select Start Debugging.

Обратите внимание, что для начала отладки используется сочетание клавиш F5.Notice that the keyboard shortcut to start debugging is F5.

F5 заставляет Visual Web Developer запустить веб-сервер разработки и запустить веб-приложение.F5 causes Visual Web Developer to start a development web server and run your web application. Затем VWD запускает браузер и открывает домашнюю страницу приложения.VWD then launches a browser and opens the application's home page. Обратите внимание, что в адресной строке браузера указано localhost и не что-то вроде example.com.Notice that the address bar of the browser says localhost 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. Когда VWD запускает веб-проект, для проекта используется случайный порт.When VWD runs a web project, a random port is used for the project. На приведенном ниже рисунке случайным номером порта является 43246.In the image below, the random port number is 43246. Возможно, ваш проект использует другой номер порта.Your project will probably use a different port number.

Этот шаблон по умолчанию предоставляет две страницы для посещения и базовую страницу входа.Out of the box this default template gives you two pages to visit and a basic login page. Давайте изменим, как работает это приложение, и немного изучите ASP.NET MVC в процессе.Let's change how this application works and learn a little bit about ASP.NET MVC in the process. Закройте браузер и измените код.Close your browser and let's change some code.