Начало работы с Web Forms в ASP.NET 4.5 и Visual Studio 2017

В этой серии руководств показано, как создать приложение веб-форм ASP.NET с использованием ASP.NET 4.5 и Microsoft Visual Studio 2017.

Введение

В этом руководстве описано, как создать приложение ASP.NET веб-формы с помощью Visual Studio 2017 и ASP.NET 4.5. Вы создадите приложение с именем Wingtip Toys — упрощенный веб-сайт магазина, который продает товары онлайн. В рамках серии освещаются новые функции ASP.NET 4.5.

Целевая аудитория

Разработчики, новички в ASP.NET Web Forms, являются целевой аудиторией этой серии учебников.

У вас должны быть некоторые знания в следующих областях:

  • Объектно-ориентированное программирование (OOP) и языки
  • Веб-разработка (HTML, CSS, JavaScript)
  • Реляционные базы данных
  • N-уровневая архитектура

Чтобы просмотреть эти области, рассмотрите возможность изучения следующего содержимого:

Функции приложения

К функциям веб-формы ASP.NET, представленным в этой серии, относятся:

  • Проект веб-приложения (не проект веб-сайта)
  • Веб-формы
  • Главные страницы, конфигурация
  • Bootstrap
  • Entity Framework Code First, LocalDB
  • Проверка запроса
  • Строго типизированные элементы управления данными
  • Привязка модели
  • Заметки к данным
  • Поставщики значений
  • SSL и OAuth
  • ASP.NET Identity, конфигурация и авторизация
  • Ненавязчивая проверка
  • Маршрутизация
  • Обработка ошибок ASP.NET

Сценарии и задачи приложения

Задачи серии учебников включают:

  • Создание, проверка и запуск нового проекта
  • Создание структуры базы данных
  • Инициализация и начальная настройка базы данных
  • Настройка пользовательского интерфейса с помощью стилей, графики и главной страницы
  • Добавление страниц и навигации
  • Отображение сведений о меню и данных продукта
  • Создание корзины покупок
  • Добавление поддержки SSL и OAuth
  • Добавление метода оплаты
  • Включение роли администратора и пользователя в приложение
  • Ограничение доступа к определенным страницам и папкам
  • Отправка файла в веб-приложение
  • Реализация проверки входных данных
  • Регистрация маршрутов для веб-приложения
  • Реализация обработки ошибок и ведения журнала ошибок

Обзор

Эта серия учебников предназначена для тех, кто знаком с концепциями программирования, но новичок в веб-Формах ASP.NET. Если вы уже знакомы с ASP.NET веб-формы, эта серия по-прежнему поможет вам узнать о новых функциях ASP.NET 4.5. Для читателей, незнакомых с понятиями программирования и ASP.NET Web Forms, смотрите дополнительные руководства по веб-формам, представленные в разделе "Начало работы" на сайте ASP.NET.

В ASP.NET 4.5, предоставленной в этом руководстве, содержатся следующие функции:

  • Простой пользовательский интерфейс для создания проектов, которые обеспечивают поддержку многих платформ ASP.NET (веб-формы, MVC и веб-API).

  • Bootstrap, фреймворк для создания макетов, темизации и адаптивного дизайна.

  • ASP.NET Identity— новая система членства ASP.NET, которая работает одинаково во всех ASP.NET платформах и работает с программным обеспечением размещения, отличном от IIS.

  • Entity Framework 6

    Обновление платформы Entity Framework, позволяющее выполнять следующие действия:

    • Получение и управление данными в виде строго типизированных объектов
    • Доступ к данным асинхронно
    • Обработка временных сбоев подключения
    • Логирование SQL-запросов

Полный список функций ASP.NET 4.5 см. в заметках о выпуске ASP.NET и веб-инструментов для Visual Studio 2013.

Пример приложения "Wingtip Toys"

Ниже приведены снимки экрана из приложения ASP.NET Веб-форм, создаваемого в этой серии руководств. При запуске приложения в Visual Studio появится следующая веб-домашняя страница.

Wingtip Toys — страница по умолчанию

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

