Поделиться через


Создание проекта

Эрик Рейтан

В этой серии руководств вы узнаете об основах создания приложения ASP.NET Web Forms с помощью ASP.NET 4.5 и Microsoft Visual Studio Express 2013 для Web. В рамках этой серии руководств доступен проект Visual Studio 2013 с исходным кодом C#.

В этом руководстве вы создадите, просмотрите и запустите проект по умолчанию в Visual Studio, что позволит вам ознакомиться с функциями ASP.NET. Кроме того, вы изучите среду Visual Studio.

Из этого руководства вы узнаете, как выполнять такие задачи:

  • Создание нового проекта веб-формы.
  • Структура файлов проекта веб-формы.
  • Как запустить проект в Visual Studio.
  • Различные функции приложения веб-форм по умолчанию.
  • Некоторые основные сведения об использовании среды Visual Studio.

Создание проекта

  1. Запустите Visual Studio.

  2. Выберите Создать проект в меню Файл в Visual Studio.

    Пункт меню

  3. Выберите группу Шаблоны ->Visual C# ->Веб-шаблоны слева.

  4. Выберите шаблон Веб-приложения ASP.NET в центральном столбце.
    В этой серии учебников используется платформа .NET Framework 4.5.2.

  5. Назовите проект WingtipToys и нажмите кнопку ОК .

    Диалоговое окно

    Примечание

    Имя проекта в этой серии учебников — WingtipToys. Рекомендуется использовать это точное имя проекта, чтобы код, предоставленный в серии учебников, работал должным образом.

  6. Нажмите кнопку Изменить способ проверки подлинности. Выберите Отдельные учетные записи пользователей и нажмите кнопку ОК .

  7. Выберите шаблон веб-формы и нажмите кнопку ОК.

    Снимок экрана: окно

Создание проекта займет немного времени. Когда все будет готово, откройте страницу Default.aspx .

Снимок экрана: окно Microsoft Visual Studio Express 2013 для веб-страницы Default.aspx.

Вы можете переключаться между конструктором и исходным представлением, выбрав параметр в нижней части центрального окна. В режиме конструктора ASP.NET веб-страницы, страницы master, страницы содержимого, HTML-страницы и пользовательские элементы управления с использованием представления, близкого к WYSIWYG. В исходном представлении отображается HTML-разметка для веб-страницы, которую можно изменить.

Совет

Основные сведения о платформах ASP.NET

Веб-формы ASP.NET позволяют создавать динамические веб-сайты с использованием обычной функции перетаскивания и модели на основе событий. Область конструирования и сотни элементов управления и компонентов позволяют быстро создавать комплексные сайты с пользовательским интерфейсом и доступом к данным. Магазин wingtip Toy Store основан на ASP.NET Web Forms, но многие из понятий, которые вы узнаете в этой серии учебников, применимы ко всем ASP.NET.

