Использование веб-форм для создания интерактивных веб-приложений

В этой лекции вы узнаете, как:

• создавать новые веб-приложения;
• использовать Web Forms Designer;
• добавлять на страницу Web Forms текст и эффекты форматирования;
• использовать элементы управления Web Forms для создания интерактивных приложений для сети;
• создавать страницы HTML;
• использовать элемент управления HyperLink для связи одной страницы веб-приложения с другой.

В "Отображение документов HTML с помощью Internet Explorer" вы узнали, как с помощью Microsoft Internet Explorer отображать страницы HTML в приложении на Visual Basic .NET. В этой лекции вы узнаете, как создавать собственные веб-приложения с помощью Web Forms Designer (Конструктора Web Forms), который поставляется в составе Microsoft Visual Basic .NET. Web Forms (веб-формы) - это новая модель программирования интерфейсов, основанная на ASP.NET - компоненте Microsoft Visual Studio .NET Framework, разработанной для предоставления имеющейся функциональности интернета. Web Forms являются заменой WebClasses и DHTML Page Designer, входивших в состав Visual Basic 6, и они отличаются от компонент Windows Forms, которые вы использовали в большинстве проектов этой книги. Хотя полное описание Web Forms и Microsoft ASP.NET здесь невозможно, между Web Forms и Windows Forms достаточно много общего, чтобы позволить вам провести прямо сейчас несколько интересных экспериментов - даже если у вас очень мало или совсем нет опыта программирования для интернета и разработки HTML-страниц. Потратьте на эту лекцию несколько часов и посмотрите, подходят ли вам Web Forms!

Что нового в Visual Basic .NET?

• Новая модель программирования для интернета, которая называется Web Forms и является частью ASP.NET. Web Forms и Конструктор Web Forms являются заменой WebClasses и DHTML Page Designer из Visual Basic 6, которые в Visual Basic .NET больше не поддерживаются.
• Хотя Web Forms Designer (Конструктор Web Forms) отличается от Windows Forms Designer (Конструктора Windows Forms), оба инструмента для создания интерфейсов пользователя предлагают похожие элементы управления и поддерживают методику программирования drag-and-drop. Так как Web Forms Designer (Конструктор Web Forms) является частью Visual Studio .NET, он доступен для Visual Basic .NET, Microsoft Visual C# .NET и Microsoft Visual J# .NET.
• Приложения на основе Web Forms отображаются с помощью веб-браузеров, таких как Internet Explorer. Элементы управления на веб-формах отображаются в клиентских веб-браузерах (другими словами, на компьютере конечного пользователя), но функциональность этих элементов управления находится на веб-сервере, где размещается само веб-приложение.
• Хотя многие из элементов управления веб-форм имеют такие же имена, что и элементы управления форм Windows, сами элементы управления не идентичны. Например, элементы управления веб-форм имеют свойство ID, но не имеют свойства Name.

ASP.NET изнутри

ASP.NET - это последняя платформа веб-разработки от Microsoft. Хотя ASP.NET имеет некоторые сходства с предыдущей версией, которая называлась ASP (Active Server Pages - активные серверные страницы), ASP.NET была полностью переработана на основе .NET Framework. Web Forms - это компонента проектирования ASP.NET, которая позволяет создавать и управлять интерфейсами пользователя интернета. Они обычно называются веб-страницами или (в более общем смысле) веб-приложениями. С помощью веб-форм можно создать веб-приложение, которое отображает интерфейс пользователя, обрабатывает данные и предоставляет множество команд и функций, которые являются стандартными для приложений Microsoft Windows. Однако веб-приложение, которое вы создаете, выполняется в веб-браузере, таком, как Internet Explorer или Netscape Navigator, и хранится на одном или нескольких веб-серверах, которые отображают веб-страницы и выполняют большую часть вычислений, требующихся для веб-приложения. Эта распределенная стратегия позволяет вашим веб-приложениям работать практически везде в интернете, будучи физически расположенными в одном месте на веб-сервере, на котором также могут размещаться большие ресурсы данных.

