Примечание.
Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги.
Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги.
В этой серии учебников вы узнаете, как создавать приложение веб-форм ASP.NET с помощью ASP.NET 4.5 и Microsoft Visual Studio Express 2013 для Интернета. Проект Visual Studio 2013 с исходным кодом C# доступен для сопровождения этой серии учебников.
В этом руководстве вы создадите, просмотрите и запустите проект по умолчанию в Visual Studio, который позволит вам ознакомиться с функциями ASP.NET. Кроме того, вы просмотрите среду Visual Studio.
Что вы узнаете:
- Как создать новый проект веб-форм.
- Структура файлов проекта веб-форм.
- Запуск проекта в Visual Studio.
- Различные функции приложения веб-форм по умолчанию.
- Некоторые основы использования среды Visual Studio.
Создание проекта
Откройте Visual Studio.
Выберите новый проект в меню "Файл " в Visual Studio.
Выберите группу шаблонов ->Visual C# ->Web templates в левой части экрана.
Выберите шаблон веб-приложения ASP.NET в центре столбца.
В этой серии руководств используется .NET Framework 4.5.2.Назовите проект WingtipToys и нажмите кнопку "ОК ".
Замечание
Имя проекта в этой серии учебников — WingtipToys. Рекомендуется использовать это точное имя проекта, чтобы код, предоставленный в рамках серии учебников, работал должным образом.
Нажмите кнопку "Изменить проверку подлинности ". Выберите отдельные учетные записи пользователей и нажмите кнопку "ОК ".
Выберите шаблон веб-форм и нажмите кнопку "ОК ".
Для создания проекта потребуется немного времени. Когда он будет готов, откройте страницу Default.aspx .
Вы можете переключаться между представлением конструктора и представлением источника , выбрав параметр в нижней части центрального окна. В представлении конструктора отображаются ASP.NET веб-страницы, главные страницы, страницы содержимого, 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 и веб-инструментов 2012.2 поставляет новый шаблон для создания одностраничных приложений с помощью knockout.js и веб-API ASP.NET. Помимо нового шаблона SPA, новые созданные сообществом шаблоны SPA также доступны для скачивания.
Помимо четырех основных фреймворков разработки, ASP.NET также предлагает дополнительные технологии, о которых важно знать и иметь представление, но которые не рассматриваются в этой серии учебных пособий.
- ASP.NET веб-API — платформа для создания служб HTTP, которые достигают широкого спектра клиентов, включая браузеры и мобильные устройства.
- ASP.NET SignalR — библиотека, которая упрощает разработку веб-функций в режиме реального времени.
Обзор проекта
В Visual Studio окно обозревателя решений позволяет управлять файлами проекта. Рассмотрим папки, добавленные в приложение в обозревателе решений. Шаблон веб-приложения добавляет базовую структуру папок:
Visual Studio создает некоторые начальные папки и файлы для проекта. Ниже приведены первые файлы, с которыми вы будете работать позже в этом руководстве.
| Файл | Purpose |
|---|---|
| Default.aspx | Обычно первая страница, отображаемая при запуске приложения в браузере. |
| Site.Master | Страница, которая позволяет создать согласованный макет и использовать стандартное поведение для страниц в приложении. |
| Global.asax | Необязательный файл, содержащий код для реагирования на события уровня приложения и уровня сеанса, вызванные ASP.NET или модулями HTTP. |
| Web.config | Данные конфигурации для приложения. |
Запуск веб-приложения по умолчанию
Веб-приложение по умолчанию предоставляет широкий интерфейс на основе встроенных функций и поддержки. Без каких-либо изменений в проекте веб-форм по умолчанию приложение готово к запуску в локальном веб-браузере.
Нажмите клавишу F5, находясь в Visual Studio.
Приложение будет скомпилировано и отображено в вашем веб-браузере.
После завершения проверки запущенного приложения закройте окно браузера.
В этом веб-приложении по умолчанию есть три основных страницы: Default.aspx (главная), About.aspx и Contact.aspx. Каждую из этих страниц можно достичь с верхней панели навигации. В папке "Учетная запись" также есть две дополнительные страницы, страница Register.aspx и страница Login.aspx. Эти две страницы позволяют использовать возможности членства ASP.NET для создания, хранения и проверки учетных данных пользователя.
фон веб-форм ASP.NET
ASP.NET веб-формы — это страницы, основанные на технологиях Microsoft ASP.NET, в которых код, выполняющийся на сервере, динамически создает выходные данные веб-страницы в браузере или клиентском устройстве. Страница веб-форм ASP.NET автоматически отображает правильный HTML-код, совместимый с браузером, для таких функций, как стили, макет и т. д. Веб-формы совместимы с любым языком, поддерживаемым средой CLR .NET, например Microsoft Visual Basic и Microsoft Visual C#. Кроме того, веб-формы создаются на платформе Microsoft .NET Framework, которая обеспечивает такие преимущества, как управляемая среда, безопасность типов и наследование.
При запуске страницы ASP.NET веб-форм страница проходит жизненный цикл, в котором выполняется ряд шагов обработки. Эти шаги включают инициализацию, создание экземпляров элементов управления, восстановление и обслуживание состояния, выполнение кода обработчика событий и отрисовку. По мере изучения возможностей веб-форм ASP.NET важно понимать жизненный цикл страницы ASP.NET, чтобы вы могли писать код на соответствующем этапе жизненного цикла для достижения задуманного эффекта.
Когда веб-сервер получает запрос на страницу, он находит страницу, обрабатывает ее, отправляет его в браузер, а затем удаляет все сведения о странице. Если пользователь снова запрашивает ту же страницу, сервер повторяет всю последовательность, повторно обработав страницу с нуля. Иными словами, сервер не запоминает страницы, они не сохраняют состояние. Платформа страницы ASP.NET автоматически обрабатывает задачу поддержания состояния страницы и его элементов управления, а также предоставляет явные способы поддержания состояния сведений, относящихся к приложению.
Подсказка
Функции веб-приложения в шаблоне приложения веб-форм
Шаблон приложения веб-форм ASP.NET предоставляет широкий набор встроенных функций. Он предоставляет не только страницу Home.aspx, страницу About.aspx, страницу Contact.aspx, но и функции членства, которые регистрируют пользователей и сохраняют свои учетные данные, чтобы они могли войти на веб-сайт. В этом обзоре содержатся дополнительные сведения о некоторых функциях, содержащихся в шаблоне приложения веб-форм ASP.NET, а также о том, как они используются в приложении Wingtip Toys.
Членство
ASP.NET Identity сохраняет учетные данные пользователей в базе данных, созданной приложением. При входе пользователей приложение проверяет свои учетные данные, считывая базу данных. Папка учетной записи проекта содержит файлы, реализующие различные части членства: регистрация, вход, изменение пароля и авторизация доступа. Кроме того, ASP.NET веб-формы поддерживают OAuth и OpenID. Эти улучшения проверки подлинности позволяют пользователям входить на сайт с помощью существующих учетных данных, таких как Facebook, Twitter, Windows Live и Google.
По умолчанию шаблон создает базу данных членства с использованием стандартного имени базы данных в экземпляре SQL Server Express LocalDB, сервера разработки баз данных, который входит в комплект поставки Visual Studio Express 2013 для Web.
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 определяет согласованный внешний вид и поведение для всех страниц в приложении. Макет главной страницы объединяется с содержимым из отдельной страницы содержимого, чтобы создать последнюю страницу, которую видит пользователь. В приложении Wingtip Toys измените главную страницу Site.master , чтобы все страницы на веб-сайте Wingtip Toys совместно используют одинаковый отличительный логотип и панель навигации.
HTML5
Шаблон приложения веб-форм ASP.NET поддерживает HTML5, который является последней версией языка разметки HTML. HTML5 поддерживает новые элементы и функциональные возможности, упрощающие создание веб-сайтов.
Modernizr
Для браузеров, не поддерживающих HTML5, можно использовать модернизатор. Modernizr — это библиотека JavaScript с открытым исходным кодом, которая может определить, поддерживает ли браузер функции HTML5, и помогает с их использованием, если они не поддерживаются напрямую. В шаблоне приложения веб-форм ASP.NET Modernizr устанавливается в виде пакета NuGet.
Bootstrap
Шаблоны проектов Visual Studio 2013 используют bootstrap, макет и платформу тем, созданную Twitter. Bootstrap использует CSS3 для обеспечения адаптивной структуры, что означает, что макеты могут динамически адаптироваться к разным размерам окна браузера. Вы также можете использовать функцию темизации Bootstrap, чтобы легко изменить внешний вид и функциональность приложения. По умолчанию шаблон веб-приложения ASP.NET в Visual Studio 2013 включает Bootstrap как пакет NuGet.
Пакеты NuGet
Шаблон приложения веб-форм ASP.NET включает набор пакетов NuGet . Эти пакеты предоставляют компонентную функциональность в виде библиотек и инструментов с открытым кодом. Существует множество пакетов, которые помогут вам создавать и тестировать приложения. Visual Studio упрощает добавление, удаление и обновление пакетов NuGet. Разработчики также могут создавать и добавлять пакеты в NuGet.
При установке пакета NuGet копирует файлы в решение и автоматически вносит все необходимые изменения, например добавление ссылок и изменение конфигурации, связанной с веб-приложением. Если вы решите удалить библиотеку, NuGet удаляет файлы и отменяет все изменения, внесенные в проект, чтобы не осталось загромождений. NuGet доступен в меню "Сервис " в Visual Studio.
jQuery
jQuery — это быстрая и краткая библиотека JavaScript, которая упрощает обход html-документа, обработку событий, анимацию и взаимодействие Ajax для быстрого веб-разработки. Библиотека JavaScript jQuery включена в шаблон приложения веб-форм ASP.NET в виде пакета NuGet.
Ненавязчивая проверка
Встроенные элементы управления проверки настроены для использования ненавязчивой логики проверки JavaScript на стороне клиента. Это значительно сокращает количество JavaScript, встроенного в разметку страницы, и уменьшает общий размер страницы. Ненавязчивая проверка добавляется глобально в шаблон приложения веб-форм ASP.NET на основе параметра в <элементе appSettings> файла Web.config в корне приложения.
Entity Framework Code First
Помимо функций в шаблоне приложения веб-форм ASP.NET, приложение Wingtip Toys использует Entity Framework Code First, которая обеспечивает разработку на основе кода при работе с данными. Проще говоря, он создает часть базы данных приложения на основе написанного кода. Используя Entity Framework, вы извлекаете и управляете данными в виде строго типизированных объектов. Это позволяет сосредоточиться на бизнес-логике в приложении, а не на подробных сведениях о доступе к данным.
Дополнительные сведения об установленных библиотеках и пакетах, включенных в шаблон веб-форм ASP.NET, см. в списке установленных пакетов NuGet. Для этого в Visual Studio создайте проект веб-форм, выберите Инструменты>Диспетчер пакетов NuGet>Управление пакетами NuGet для решения и выберите Установленные пакеты в диалоговом окне Управление пакетами NuGet.
Тур по Visual Studio
Основные окна в Visual Studio включают обозреватель решений, обозреватель серверов (обозреватель баз данных в Express), окно свойств, панель элементов, панель инструментов и окно документа.
Дополнительные сведения о Visual Studio см. в руководстве по Visual Web Developer.
Сводка
В этом руководстве вы создали, проверили и запустили приложение по умолчанию на базе Web Forms. Вы изучили различные функции приложения веб-форм по умолчанию и узнали некоторые основные сведения об использовании среды Visual Studio. В следующих руководствах вы создадите уровень доступа к данным.
Дополнительные ресурсы
Проекты веб-приложений и проекты веб-сайта
Обзор страниц веб-форм ASP.NET