ASP.NET предлагает четыре основные платформы разработки:

  • ASP.NET Web Forms
    Платформа веб-формы предназначена для разработчиков, предпочитающих декларативное программирование и программирование на основе элементов управления, например Microsoft Windows Forms (WinForms) и WPF/XAML/Silverlight. Она предлагает модель разработки на основе конструктора WYSIWYG, поэтому она пользуется популярностью среди разработчиков, которые ищут среду быстрой разработки приложений (RAD) для веб-разработки. Если вы не знакомы с веб-программированием и знакомы с традиционными средствами разработки клиентов Microsoft RAD (например, для Visual Basic и Visual C#), вы можете быстро создать веб-приложение без опыта работы с HTML и JavaScript.
  • ASP.NET MVC
    ASP.NET MVC предназначено для разработчиков, которых интересуют такие шаблоны и принципы, как разработка на основе тестирования, разделение проблем, инверсия управления (IoC) и внедрение зависимостей (DI). Эта платформа рекомендует отделять уровень бизнес-логики веб-приложения от уровня представления.
  • Веб-страницы ASP.NET
    веб-страницы ASP.NET предназначена для разработчиков, которым нужна простая история веб-разработки на основе PHP. В модели веб-страницы создаются HTML-страницы, а затем на страницу добавляется серверный код, чтобы динамически управлять отрисовкой разметки. Веб-страницы специально предназначены для упрощенной платформы и являются самой простой точкой входа в ASP.NET для людей, которые знают HTML, но могут не иметь широкого опыта программирования, например для учащихся или любителей. Это также хороший способ для веб-разработчиков, которые знают PHP или аналогичные платформы, начать использовать ASP.NET.
  • одностраничное приложение ASP.NET
    ASP.NET одностраничное приложение (SPA) помогает создавать приложения, которые включают значительные взаимодействия на стороне клиента с использованием HTML 5, CSS 3 и JavaScript. Обновление ASP.NET and Web Tools 2012.2 поставляет новый шаблон для создания одностраничных приложений с использованием knockout.js и веб-API ASP.NET. В дополнение к новому шаблону SPA для скачивания также доступны новые шаблоны SPA, созданные сообществом.

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

  • веб-API ASP.NET — платформа для создания служб HTTP, которые используют широкий спектр клиентов, включая браузеры и мобильные устройства.
  • ASP.NET SignalR — библиотека, которая упрощает разработку веб-функций в режиме реального времени.

Просмотр проекта

В Visual Studio в окне Обозреватель решений можно управлять файлами проекта. Давайте рассмотрим папки, добавленные в приложение в Обозреватель решений. Шаблон веб-приложения добавляет базовую структуру папок:

Создание проекта — Обозреватель решений

Visual Studio создает некоторые начальные папки и файлы для проекта. Ниже перечислены первые файлы, с которыми вы будете работать далее в этом руководстве.

Файл Назначение
Default.aspx Как правило, первая страница отображается при запуске приложения в браузере.
Site.Master Страница, которая позволяет создать согласованный макет и использовать стандартное поведение для страниц в приложении.
Global.asax Необязательный файл, содержащий код для реагирования на события уровня приложения и сеанса, вызванные ASP.NET или модулями HTTP.
Web.config Данные конфигурации для приложения.

Запуск веб-приложения по умолчанию

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

  1. Нажмите клавишу F5 в Visual Studio.
    Приложение будет создано и отобразится в веб-браузере.

    Создание страницы проекта — страница по умолчанию

  2. Завершив проверку запущенного приложения, закройте окно браузера.

В этом веб-приложении по умолчанию есть три main страницы: Default.aspx (домашняя страница), About.aspx и Contact.aspx. Доступ к каждой из этих страниц можно получить на верхней панели навигации. В папке "Учетная запись" также содержатся две дополнительные страницы: страница Register.aspx и страница Login.aspx. Эти две страницы позволяют использовать возможности членства в ASP.NET для создания, хранения и проверки учетных данных пользователя.

Фон ASP.NET Web Forms

ASP.NET Web Forms — это страницы, основанные на технологии Microsoft ASP.NET, в которой код, выполняющийся на сервере, динамически создает выходные данные веб-страницы в браузере или на клиентском устройстве. Страница ASP.NET Web Forms автоматически отображает правильный HTML-код, соответствующий браузеру, для таких функций, как стили, макет и т. д. веб-формы совместимы с любым языком, поддерживаемым средой CLR .NET, например Microsoft Visual Basic и Microsoft Visual C#. Кроме того, веб-формы основаны на платформа .NET Framework Майкрософт, которая предоставляет такие преимущества, как управляемая среда, безопасность типов и наследование.

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

Когда веб-сервер получает запрос на страницу, он находит страницу, обрабатывает ее, отправляет в браузер, а затем удаляет все сведения о странице. Если пользователь снова запрашивает ту же страницу, сервер повторяет всю последовательность, повторно обработав страницу с нуля. Другими словами, сервер не имеет памяти страниц, которые он обработал, страницы не имеют состояния. Платформа ASP.NET страниц автоматически обрабатывает задачу поддержания состояния страницы и ее элементов управления и предоставляет явные способы поддержания состояния сведений о приложении.

Совет

Функции веб-приложения в шаблоне приложения веб-формы

Шаблон приложения ASP.NET Web Forms предоставляет широкий набор встроенных функций. Он не только предоставляет Home.aspx страницу, страницу About.aspx , страницу Contact.aspx , но также включает функции членства, которые регистрируют пользователей и сохраняют их учетные данные, чтобы они могли войти на ваш веб-сайт. В этом обзоре содержатся дополнительные сведения о некоторых функциях, содержащихся в шаблоне приложения ASP.NET Web Forms, и о том, как они используются в приложении Wingtip Toys.

Членство

ASP.NET Удостоверение хранит учетные данные пользователей в базе данных, созданной приложением. Когда пользователи входят в систему, приложение проверяет свои учетные данные, считывая базу данных. Папка "Учетная запись " проекта содержит файлы, которые реализуют различные части членства: регистрацию, вход в систему, изменение пароля и авторизацию доступа. Кроме того, ASP.NET Web Forms поддерживает OAuth и OpenID. Эти улучшения проверки подлинности позволяют пользователям входить на сайт с помощью существующих учетных данных из таких учетных записей, как Facebook, Twitter, Windows Live и Google.

Создание проекта — Обозреватель решений (удостоверение ASP.NET)

По умолчанию шаблон создает базу данных членства, используя имя базы данных по умолчанию на экземпляре SQL Server Express LocalDB, сервере базы данных разработки, который поставляется с Visual Studio Express 2013 для Интернета.

SQL Server Express LocalDB

SQL Server Express LocalDB — это упрощенная версия SQL Server с множеством функций программирования базы данных SQL Server. SQL Server Express LocalDB работает в пользовательском режиме и имеет быструю установку с нулевой конфигурацией, которая содержит краткий список необходимых компонентов для установки. В Microsoft SQL Server любую базу данных или код Transact-SQL можно переместить из SQL Server Express LocalDB в SQL Server и SQL Azure без каких-либо действий по обновлению. Таким образом, SQL Server Express LocalDB можно использовать в качестве среды разработчика для приложений, предназначенных для всех выпусков SQL Server. SQL Server Express LocalDB включает такие функции, как хранимые процедуры, определяемые пользователем функции и агрегаты, интеграция платформа .NET Framework, пространственные типы и другие, недоступные в SQL Server Compact.

Главные страницы

Страница ASP.NET master определяет согласованный внешний вид и поведение всех страниц в приложении. Макет страницы master объединяется с содержимым отдельной страницы содержимого, чтобы создать конечную страницу, которую видит пользователь. В приложении Wingtip Toys вы изменяете страницу Site.master master таким образом, чтобы все страницы веб-сайта Wingtip Toys были одинаковыми отличительными логотипами и панелью навигации.

HTML5

Шаблон приложения ASP.NET Web Forms поддерживает HTML5, который является последней версией языка разметки HTML. HTML5 поддерживает новые элементы и функции, упрощающие создание веб-сайтов.

Modernizr

Для браузеров, которые не поддерживают HTML5, можно использовать Модернизатор. Модернизатор — это библиотека JavaScript с открытым кодом, которая может определить, поддерживает ли браузер функции HTML5, и включить их, если это не так. В шаблоне приложения ASP.NET Web Forms приложение Модернизатор устанавливается как пакет NuGet.

Бутстрэп

Шаблоны проектов Visual Studio 2013 используют bootstrap, макет и платформу тем, созданную Twitter. Bootstrap использует CSS3 для обеспечения адаптивного дизайна, что означает, что макеты могут динамически адаптироваться к различным размерам окна браузера. Вы также можете использовать функцию тем начальной загрузки, чтобы легко изменить внешний вид приложения. По умолчанию шаблон веб-приложения ASP.NET в Visual Studio 2013 включает bootstrap в виде пакета NuGet.

Пакеты NuGet

Шаблон приложения ASP.NET Web Forms включает набор пакетов NuGet. Эти пакеты предоставляют компонентную функциональность в виде открытый код библиотек и инструментов. Существует множество пакетов, которые помогут вам создавать и тестировать приложения. Visual Studio упрощает добавление, удаление и обновление пакетов NuGet. Разработчики также могут создавать и добавлять пакеты в NuGet.

Снимок экрана: окно

При установке пакета NuGet копирует файлы в решение и автоматически вносит необходимые изменения, такие как добавление ссылок и изменение конфигурации, связанной с веб-приложением. Если вы решите удалить библиотеку, NuGet удаляет файлы и отменяет все изменения, внесенные в проект, чтобы не осталось никаких помех. NuGet доступен в меню Сервис в Visual Studio.

jQuery

jQuery — это быстрая и краткая библиотека JavaScript, которая упрощает обход html-документов, обработку событий, анимацию и взаимодействие Ajax для быстрой веб-разработки. Библиотека JavaScript jQuery включена в шаблон приложения ASP.NET Web Forms в виде пакета NuGet.

Ненавязчивая проверка

Встроенные элементы управления проверяющим элементом управления настроены для использования ненавязчивого JavaScript для логики проверки на стороне клиента. Это значительно сокращает объем кода JavaScript, отображаемого в разметке страницы, и уменьшает общий размер страницы. Ненавязчивая проверка добавляется глобально в шаблон приложения ASP.NET Web Forms на основе параметра в элементе <appSettings> файлаWeb.config в корне приложения.

Entity Framework Code First

Помимо функций в шаблоне приложения ASP.NET Web Forms, приложение Wingtip Toys использует Entity Framework Code First, которая представляет собой библиотеку NuGet, которая позволяет разрабатывать код при работе с данными. Проще говоря, он создает часть базы данных приложения на основе написанного кода. С помощью Entity Framework вы извлекаете данные и управляете ими как строго типизированные объекты. Это позволяет сосредоточиться на бизнес-логике в приложении, а не на том, как осуществляется доступ к данным.

Дополнительные сведения об установленных библиотеках и пакетах, включенных в шаблон ASP.NET Web Forms, см. в списке установленных пакетов NuGet. Для этого в Visual Studio создайте проект веб-формы, выберите Инструменты> Диспетчер >пакетов NuGetУправление пакетами NuGet для решения и выберите Установленные пакеты в диалоговом окне Управление пакетами NuGet.

Обзор Visual Studio

Основные окна в Visual Studio включают Обозреватель решений, серверную Обозреватель (Обозреватель базы данных в Express), окно свойств, панель элементов, панель инструментов и окно документа.

Схема, показывающая основные окна в Visual Studio.

Дополнительные сведения о Visual Studio см. в разделе Visual Guide to Visual Web Developer.

Сводка

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

Дополнительные ресурсы

Сравнение проектов веб-приложений с проектами веб-сайтов
Общие сведения о страницах ASP.NET Web Forms