Чтобы создать веб-приложение на Visual Basic .NET, вы создаете в среде разработки Visual Basic новый проект ASP.NET Web Application (Web-приложение ASP.NET), а затем используете Web Forms Designer (Конструктор Web Forms) для создания одной или нескольких веб-форм, которые будут представлять вашу программу. Каждая веб-форма содержит две части - страницу Web Forms и файл базового кода. Страница Web Forms содержит HTML и элементы управления, создающие интерфейс пользователя. Файл базового кода - это модуль с кодом программы, который выполняется за рамками страницы Web Forms. Это разделение концептуально похоже на формы Windows, которые вы создавали на Visual Basic - существует компонента интерфейса пользователя и компонента модуля кода. Код обеих этих компонент может храниться в одном файле с расширением .aspx, но обычно страница Web Forms хранится в файле .aspx, а файл кода хранится в файле .aspx.vb. На следующей иллюстрации показана концепция того, как веб-приложение с использованием ASP.NET отображается в веб-браузере.

В дополнение к веб-формам, веб-приложения могут содержать модули кода (файлы .vb), страницы HTML (файлы .htm), конфигурационную информацию (файл web.config), общую информацию о веб-приложении (файл Global.asax) и другие компоненты. Для быстрого и эффективного переключения между этими компонентами можно использовать Конструктор Web Forms и Обозреватель решений.

Сравнение веб-форм и форм Windows

В чем наиболее важные различия между веб-формами и формами Windows? Во-первых, веб-формы предлагают несколько отличающуюся от форм Windows парадигму программирования. В то время как формы Windows используют в качестве главного интерфейса программы пользователя окно приложения для Windows, веб-формы представляют пользователю информацию через одну или несколько веб-страниц, содержащих вспомогательный код программы. Эти страницы просматриваются через веб-браузер, и вы можете создать их с помощью Конструктора Web Forms.

Аналогично формам Windows, веб-форма может включать текст, графические изображения, кнопки, списки и другие объекты, которые используются для предоставления информации, обработки введенных данных или отображения результатов. Однако базовый набор элементов управления, который вы используете для создания страницы Web Forms, отличен от набора, предлагаемого Visual Studio на закладке Windows Forms окна Области элементов. Вместо него веб-приложения ASP.NET должны использовать элементы управления, расположенные на закладках HTML или Web Forms окна Области элементов. Каждый из элементов управления HTML и Web Forms имеет собственные уникальные методы, свойства и события, и хотя между этими элементами управления и элементами управления Windows Forms много общего, существует и несколько важных отличий.

Элементы управления веб-форм являются серверными элементами управления, что означает, что они выполняются и могут быть запрограммированы на веб-сервере. Серверные элементы управления могут быть идентифицированы на веб-форме с помощью небольшого зеленого значка, который появляется при разработке в верхнем левом углу элемента управления. Элементы управления HTML по умолчанию являются клиентскими элементами управления. Это означает, что они выполняются только в браузере конечного пользователя. Элементы управления HTML могут быть настроены как серверные элементы управления, если вы щелкните на них правой кнопкой мыши в Конструктор Web Forms и выберете Run As Server Control (Выполнять как серверный элемент управления) или установите их атрибут Runat на значение Server. В ваших проектах веб-приложений можно использовать элементы управления HTML, элементы управления Web Forms или их комбинацию.

Элементы управления HTML

Элементы управления HTML - это набор элементов управления для более старого интерфейса пользователя, который поддерживается большинством веб-браузеров и строго соответствует ранним стандартам HTML, разработанным для управления элементами интерфейса пользователя на обычной веб-странице.

Они включают Button, TextField и Checkbox - полезные базовые элементы управления для управления информацией на веб-странице, которая может быть полностью представлена с помощью кода HTML. Вы узнаете эти элементы управления, если раньше писали код HTML, или если у вас есть некоторый опыт работы с Visual Basic 6 DHTML Page Designer. Их легко использовать, и они имеют преимущество общности для всех веб-браузеров. Однако они не могут поддерживать свое собственное состояние, если они не настроены как серверные элементы управления. (Другими словами, данные, которые они содержат, между просмотрами веб-страницы будут потеряны). Иллюстрация слева показывает элементы управления HTML, предлагаемые закладкой HTML окна Области элементов среды Visual Studio.