Часть 1. Обзор и новый файл> проекта

Джон Галлоуэй

Музыкальное хранилище MVC — это учебное приложение, которое представляет и объясняет пошаговые инструкции по использованию ASP.NET MVC и Visual Studio для веб-разработки.

Музыкальный магазин MVC — это упрощенный пример реализации магазина, который продает музыкальные альбомы в Интернете и реализует базовые функции администрирования сайтов, входа пользователей и корзины для покупок.

В этой серии учебников подробно описаны все шаги, предпринятые для создания примера приложения ASP.NET MVC Music Store. В части 1 рассматриваются обзор и> новый файл проекта.

Общие сведения

Музыкальное хранилище MVC — это учебное приложение, которое содержит пошаговые инструкции по использованию ASP.NET MVC и Visual Web Developer для веб-разработки. Мы будем начинать медленно, поэтому опыт веб-разработки начального уровня в порядке.

Приложение, которое мы будем создавать, — это простой музыкальный магазин. Приложение включает три main части: покупки, оформления заказа и администрирование.

Посетители могут просматривать альбомы по жанрам:

Они могут просмотреть один альбом и добавить его в свою корзину:

Они могут просмотреть свою корзину, удалив все элементы, которые им больше не нужны:

При переходе к оформлению заказа будет предложено войти в учетную запись пользователя или зарегистрироваться для нее.

После создания учетной записи они могут завершить заказ, заполнив сведения о доставке и оплате. Чтобы все было проще, мы запускаем удивительную рекламу: все бесплатно, если они вводят промокод "БЕСПЛАТНО"!

После заказа отображается простой экран подтверждения:

Помимо страниц для клиентов, мы также создадим раздел администратора, в котором отображается список альбомов, из которых администраторы могут создавать, изменять и удалять альбомы:

1. Файл —> новый проект

Установка программного обеспечения

Это руководство начнется с создания нового проекта ASP.NET MVC 3 с помощью бесплатной версии Visual Web Developer 2010 Express (которая является бесплатной), а затем добавим функции для создания полного работающего приложения. Попутно мы рассмотрим доступ к базе данных, сценарии публикации форм, проверку данных, использование master страниц для согласованного макета страницы, использование AJAX для обновления и проверки страницы, вход пользователя и многое другое.

Вы можете выполнить инструкции по шагам или скачать готовое приложение из MVC-Music-Store.

Для сборки приложения можно использовать Visual Studio 2010 с пакетом обновления 1 (SP1) или Visual Web Developer 2010 Express с пакетом обновления 1 (SP1) (бесплатная версия Visual Studio 2010). Для размещения базы данных мы будем использовать SQL Server Compact (также бесплатную). Перед началом работы убедитесь, что вы установили перечисленные ниже предварительные требования.

• [Предварительные требования Visual Studio Web Developer Express с пакетом обновления 1 (SP1)]
• [ASP.NET обновление средств MVC 3]
• [SQL Server Compact 4.0] — поддержка среды выполнения и средств

Создание нового проекта ASP.NET MVC 3

Начнем с выбора пункта "Создать проект" в меню Файл в Visual Web Developer. Откроется диалоговое окно Новый проект.

Мы выберем группу Visual C# —> веб-шаблоны слева, а затем выберите шаблон "веб-приложение ASP.NET MVC 3" в центре столбца. Присвойте проекту имя MvcMusicStore и нажмите кнопку ОК.

Откроется дополнительное диалоговое окно, в котором можно задать некоторые параметры MVC для нашего проекта. Выберите следующие параметры:

Шаблон проекта — выберите Пустой

Обработчик представлений — выберите Razor

Использование семантической разметки HTML5 — установлен

Убедитесь, что параметры указаны ниже, а затем нажмите кнопку ОК.

Это приведет к созданию нашего проекта. Давайте рассмотрим папки, которые были добавлены в наше приложение в Обозреватель решений справа.

Шаблон Пустой MVC 3 не полностью пуст— он добавляет базовую структуру папок:

ASP.NET MVC использует некоторые основные соглашения об именовании для имен папок:

Папка	Назначение
/Контроллеры	Контроллеры реагируют на входные данные из браузера, решают, что с ним делать, и возвращают ответ пользователю.
/Представления	Представления содержат наши шаблоны пользовательского интерфейса
/Модели	Модели хранят данные и управляют ими
/Содержимого	Эта папка содержит наши изображения, CSS и любое другое статическое содержимое
/Сценарии	В этой папке хранятся наши файлы JavaScript

Эти папки включены даже в приложение Пустой ASP.NET MVC, так как платформа ASP.NET MVC по умолчанию использует подход "соглашение о конфигурации" и делает некоторые предположения по умолчанию на основе соглашений об именовании папок. Например, контроллеры по умолчанию ищут представления в папке Views без необходимости явно указывать их в коде. Соблюдение соглашений по умолчанию сокращает объем кода, необходимого для написания, а также упрощает понимание проекта другими разработчиками. Мы будем больше объяснять эти соглашения по мере создания приложения.

Вперед