При выборе продуктов отображаются все доступные продукты.

Wingtip Toys - Товары

При выборе определенного продукта отображаются сведения о продукте.

Wingtip Toys - Сведения о продукте

В качестве пользователя вы можете зарегистрировать и войти в систему с помощью функций шаблона веб-формы по умолчанию. В этом руководстве также объясняется, как войти с помощью существующей учетной записи Gmail. Кроме того, вы можете войти в систему от имени администратора, чтобы добавить и удалить продукты из базы данных.

Wingtip Toys — вход

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

Wingtip Игрушки - Корзина покупок

PayPal подтверждает вашу учетную запись, заказ и платежную информацию.

Wingtip Toys - PayPal

После возвращения из PayPal вы можете просмотреть и завершить заказ.

Wingtip Toys - Обзор заказа

Требования

Перед началом работы убедитесь, что на компьютере установлено следующее программное обеспечение:

Платформа .NET Framework устанавливается автоматически.

В этой серии учебников используется Microsoft Visual Studio Community 2017. Для выполнения этой серии учебников можно использовать как это, так и Microsoft Visual Studio 2017.

Обратите внимание на следующее о Visual Studio:

  • Microsoft Visual Studio 2017 и Microsoft Visual Studio Community 2017 называются Visual Studio на протяжении всего этого руководства.

  • Visual Studio 2017 устанавливается рядом со старыми версиями, уже установленными. Сайты, созданные в более ранних версиях, можно открыть в Visual Studio 2017 и продолжить открывать в предыдущих версиях.

  • При первом запуске Visual Studio предполагается, что выбраны параметры веб-разработки . Дополнительные сведения см. в разделе "Практическое руководство. Выбор параметров среды веб-разработки".

После установки необходимых компонентов можно приступить к созданию веб-проекта, представленного в этом руководстве.

Загрузка примера приложения

Пример приложения можно скачать в любое время на сайте примеров MSDN:

Основы работы с ASP.NET 4.5 Веб-формы и Visual Studio 2013 — Wingtip Toys (C#)

Этот скачивание содержит следующие элементы:

  • Пример приложения в папке WingtipToys .
  • Ресурсы, используемые для создания примера приложения в папке WingtipToys-Assets в папке WingtipToys .

Скачивание — это файл .zip . Чтобы просмотреть завершенный проект, создаваемый в этой серии учебников, найдите и выберите папку C# в файле .zip. Сохраните папку C# в папку, используемую для работы с проектами Visual Studio. По умолчанию папка проектов Visual Studio 2017 :

C:\Users\<username>\source\repos

Переименуйте папку C# в WingtipToys.

Примечание.

Если у вас уже есть папка WingtipToys в папке Projects, временно переименуйте ее перед переименованием папки C# в WingtipToys.

Чтобы запустить завершенный проект, откройте папку WingtipToys и дважды щелкните файл WingtipToys.sln . Visual Studio 2017 открывает проект. Затем, в Обозревателе решений, щелкните правой кнопкой мыши на файле Default.aspx и выберите 'Вид в браузере'.

Пройдите викторину по ASP.NET Web Forms, чтобы оценить знание содержимого.

После завершения серии учебников выполните тест, чтобы проверить знания и укрепить ключевые понятия. Каждый вопрос содержит пояснения и ссылки на дополнительные рекомендации.

Поддержка и комментарии руководства

Для вопросов и комментариев используйте раздел Q и A, включенный в пример страницы "Начало работы с ASP.NET 4.5 Web Forms и Visual Studio 2013 - Wingtip Toys (C#).

Комментарии к этой серии учебников приветствуются. При обновлении серии учебников прикладываются все усилия для рассмотрения исправлений или предложений по улучшению.

Если возникает ошибка, соответствующие сообщения об ошибках могут быть запутанными, без хорошего объяснения способа ее устранения. Для справки вы можете проверить ASP.NET форумы. Другой хороший источник — это раздел Q и A в примере страницы "Начало работы с ASP.NET 4.5 веб-формы и Visual Studio 2013 - Wingtip Toys (C#).