В этой лекции вы узнаете, как:
HyperLink для связи одной страницы веб-приложения с другой.В лекции 21 вы узнали, как с помощью 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!
ID, но не имеют свойства Name.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), общую информацию о веб-приложении (файл
В чем наиболее важные различия между веб-формами и формами Windows? Во-первых, веб-формы предлагают несколько отличающуюся от форм Windows парадигму программирования. В то время как формы Windows используют в качестве главного интерфейса программы пользователя окно приложения для Windows, веб-формы представляют пользователю информацию через одну или несколько веб-страниц, содержащих вспомогательный код программы. Эти страницы просматриваются через веб-браузер, и вы можете создать их с помощью Конструктора Web Forms.
Аналогично формам Windows, веб-форма может включать текст, графические изображения, кнопки, списки и другие объекты, которые используются для предоставления информации, обработки введенных данных или отображения результатов. Однако базовый набор элементов управления, который вы используете для создания страницы Web Forms, отличен от набора, предлагаемого Visual Studio на закладке Windows Forms окна Области элементов. Вместо него веб-приложения ASP.NET должны использовать элементы управления, расположенные на закладках HTML или Web Forms окна Области элементов. Каждый из элементов управления HTML и Web Forms имеет собственные уникальные методы, свойства и события, и хотя между этими элементами управления и элементами управления Windows Forms много общего, существует и несколько важных отличий.
Элементы управления веб-форм являются серверными элементами управления, что означает, что они выполняются и могут быть запрограммированы на веб-сервере. Серверные элементы управления могут быть идентифицированы на веб-форме с помощью небольшого зеленого значка, который появляется при разработке в верхнем левом углу элемента управления.
Они включают Button, TextField и Checkbox - полезные базовые элементы управления для управления информацией на веб-странице, которая может быть полностью представлена с помощью кода HTML. Вы узнаете эти элементы управления, если раньше писали код HTML, или если у вас есть некоторый опыт работы с Visual Basic 6 DHTML Page Designer. Их легко использовать, и они имеют преимущество общности для всех веб-браузеров. Однако они не могут поддерживать свое собственное состояние, если они не настроены как серверные элементы управления. (Другими словами, данные, которые они содержат, между просмотрами веб-страницы будут потеряны). Иллюстрация слева показывает
Элементы управления Web Forms предлагают больше функций и возможностей, чем Button, TextBox и Label, существуют также более сложные элементы управления, такие, как DataGrid, Calendar и RequiredFieldValidator. На иллюстрации справа показаны некоторые из элементов управления Web Forms, расположенных на закладке Web Forms окна Области элементов.
Вы можете задаться вопросом: "Если я использовал эти новые элементы управления, то не придется ли теперь всем пользователям моего приложения использовать только самую последнюю версию конкретного веб-браузера? А если такое обновление для наших веб-клиентов невозможно?"
Веб-приложения Visual Studio .NET не требуют использования самой последней версии браузера - Visual Studio .NET включает свойство targetSchema объекта DOCUMENT, которое позволяет указать конкретный веб-браузер и его версию. Опциями targetSchema являются Internet Explorer 3.02 / Navigator 3.0, Internet Explorer 5.0 и Navigator 4.0. Значением по умолчанию является Internet Explorer 5.0. Значение свойства targetSchema влияет на код HTML, генерируемый Visual Studio, и на функции, доступные в Visual Studio. Например, если свойство targetSchema установлено на значение Internet Explorer 3.02 / Navigator 3.0, а свойство pageLayout на значение GridLayout, то вместо таблиц стилей (CSS) для позиционирования объектов используются таблицы HTML.
Свойство targetSchema далее не обсуждаться, но в этой лекции я буду использовать свойство pageLayout. Дополнительную информацию о targetSchema можно найти в справочной системе Visual Studio под заголовком "targetSchema".
В упражнениях, приведенных в этой лекции, вы будете создавать простое веб-приложение. Это приложение является калькулятором аренды автомобилей. Оно определяет ежемесячные выплаты и отображает вторую веб-страницу, содержащую текст справки. Вы начнете с проверки того, что Visual Studio правильно настроен для программирования ASP.NET, а затем создадите новый проект веб-приложения. Затем, используя Конструктор Web Forms, создадите страницу Web Forms с текстом и ссылками на ней, и с помощью закладки Web Forms окна Области элементов добавите на эту страницу Web Forms элементы управления.
Прежде, чем вы напишете ваше первое веб-приложение с использованием ASP.NET, убедитесь, что в вашей системе есть необходимые файлы поддержки. Веб-приложения ASP.NET используют веб-сервер, работающий под управлением Windows 2000, Windows XP Professional или Windows Server 2003, на котором установлены программы Microsoft Internet Information Services (IIS), Microsoft FrontPage 2000 Server Extensions и библиотеки .NET Framework. Убедитесь, что все эти компоненты установлены либо на вашем локальном компьютере, либо доступны через соединение с сервером.
Вообще, это вопрос установки Visual Studio .NET - во время установки Visual Studio .NET процедура установки, которая называется Windows Component Update, анализирует вашу систему и смотрит, есть ли у вас возможность создавать локальные веб-проекты. Если необходимых файлов поддержки у вас нет, вам будет задан вопрос, хотите ли вы установить IIS и FrontPage 2000 Server Extensions с ваших оригинальных компакт-дисков, содержащих Windows 2000, Windows XP Professional или Windows Server 2003. Если вы при установке проигнорировали эти сообщения и не установили необходимые файлы поддержки, установите эти файлы сейчас, чтобы задействовать в вашей системе возможность программирования для ASP.NET.
Если вы обнаружите, что у вас не установлены IIS и FrontPage 2000 Server Extensions, и вы не можете начать программировать с ASP.NET, выполните следующие действия.
Если FrontPage 2000 Server Extensions (Серверные расширения FrontPage 2000) и World Wide Web Server (Служба WWW) еще не выбраны, щелкните на этих флажках, как показано на следующей иллюстрации.
Если необходимо установить IIS и FrontPage 2000 Server Extensions, следуйте этим указаниям, чтобы исправить .NET Framework.
Если вы используете компакт-диски Visual Studio .NET, введите в текстовое поле Open (Открыть) следующую команду в виде одной длинной строки, заменив "CDdrive" на букву вашего дисковода CD-ROM:
"CDdrive":\dotNetFramework\dotnetfx.exe / t:c:\temp /c:"msiexec.exe /fvecms c:\temp\netfx.msi"
Если вы используете DVD-диск с Visual Studio .NET, введите в текстовое поле Open (Открыть) следующую команду в виде одной длинной строки, заменив "DVDdrive" на букву вашего дисковода DVD:
"DVDdrive":\wcu\dotNetFramework\dotnetfx.exe / t:c:\temp /c:"msiexec.exe /fvecms c:\temp\netfx.msi"
После исправлений .NET Framework, ваш компьютер будет готов для программирования ASP.NET.
Примечание. Так как установка программного обеспечения Visual Studio .NET выполнялась не в том порядке, как рекомендуется Microsoft, при создании веб-приложений вы можете столкнуться с проблемами. Например, у вас может не получиться создать новый проект веб-приложения с использованием ASP.NET, или веб-приложение может некорректно отображаться в веб-браузере. Если у вас после выполнения действий, описанных в этом разделе, возникнут подобные проблемы, проверьте следующие ресурсы:
После того, как вы загрузили все необходимые файлы поддержки, можете создавать ваши первые веб-приложения с использованием ASP.NET.
Введите в текстовое поле Location (Расположение) URL вашего веб-сервера и имя веб-приложения. Так как эти шаги предполагают, что ваш веб-сервер находится на вашей локальной машине, введите http://localhost/MyWebCalculator. Ваш экран будет выглядеть так.
Щелкните на OK.
Visual Studio загружает Конструктор Web Forms и создает страницу Web Forms (WebForm1.aspx), которая будет содержать интерфейс пользователя, и файл кода (WebForm1.aspx.vb), который будет содержать код вашего веб-приложения. Ваш экран будет выглядеть примерно так, как показано на рисунке далее.
В отличие от Windows Forms Designer (Конструктор Windows Forms), Web Forms Designer (Конструктор Web Forms) отображает страницу Web Forms в центре среды разработки в виде большого белого окна документа и сетки из мелких синих точек. Две закладки, расположенные в нижней части дизайнера (Design и HTML) позволяют переключать режим просмотра этой страницы Web Forms. Закладка Design (Конструктор) показывает, как примерно будет выглядеть ваша страница Web Forms в веб-браузере. Когда выбрана закладка Design (Конструктор), вы можете выбрать либо режим привязки к сетке, либо "потоковый" режим управления организацией объектов на вашей странице веб-формы. Сообщение, которое вы видите на странице веб-формы, описывает эти режимы. (Вы будете экспериментировать с ними в следующем разделе.)
Закладка HTML в нижней части дизайнера позволяет просматривать и редактировать код HTML, который используется для отображения этой страницы Web Forms в веб-браузере. Если вы использовали в прошлом Microsoft Visual InterDev или Microsoft FrontPage, вам должны быть знакомы эти способы отображения страницы Web Forms и, возможно, некоторые коды форматирования HTML, управляющие отображением страницы Web Forms.
Также следует отметить несколько дополнительных изменений в Visual Studio. Ниже стандартной панели инструментов расположены новые панели инструментов Конструктор и Форматирование, которые содержат опции проектирования и форматирования вашей страницы Web Forms. Закладка Web Forms окна Области элементов отображается в левой части экрана и предлагает элементы управления Web Forms, которые вы можете использовать для создания веб-приложений с использованием ASP.NET. (Если вы не видите элементы управления Web Forms, щелкните на закладке Web Forms.) Solution Explorer (Обозреватель решений) в правой части экрана содержит отличающийся список файлов проекта создаваемого вами веб-приложения. В частности, обратите внимание в Solution Explorer (Обозреватель решений) на файл WebForm1.aspx, который содержит код интерфейса пользователя этой страницы Web Forms.
Теперь добавьте с помощью Конструктора Web Forms на страницу Web Forms некоторый текст.
В отличие от формы Windows, страница Web Forms может содержать текст, добавленный непосредственно в нее во время работы в Конструкторе Web Forms в "потоковом" режиме. В этом режиме текст появляется сверху вниз, как это происходит в текстовом редакторе, таком, как Microsoft Word. В "потоковом" режиме вы можете вводить текст, редактировать его, а затем вносить изменения форматирования с помощью панели инструментов форматирования. Подобное манипулирование текстом обычно гораздо быстрее, чем добавление на веб-страницу элемента управления Label, содержащего этот текст. В следующем упражнении вы попрактикуетесь во вводе текста для вашего калькулятора аренды автомобиля.
DOCUMENT.pageLayout объекта DOCUMENT на значение "FlowLayout". Visual Studio удалит со страницы Web Forms сетку. Вы можете переключаться между потоковым режимом и режимом с сеткой, изменяя свойство pageLayout при выделенном объекте DOCUMENT.Введите под заголовком приложения следующее предложение:
Введите требуемую информацию и нажмите Вычислить!
Теперь отформатируйте заголовок, используя жирный шрифт и увеличив его размер.
Щелкните на панели инструментов форматирования на кнопке Bold (Полужирный) и установите размер шрифта равным 5. В веб-приложениях размер шрифта указывается не в пунктах, а в относительных величинах. (Размер шрифта 5 примерно равен 18-пунктовому шрифту.) Ваш экран будет выглядеть примерно так.
Теперь изучите код HTML для текста, который вы ввели.
Щелкните на закладке HTML в нижней части Конструктора Web Forms. Закладка HTML отображает реальный код HTML вашей страницы Web Forms. Чтобы увидеть код полностью, вы можете временно закрыть окно Области элементов. Код HTML для страницы Web Forms имеет вид, как показано на рисунке на следующей странице.
Страница Web Forms состоит из информации о файле и документе, кодов форматирования, называемых тэгами HTML, которые заключены в угловые скобки, и текста и объектов, отображаемых на вашей странице веб-формы. Эта страница веб-формы довольно короткая - она содержит заголовок с информацией о языке, который вы выбрали при создании веб-приложения, об имени файла, содержащего код, и обо всех наследуемых формах. Тег body определяет начало документа; теги обычно всегда появляются парами, так что вы можете ясно видеть, где раздел начинается, а где заканчивается. Обратите внимание, что текст "Калькулятор аренды автомобиля" находится в строке HTML, которая форматирует этот текст как strong (полужирный) с размером шрифта 5. Под этим текстом отображается вторая введенная вами строка текста.
DOCUMENT.pageLayout на значение GridLayout. Вы закончили добавлять текст на страницу веб-формы и можете переключиться с потокового режима в режим сетки.Зачем нужно два режима разметки - потоковый и режим сетки? Каждый режим разметки имеет свои преимущества и недостатки, но главная цель состоит в том, чтобы предоставить вам как разработчику веб-приложения различные способы управления тем, как выглядит веб-форма в веб-браузере. Режим сетки позволяет точно позиционировать, задавать размер объектов на странице веб-формы, и даже накладывать объекты друг на друга. Недостатком является то, что режим сетки генерирует более сложный код HTML для позиционирования объектов, который может не отображаться должным образом в более старых браузерах. Если вы хотите, чтобы ваше веб-приложения хорошо отображалось в широком спектре веб-браузеров, установите свойство pageLayout на значение FlowLayout и свойство targetSchema на значение Internet Explorer 3.02 / Navigator 3.0.
Теперь вы добавите в этот калькулятор аренды автомобиля элементы управления TextBox, Label и Button. Хотя эти элементы управления расположены на закладке Web Forms окна Области элементов, они очень похожи на элементы управления Windows Forms с теми же именами, которые вы уже использовали в этой книге. (Далее я опишу некоторые из важнейших отличий.) Добавив на страницу веб-формы эти элементы управления, установите для них параметры свойств.
TextBox, а затем создайте на странице Web Forms под введенным вами текстом текстовое поле. Расположите это поле около левого поля формы. Visual Studio позволяет создавать элементы управления веб-форм точно так же, как вы создаете элементы управления форм Windows. Так как страница веб-формы находится в режиме сетки, вы можете точно задать размер и положение элементов управления. Обратите внимание на небольшой зеленый значок, который появляется в левом верхнем углу элемента управления и указывает, что этот элемент управления запускается на сервере.Label создайте метки, указывающие на назначение текстовых полей.Label, а затем справа от первого объекта текстового поля нарисуйте метку.Используйте элемент управления Button и нарисуйте в нижней части страницы веб-формы кнопку. Элемент управления Button, как и элементы управления TextBox и Label, очень похож на свой аналог для форм Windows. Ваш экран должен выглядеть примерно так.
Теперь необходимо установить свойства для этих семи новых элементов управления, созданных на странице веб-формы. При установке свойств вы заметите одно важное различие между веб-формами и формами Windows - знакомое свойство Name в веб-формах заменено свойством ID. Несмотря на различные имена, эти два свойства выполняют одну и ту же функцию.
Установите для объектов формы следующие свойства:
| Объект | Свойство | Установка |
|---|---|---|
| TextBox1 | ID | txtAmount |
| TextBox2 | ID | txtInterest |
| TextBox3 | ID | txtPayment |
| Label1 | ID | lblAmount |
| Text | Стоимость аренды | |
| Label2 | ID | lblInterest |
| Text | Процентная ставка (например, 0.09) | |
| Label3 | ID | lblPayment |
| Text | Ежемесячные выплаты | |
| Button1 | ID | btnCalculate |
| Text | Вычислить |
Ваша страница Web Forms будет иметь следующий вид.
Вы пишете процедуры событий (или обработчики событий) для элементов управления страниц веб-форм, делая на этих объектах страницы веб-формы двойной щелчок мышью и вводя в Редакторе кода необходимый код программы. Хотя пользователь увидит эти элементы управления на странице веб-формы в веб-браузере, реальный исполняемый код находится на веб-сервере и запускается веб-сервером. Когда пользователь щелкает, например, на кнопке, браузер обычно посылает событие щелчка обратно на сервер, который обрабатывает это событие и посылает браузеру новую веб-страницу. Хотя этот процесс кажется аналогичным тому, который происходит в формах Windows, при использовании элемента управления на странице веб-формы большой объем действий происходит "за сценой".
В следующем упражнении вы попрактикуетесь в создании процедуры события для объекта btnCalculate, расположенного на странице веб-формы.
btnCalculate_Click.Введите следующий код программы:
Dim LoanPayment As Single 'Используем функцию Pmt для определения выплат за 36 месяцев аренды LoanPayment = Pmt(txtInterest.Text / 12, 36, txtAmount.Text) txtPayment.Text = Format(Abs(LoanPayment), "$0.00")
Эта процедура события использует функцию Pmt, являющуюся финансовой функцией, входящей в язык Visual Basic, и предназначенную для определения ежемесячных выплат за аренду автомобиля на основе указанных процентной ставки ( txtInterest.Text ), периода аренды (36 месяцев) и указанной базовой стоимости аренды ( txtAmount.Text ). Результат сохраняется в переменной с плавающей точкой одинарной точности LoanPayment, а затем форматируется как денежная сумма и отображается на веб-странице с помощью объекта текстового поля txtPayment. Чтобы сделать выплаты за аренду положительным числом, используется функция Abs (абсолютное значение) - функция Pmt по умолчанию возвращает отрицательное значение (что отражает, что деньги выплачиваются), но я думаю, что это форматирование будет выглядеть странно при формировании общего баланса. Обратите внимание, что операторы программы в файле базового кода являются обычным кодом на Visual Basic - теми же операторами, которые вы использовали на протяжении всей этой книги. Вы даже будете использовать оператор Imports. Этот процесс кажется аналогичным созданию приложения для Windows.
Прокрутите Редактор кода в самый верх и введите в первой строке файла следующий оператор программы:
Imports System.Math
Функция Abs по умолчанию не включена в Visual Basic, а является частью класса System.Math среды .NET Framework, который может быть включен в ваш проект с помощью оператора Imports. Веб-приложения могут использовать библиотеки классов .NET Framework точно так же, как приложения Windows.
Вы ввели код программы, необходимый для запуска калькулятора аренды автомобиля, и сделали страницу веб-формы интерактивной. Теперь соберите этот проект и посмотрите, как он работает!
Щелкните на кнопке Start (Начать) стандартной панели инструментов.
Visual Basic соберет проект и запустит его с помощью Internet Explorer. Калькулятор аренды автомобиля выглядит так.
Щелкните на кнопке Вычислить. Visual Basic вычислит сумму выплат и отобразит в текстовом поле Ежемесячные выплаты число $572.40. Ваш экран будет выглядеть примерно так.
Хотя это веб-приложение полезно, оно столкнется с проблемами, если пользователь забудет ввести базовую стоимость или процентную ставку или укажет данные в некорректном формате. Чтобы сделать это веб-приложение более надежным, вы должны добавить на страницу веб-формы дополнительные проверочные элементы управления, которые будут требовать пользовательского ввода в правильном формате. Проверочные элементы управления расположены на закладке Web Forms окна Toolbox (Область элементов) и включают элементы управления, которые требуют обязательного ввода данных в соответствующих полях ( RequiredFieldValidator ), ввода в правильном формате ( RangeValidator ), и т.д. За дополнительной информацией по проверочным элементам управления обратитесь к справочной системе Visual Studio.
Если ваше веб-приложение будет использовать несколько веб-страниц, можете использовать элемент управления HyperLink с закладки Web Forms окна Области элементов, который позволяет пользователям переходить с текущей веб-страницы на другую. Элемент управления HyperLink помещает на текущую веб-страницу гиперссылку, на которой пользователь может щелкнуть, чтобы отобразить другую веб-страницу. Когда вы используете элемент управления HyperLink, вы указываете текст, который будет отображаться как гиперссылка, и с помощью свойства NavigateUrl указываете требуемый ресурс, который вы хотите отобразить (либо URL, либо локальный путь).
Если вы уже создали веб-страницы, то можете добавить их в ваш проект веб-приложения и установить между ними правильные ссылки. Если вы хотите создать новые веб-страницы, можете использовать Visual Studio .NET.
В следующем упражнении с помощью Visual Studio вы создадите вторую веб-страницу и сохраните ее в формате HTML вместе с остальными файлами вашего проекта. Этот документ будет файлом справки, который смогут открыть пользователи вашего веб-приложения, чтобы получить дополнительную информацию. Затем вы добавите в проект WebCalculator элемент управления HyperLink, и установите свойство этого элемента управления HyperLink равным новой HTML-странице.
Name (Имя) название WebCalculatorHelp.htm, а затем щелкните на Open (Открыть). Файл WebCalculatorHelp.htm добавится в Solution Explorer (Обозреватель решений) и откроется в HTML Designer (Дизайнере HTML) в режиме просмотра Design (Конструктор). Обратите внимание, что закладка Web Forms в Области элементов больше не отображается. Так как это HTML-страница, элементы управления веб-форм не поддерживаются.pageLayout, расположенное в окне Properties (Свойства), на значение FlowLayout. Visual Studio удалит сетку с HTML-страницы.Щелкните на HTML-странице, чтобы добавить курсор, и введите следующий текст:
Калькулятор аренды автомобиля
Эта программа Калькулятор аренды автомобиля была разработана для книги Microsoft Visual Basic .NET Шаг за шагом - версия 2003 Майклом Халворсоном. Это веб-приложение лучше всего просматривать в Microsoft Internet Explorer версии 5.0 или выше. Чтобы узнать о том, как было создано это приложение, прочтите лекцию 22 книги.
Инструкция по использованию.
Заполните текстовое поле Стоимость аренды без знака доллара или запятых.
Заполните текстовое поле Процентная ставка в десятичном формате. Не вводите знак %. Например, чтобы указать процентную ставку 9%, введите число 0.09.
Обратите внимание, что этот калькулятор предполагает период выплат длительностью три года, или 36 месяцев.
Чтобы вычислить базовые ежемесячные выплаты, которые не включают налогов или банковских сборов, щелкните на кнопке Вычислить.
С помощью панели инструментов форматирования добавьте форматирование жирным и наклонным шрифтами, как показано ниже.
Теперь вы будете использовать элемент управления HyperLink для создания гиперссылки на вашей странице веб-формы, которая открывает файл WebCalculatorHelp.htm.
HyperLink, расположенном на закладке Web Forms окна Области элементов, а затем нарисуйте на странице веб-формы справа от кнопки Вычислить гиперссылку.Text гиперссылки равным "Получение справки". Свойство Text содержит текст, который появится на странице веб-формы подчеркнутым, и будет гиперссылкой. Вам следует здесь использовать слова, из которых будет понятно, что существует веб-страница, содержащая текст справки.На панели Contents (Содержимое) щелкните на файле WebCalculatorHelp.htm. Текстовое поле URL отобразит имя файла, который вы хотите использовать для этой гиперссылки. Ваше диалоговое окно будет выглядеть так.
Чтобы установить свойство NavigateUrl, щелкните на OK. Ваша веб-страница имеет примерно такой вид.
Ссылка создана, и можно снова запустить приложение WebCalculator.
Щелкните на кнопке Start (Начать).
Visual Studio соберет это веб-приложение и запустит его в Internet Explorer.
HyperLink, щелкните на гиперссылке Получить справку. Internet Explorer отобразит вторую веб-страницу. Ваш экран выглядит примерно так, как показано на рисунке вверху следующей страницы.Прочите текст, а затем щелкните в Internet Explorer на кнопке Back (Назад). Как и в любом веб-приложении, это веб-приложение позволяет щелкать на кнопках Back (Назад) и Forward (Вперед), чтобы переходить с одной веб-страницы на предыдущую или следующую.
Когда вы закончите экспериментировать с программой Web Calculator, закройте Internet Explorer. На этом вы пока что закончили работу с Visual Basic .NET.
По мере того, как вы будете добавлять в ваше решение новые HTML-страницы, вы можете с помощью удобного элемента управления HyperLink добавлять и новые гиперссылки. Хотя ASP.NET содержит множество дополнительных возможностей, из этих простых упражнений видно, на сколько процесс разработки сложных веб-форм похож на методики разработки форм Windows, изученные вами ранее.
Поздравляем с завершением полного курса программирования Microsoft Visual Basic .NET Шаг за шагом - версия 2003! Вы можете использованию более сложные методы программирования на Visual Basic .NET и создавать более крупные проекты. За советами по дальнейшему продолжению вашего обучения обратитесь к списку ресурсов из Приложения A.
| Чтобы | Сделайте следующее |
|---|---|
| Создать новое веб-приложение | Выберите в диалоговом окне New Project (Создать проект) значок ASP.NET Web Application (Web-приложение ASP.NET), а затем укажите веб-сервер и имя проекта. |
| Ввести текст страницы веб-формы или HTML-страницы | Используйте окно Properties (Свойства) для изменения свойства pageLayout объекта DOCUMENT на значение FlowLayout, а затем щелкните на странице и введите желаемый текст. |
| Отформатировать текст страницы веб-формы или HTML-страницы | В потоковом режиме на странице выделите текст, который вы хотите отформатировать, а затем щелкните на кнопке или элементе управления на панели форматирования. |
| Просмотреть код HTML вашей страницы веб-формы или HTML-страницы | Щелкните на закладке HTML в нижней части дизайнера. |
| Отобразить в Web Forms Designer или HTML Designer сетку привязки объектов | Используйте окно Properties (Свойства), чтобы изменить свойство pageLayout объекта кнопки на значение GridLayout. |
| Добавить на страницу веб-формы элементы управления | Отобразите закладку HTML или Web Forms окна Toolbox (Область элементов) и перетащите элементы управления на страницу веб-формы в Web Forms Designer (Конструктор Web Forms). |
| Изменить имя объекта на странице веб-формы | Используйте окно Properties (Свойства), чтобы изменить значение свойства ID объекта на новое. |
| Написать для объекта на странице Web Forms процедуру события | Сделайте на объекте двойной щелчок мышью, чтобы отобразить его код в Редакторе кода, и напишите код процедуры события этого объекта. |
| Проверить формат данных, введенных пользователем в элемент управления на странице веб-формы | Чтобы протестировать данные, введенные в элемент управления ввода, используйте один или несколько проверочных элементов управления с закладки Web Forms окна Области элементов. |
| Запустить веб-приложение в Visual Studio | Щелкните на кнопке Start (Начать) стандартной панели инструментов. Visual Studio соберет проект и загрузит это веб-приложение в Internet Explorer. |
| Создать страницу HTML для проекта | Щелкните на команде Add HTML Page (Добавить страницу HTML) в меню Project (Проект), а затем добавьте в проект новую HTML-страницу. Создайте и отформатируйте эту HTML-страницу с помощью HTML Designer (Конструктора HTML). |
| Создать в веб-приложении ссылку на другие веб-страницы | Добавьте на вашу веб-страницу элемент управления HyperLink с закладки Web Forms, а затем установите свойство NavigateUrl этого элемента управления равным адресу страницы, на которую вы делаете ссылку. |
В этой лекции вы узнаете, как:
HyperLink для связи одной страницы веб-приложения с другой.В лекции 21 вы узнали, как с помощью 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!
ID, но не имеют свойства Name.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), общую информацию о веб-приложении (файл
В чем наиболее важные различия между веб-формами и формами Windows? Во-первых, веб-формы предлагают несколько отличающуюся от форм Windows парадигму программирования. В то время как формы Windows используют в качестве главного интерфейса программы пользователя окно приложения для Windows, веб-формы представляют пользователю информацию через одну или несколько веб-страниц, содержащих вспомогательный код программы. Эти страницы просматриваются через веб-браузер, и вы можете создать их с помощью Конструктора Web Forms.
Аналогично формам Windows, веб-форма может включать текст, графические изображения, кнопки, списки и другие объекты, которые используются для предоставления информации, обработки введенных данных или отображения результатов. Однако базовый набор элементов управления, который вы используете для создания страницы Web Forms, отличен от набора, предлагаемого Visual Studio на закладке Windows Forms окна Области элементов. Вместо него веб-приложения ASP.NET должны использовать элементы управления, расположенные на закладках HTML или Web Forms окна Области элементов. Каждый из элементов управления HTML и Web Forms имеет собственные уникальные методы, свойства и события, и хотя между этими элементами управления и элементами управления Windows Forms много общего, существует и несколько важных отличий.
Элементы управления веб-форм являются серверными элементами управления, что означает, что они выполняются и могут быть запрограммированы на веб-сервере. Серверные элементы управления могут быть идентифицированы на веб-форме с помощью небольшого зеленого значка, который появляется при разработке в верхнем левом углу элемента управления.
Они включают Button, TextField и Checkbox - полезные базовые элементы управления для управления информацией на веб-странице, которая может быть полностью представлена с помощью кода HTML. Вы узнаете эти элементы управления, если раньше писали код HTML, или если у вас есть некоторый опыт работы с Visual Basic 6 DHTML Page Designer. Их легко использовать, и они имеют преимущество общности для всех веб-браузеров. Однако они не могут поддерживать свое собственное состояние, если они не настроены как серверные элементы управления. (Другими словами, данные, которые они содержат, между просмотрами веб-страницы будут потеряны). Иллюстрация слева показывает
Элементы управления Web Forms предлагают больше функций и возможностей, чем Button, TextBox и Label, существуют также более сложные элементы управления, такие, как DataGrid, Calendar и RequiredFieldValidator. На иллюстрации справа показаны некоторые из элементов управления Web Forms, расположенных на закладке Web Forms окна Области элементов.
Вы можете задаться вопросом: "Если я использовал эти новые элементы управления, то не придется ли теперь всем пользователям моего приложения использовать только самую последнюю версию конкретного веб-браузера? А если такое обновление для наших веб-клиентов невозможно?"
Веб-приложения Visual Studio .NET не требуют использования самой последней версии браузера - Visual Studio .NET включает свойство targetSchema объекта DOCUMENT, которое позволяет указать конкретный веб-браузер и его версию. Опциями targetSchema являются Internet Explorer 3.02 / Navigator 3.0, Internet Explorer 5.0 и Navigator 4.0. Значением по умолчанию является Internet Explorer 5.0. Значение свойства targetSchema влияет на код HTML, генерируемый Visual Studio, и на функции, доступные в Visual Studio. Например, если свойство targetSchema установлено на значение Internet Explorer 3.02 / Navigator 3.0, а свойство pageLayout на значение GridLayout, то вместо таблиц стилей (CSS) для позиционирования объектов используются таблицы HTML.
Свойство targetSchema далее не обсуждаться, но в этой лекции я буду использовать свойство pageLayout. Дополнительную информацию о targetSchema можно найти в справочной системе Visual Studio под заголовком "targetSchema".
В упражнениях, приведенных в этой лекции, вы будете создавать простое веб-приложение. Это приложение является калькулятором аренды автомобилей. Оно определяет ежемесячные выплаты и отображает вторую веб-страницу, содержащую текст справки. Вы начнете с проверки того, что Visual Studio правильно настроен для программирования ASP.NET, а затем создадите новый проект веб-приложения. Затем, используя Конструктор Web Forms, создадите страницу Web Forms с текстом и ссылками на ней, и с помощью закладки Web Forms окна Области элементов добавите на эту страницу Web Forms элементы управления.
Прежде, чем вы напишете ваше первое веб-приложение с использованием ASP.NET, убедитесь, что в вашей системе есть необходимые файлы поддержки. Веб-приложения ASP.NET используют веб-сервер, работающий под управлением Windows 2000, Windows XP Professional или Windows Server 2003, на котором установлены программы Microsoft Internet Information Services (IIS), Microsoft FrontPage 2000 Server Extensions и библиотеки .NET Framework. Убедитесь, что все эти компоненты установлены либо на вашем локальном компьютере, либо доступны через соединение с сервером.
Вообще, это вопрос установки Visual Studio .NET - во время установки Visual Studio .NET процедура установки, которая называется Windows Component Update, анализирует вашу систему и смотрит, есть ли у вас возможность создавать локальные веб-проекты. Если необходимых файлов поддержки у вас нет, вам будет задан вопрос, хотите ли вы установить IIS и FrontPage 2000 Server Extensions с ваших оригинальных компакт-дисков, содержащих Windows 2000, Windows XP Professional или Windows Server 2003. Если вы при установке проигнорировали эти сообщения и не установили необходимые файлы поддержки, установите эти файлы сейчас, чтобы задействовать в вашей системе возможность программирования для ASP.NET.
Если вы обнаружите, что у вас не установлены IIS и FrontPage 2000 Server Extensions, и вы не можете начать программировать с ASP.NET, выполните следующие действия.
Если FrontPage 2000 Server Extensions (Серверные расширения FrontPage 2000) и World Wide Web Server (Служба WWW) еще не выбраны, щелкните на этих флажках, как показано на следующей иллюстрации.
Если необходимо установить IIS и FrontPage 2000 Server Extensions, следуйте этим указаниям, чтобы исправить .NET Framework.
Если вы используете компакт-диски Visual Studio .NET, введите в текстовое поле Open (Открыть) следующую команду в виде одной длинной строки, заменив "CDdrive" на букву вашего дисковода CD-ROM:
"CDdrive":\dotNetFramework\dotnetfx.exe / t:c:\temp /c:"msiexec.exe /fvecms c:\temp\netfx.msi"
Если вы используете DVD-диск с Visual Studio .NET, введите в текстовое поле Open (Открыть) следующую команду в виде одной длинной строки, заменив "DVDdrive" на букву вашего дисковода DVD:
"DVDdrive":\wcu\dotNetFramework\dotnetfx.exe / t:c:\temp /c:"msiexec.exe /fvecms c:\temp\netfx.msi"
После исправлений .NET Framework, ваш компьютер будет готов для программирования ASP.NET.
Примечание. Так как установка программного обеспечения Visual Studio .NET выполнялась не в том порядке, как рекомендуется Microsoft, при создании веб-приложений вы можете столкнуться с проблемами. Например, у вас может не получиться создать новый проект веб-приложения с использованием ASP.NET, или веб-приложение может некорректно отображаться в веб-браузере. Если у вас после выполнения действий, описанных в этом разделе, возникнут подобные проблемы, проверьте следующие ресурсы:
После того, как вы загрузили все необходимые файлы поддержки, можете создавать ваши первые веб-приложения с использованием ASP.NET.
Введите в текстовое поле Location (Расположение) URL вашего веб-сервера и имя веб-приложения. Так как эти шаги предполагают, что ваш веб-сервер находится на вашей локальной машине, введите http://localhost/MyWebCalculator. Ваш экран будет выглядеть так.
Щелкните на OK.
Visual Studio загружает Конструктор Web Forms и создает страницу Web Forms (WebForm1.aspx), которая будет содержать интерфейс пользователя, и файл кода (WebForm1.aspx.vb), который будет содержать код вашего веб-приложения. Ваш экран будет выглядеть примерно так, как показано на рисунке далее.
В отличие от Windows Forms Designer (Конструктор Windows Forms), Web Forms Designer (Конструктор Web Forms) отображает страницу Web Forms в центре среды разработки в виде большого белого окна документа и сетки из мелких синих точек. Две закладки, расположенные в нижней части дизайнера (Design и HTML) позволяют переключать режим просмотра этой страницы Web Forms. Закладка Design (Конструктор) показывает, как примерно будет выглядеть ваша страница Web Forms в веб-браузере. Когда выбрана закладка Design (Конструктор), вы можете выбрать либо режим привязки к сетке, либо "потоковый" режим управления организацией объектов на вашей странице веб-формы. Сообщение, которое вы видите на странице веб-формы, описывает эти режимы. (Вы будете экспериментировать с ними в следующем разделе.)
Закладка HTML в нижней части дизайнера позволяет просматривать и редактировать код HTML, который используется для отображения этой страницы Web Forms в веб-браузере. Если вы использовали в прошлом Microsoft Visual InterDev или Microsoft FrontPage, вам должны быть знакомы эти способы отображения страницы Web Forms и, возможно, некоторые коды форматирования HTML, управляющие отображением страницы Web Forms.
Также следует отметить несколько дополнительных изменений в Visual Studio. Ниже стандартной панели инструментов расположены новые панели инструментов Конструктор и Форматирование, которые содержат опции проектирования и форматирования вашей страницы Web Forms. Закладка Web Forms окна Области элементов отображается в левой части экрана и предлагает элементы управления Web Forms, которые вы можете использовать для создания веб-приложений с использованием ASP.NET. (Если вы не видите элементы управления Web Forms, щелкните на закладке Web Forms.) Solution Explorer (Обозреватель решений) в правой части экрана содержит отличающийся список файлов проекта создаваемого вами веб-приложения. В частности, обратите внимание в Solution Explorer (Обозреватель решений) на файл WebForm1.aspx, который содержит код интерфейса пользователя этой страницы Web Forms.
Теперь добавьте с помощью Конструктора Web Forms на страницу Web Forms некоторый текст.
В отличие от формы Windows, страница Web Forms может содержать текст, добавленный непосредственно в нее во время работы в Конструкторе Web Forms в "потоковом" режиме. В этом режиме текст появляется сверху вниз, как это происходит в текстовом редакторе, таком, как Microsoft Word. В "потоковом" режиме вы можете вводить текст, редактировать его, а затем вносить изменения форматирования с помощью панели инструментов форматирования. Подобное манипулирование текстом обычно гораздо быстрее, чем добавление на веб-страницу элемента управления Label, содержащего этот текст. В следующем упражнении вы попрактикуетесь во вводе текста для вашего калькулятора аренды автомобиля.
DOCUMENT.pageLayout объекта DOCUMENT на значение "FlowLayout". Visual Studio удалит со страницы Web Forms сетку. Вы можете переключаться между потоковым режимом и режимом с сеткой, изменяя свойство pageLayout при выделенном объекте DOCUMENT.Введите под заголовком приложения следующее предложение:
Введите требуемую информацию и нажмите Вычислить!
Теперь отформатируйте заголовок, используя жирный шрифт и увеличив его размер.
Щелкните на панели инструментов форматирования на кнопке Bold (Полужирный) и установите размер шрифта равным 5. В веб-приложениях размер шрифта указывается не в пунктах, а в относительных величинах. (Размер шрифта 5 примерно равен 18-пунктовому шрифту.) Ваш экран будет выглядеть примерно так.
Теперь изучите код HTML для текста, который вы ввели.
Щелкните на закладке HTML в нижней части Конструктора Web Forms. Закладка HTML отображает реальный код HTML вашей страницы Web Forms. Чтобы увидеть код полностью, вы можете временно закрыть окно Области элементов. Код HTML для страницы Web Forms имеет вид, как показано на рисунке на следующей странице.
Страница Web Forms состоит из информации о файле и документе, кодов форматирования, называемых тэгами HTML, которые заключены в угловые скобки, и текста и объектов, отображаемых на вашей странице веб-формы. Эта страница веб-формы довольно короткая - она содержит заголовок с информацией о языке, который вы выбрали при создании веб-приложения, об имени файла, содержащего код, и обо всех наследуемых формах. Тег body определяет начало документа; теги обычно всегда появляются парами, так что вы можете ясно видеть, где раздел начинается, а где заканчивается. Обратите внимание, что текст "Калькулятор аренды автомобиля" находится в строке HTML, которая форматирует этот текст как strong (полужирный) с размером шрифта 5. Под этим текстом отображается вторая введенная вами строка текста.
DOCUMENT.pageLayout на значение GridLayout. Вы закончили добавлять текст на страницу веб-формы и можете переключиться с потокового режима в режим сетки.Зачем нужно два режима разметки - потоковый и режим сетки? Каждый режим разметки имеет свои преимущества и недостатки, но главная цель состоит в том, чтобы предоставить вам как разработчику веб-приложения различные способы управления тем, как выглядит веб-форма в веб-браузере. Режим сетки позволяет точно позиционировать, задавать размер объектов на странице веб-формы, и даже накладывать объекты друг на друга. Недостатком является то, что режим сетки генерирует более сложный код HTML для позиционирования объектов, который может не отображаться должным образом в более старых браузерах. Если вы хотите, чтобы ваше веб-приложения хорошо отображалось в широком спектре веб-браузеров, установите свойство pageLayout на значение FlowLayout и свойство targetSchema на значение Internet Explorer 3.02 / Navigator 3.0.
Теперь вы добавите в этот калькулятор аренды автомобиля элементы управления TextBox, Label и Button. Хотя эти элементы управления расположены на закладке Web Forms окна Области элементов, они очень похожи на элементы управления Windows Forms с теми же именами, которые вы уже использовали в этой книге. (Далее я опишу некоторые из важнейших отличий.) Добавив на страницу веб-формы эти элементы управления, установите для них параметры свойств.
TextBox, а затем создайте на странице Web Forms под введенным вами текстом текстовое поле. Расположите это поле около левого поля формы. Visual Studio позволяет создавать элементы управления веб-форм точно так же, как вы создаете элементы управления форм Windows. Так как страница веб-формы находится в режиме сетки, вы можете точно задать размер и положение элементов управления. Обратите внимание на небольшой зеленый значок, который появляется в левом верхнем углу элемента управления и указывает, что этот элемент управления запускается на сервере.Label создайте метки, указывающие на назначение текстовых полей.Label, а затем справа от первого объекта текстового поля нарисуйте метку.Используйте элемент управления Button и нарисуйте в нижней части страницы веб-формы кнопку. Элемент управления Button, как и элементы управления TextBox и Label, очень похож на свой аналог для форм Windows. Ваш экран должен выглядеть примерно так.
Теперь необходимо установить свойства для этих семи новых элементов управления, созданных на странице веб-формы. При установке свойств вы заметите одно важное различие между веб-формами и формами Windows - знакомое свойство Name в веб-формах заменено свойством ID. Несмотря на различные имена, эти два свойства выполняют одну и ту же функцию.
Установите для объектов формы следующие свойства:
| Объект | Свойство | Установка |
|---|---|---|
| TextBox1 | ID | txtAmount |
| TextBox2 | ID | txtInterest |
| TextBox3 | ID | txtPayment |
| Label1 | ID | lblAmount |
| Text | Стоимость аренды | |
| Label2 | ID | lblInterest |
| Text | Процентная ставка (например, 0.09) | |
| Label3 | ID | lblPayment |
| Text | Ежемесячные выплаты | |
| Button1 | ID | btnCalculate |
| Text | Вычислить |
Ваша страница Web Forms будет иметь следующий вид.
Вы пишете процедуры событий (или обработчики событий) для элементов управления страниц веб-форм, делая на этих объектах страницы веб-формы двойной щелчок мышью и вводя в Редакторе кода необходимый код программы. Хотя пользователь увидит эти элементы управления на странице веб-формы в веб-браузере, реальный исполняемый код находится на веб-сервере и запускается веб-сервером. Когда пользователь щелкает, например, на кнопке, браузер обычно посылает событие щелчка обратно на сервер, который обрабатывает это событие и посылает браузеру новую веб-страницу. Хотя этот процесс кажется аналогичным тому, который происходит в формах Windows, при использовании элемента управления на странице веб-формы большой объем действий происходит "за сценой".
В следующем упражнении вы попрактикуетесь в создании процедуры события для объекта btnCalculate, расположенного на странице веб-формы.
btnCalculate_Click.Введите следующий код программы:
Dim LoanPayment As Single 'Используем функцию Pmt для определения выплат за 36 месяцев аренды LoanPayment = Pmt(txtInterest.Text / 12, 36, txtAmount.Text) txtPayment.Text = Format(Abs(LoanPayment), "$0.00")
Эта процедура события использует функцию Pmt, являющуюся финансовой функцией, входящей в язык Visual Basic, и предназначенную для определения ежемесячных выплат за аренду автомобиля на основе указанных процентной ставки ( txtInterest.Text ), периода аренды (36 месяцев) и указанной базовой стоимости аренды ( txtAmount.Text ). Результат сохраняется в переменной с плавающей точкой одинарной точности LoanPayment, а затем форматируется как денежная сумма и отображается на веб-странице с помощью объекта текстового поля txtPayment. Чтобы сделать выплаты за аренду положительным числом, используется функция Abs (абсолютное значение) - функция Pmt по умолчанию возвращает отрицательное значение (что отражает, что деньги выплачиваются), но я думаю, что это форматирование будет выглядеть странно при формировании общего баланса. Обратите внимание, что операторы программы в файле базового кода являются обычным кодом на Visual Basic - теми же операторами, которые вы использовали на протяжении всей этой книги. Вы даже будете использовать оператор Imports. Этот процесс кажется аналогичным созданию приложения для Windows.
Прокрутите Редактор кода в самый верх и введите в первой строке файла следующий оператор программы:
Imports System.Math
Функция Abs по умолчанию не включена в Visual Basic, а является частью класса System.Math среды .NET Framework, который может быть включен в ваш проект с помощью оператора Imports. Веб-приложения могут использовать библиотеки классов .NET Framework точно так же, как приложения Windows.
Вы ввели код программы, необходимый для запуска калькулятора аренды автомобиля, и сделали страницу веб-формы интерактивной. Теперь соберите этот проект и посмотрите, как он работает!
Щелкните на кнопке Start (Начать) стандартной панели инструментов.
Visual Basic соберет проект и запустит его с помощью Internet Explorer. Калькулятор аренды автомобиля выглядит так.
Щелкните на кнопке Вычислить. Visual Basic вычислит сумму выплат и отобразит в текстовом поле Ежемесячные выплаты число $572.40. Ваш экран будет выглядеть примерно так.
Хотя это веб-приложение полезно, оно столкнется с проблемами, если пользователь забудет ввести базовую стоимость или процентную ставку или укажет данные в некорректном формате. Чтобы сделать это веб-приложение более надежным, вы должны добавить на страницу веб-формы дополнительные проверочные элементы управления, которые будут требовать пользовательского ввода в правильном формате. Проверочные элементы управления расположены на закладке Web Forms окна Toolbox (Область элементов) и включают элементы управления, которые требуют обязательного ввода данных в соответствующих полях ( RequiredFieldValidator ), ввода в правильном формате ( RangeValidator ), и т.д. За дополнительной информацией по проверочным элементам управления обратитесь к справочной системе Visual Studio.
Если ваше веб-приложение будет использовать несколько веб-страниц, можете использовать элемент управления HyperLink с закладки Web Forms окна Области элементов, который позволяет пользователям переходить с текущей веб-страницы на другую. Элемент управления HyperLink помещает на текущую веб-страницу гиперссылку, на которой пользователь может щелкнуть, чтобы отобразить другую веб-страницу. Когда вы используете элемент управления HyperLink, вы указываете текст, который будет отображаться как гиперссылка, и с помощью свойства NavigateUrl указываете требуемый ресурс, который вы хотите отобразить (либо URL, либо локальный путь).
Если вы уже создали веб-страницы, то можете добавить их в ваш проект веб-приложения и установить между ними правильные ссылки. Если вы хотите создать новые веб-страницы, можете использовать Visual Studio .NET.
В следующем упражнении с помощью Visual Studio вы создадите вторую веб-страницу и сохраните ее в формате HTML вместе с остальными файлами вашего проекта. Этот документ будет файлом справки, который смогут открыть пользователи вашего веб-приложения, чтобы получить дополнительную информацию. Затем вы добавите в проект WebCalculator элемент управления HyperLink, и установите свойство этого элемента управления HyperLink равным новой HTML-странице.
Name (Имя) название WebCalculatorHelp.htm, а затем щелкните на Open (Открыть). Файл WebCalculatorHelp.htm добавится в Solution Explorer (Обозреватель решений) и откроется в HTML Designer (Дизайнере HTML) в режиме просмотра Design (Конструктор). Обратите внимание, что закладка Web Forms в Области элементов больше не отображается. Так как это HTML-страница, элементы управления веб-форм не поддерживаются.pageLayout, расположенное в окне Properties (Свойства), на значение FlowLayout. Visual Studio удалит сетку с HTML-страницы.Щелкните на HTML-странице, чтобы добавить курсор, и введите следующий текст:
Калькулятор аренды автомобиля
Эта программа Калькулятор аренды автомобиля была разработана для книги Microsoft Visual Basic .NET Шаг за шагом - версия 2003 Майклом Халворсоном. Это веб-приложение лучше всего просматривать в Microsoft Internet Explorer версии 5.0 или выше. Чтобы узнать о том, как было создано это приложение, прочтите лекцию 22 книги.
Инструкция по использованию.
Заполните текстовое поле Стоимость аренды без знака доллара или запятых.
Заполните текстовое поле Процентная ставка в десятичном формате. Не вводите знак %. Например, чтобы указать процентную ставку 9%, введите число 0.09.
Обратите внимание, что этот калькулятор предполагает период выплат длительностью три года, или 36 месяцев.
Чтобы вычислить базовые ежемесячные выплаты, которые не включают налогов или банковских сборов, щелкните на кнопке Вычислить.
С помощью панели инструментов форматирования добавьте форматирование жирным и наклонным шрифтами, как показано ниже.
Теперь вы будете использовать элемент управления HyperLink для создания гиперссылки на вашей странице веб-формы, которая открывает файл WebCalculatorHelp.htm.
HyperLink, расположенном на закладке Web Forms окна Области элементов, а затем нарисуйте на странице веб-формы справа от кнопки Вычислить гиперссылку.Text гиперссылки равным "Получение справки". Свойство Text содержит текст, который появится на странице веб-формы подчеркнутым, и будет гиперссылкой. Вам следует здесь использовать слова, из которых будет понятно, что существует веб-страница, содержащая текст справки.На панели Contents (Содержимое) щелкните на файле WebCalculatorHelp.htm. Текстовое поле URL отобразит имя файла, который вы хотите использовать для этой гиперссылки. Ваше диалоговое окно будет выглядеть так.
Чтобы установить свойство NavigateUrl, щелкните на OK. Ваша веб-страница имеет примерно такой вид.
Ссылка создана, и можно снова запустить приложение WebCalculator.
Щелкните на кнопке Start (Начать).
Visual Studio соберет это веб-приложение и запустит его в Internet Explorer.
HyperLink, щелкните на гиперссылке Получить справку. Internet Explorer отобразит вторую веб-страницу. Ваш экран выглядит примерно так, как показано на рисунке вверху следующей страницы.Прочите текст, а затем щелкните в Internet Explorer на кнопке Back (Назад). Как и в любом веб-приложении, это веб-приложение позволяет щелкать на кнопках Back (Назад) и Forward (Вперед), чтобы переходить с одной веб-страницы на предыдущую или следующую.
Когда вы закончите экспериментировать с программой Web Calculator, закройте Internet Explorer. На этом вы пока что закончили работу с Visual Basic .NET.
По мере того, как вы будете добавлять в ваше решение новые HTML-страницы, вы можете с помощью удобного элемента управления HyperLink добавлять и новые гиперссылки. Хотя ASP.NET содержит множество дополнительных возможностей, из этих простых упражнений видно, на сколько процесс разработки сложных веб-форм похож на методики разработки форм Windows, изученные вами ранее.
Поздравляем с завершением полного курса программирования Microsoft Visual Basic .NET Шаг за шагом - версия 2003! Вы можете использованию более сложные методы программирования на Visual Basic .NET и создавать более крупные проекты. За советами по дальнейшему продолжению вашего обучения обратитесь к списку ресурсов из Приложения A.
| Чтобы | Сделайте следующее |
|---|---|
| Создать новое веб-приложение | Выберите в диалоговом окне New Project (Создать проект) значок ASP.NET Web Application (Web-приложение ASP.NET), а затем укажите веб-сервер и имя проекта. |
| Ввести текст страницы веб-формы или HTML-страницы | Используйте окно Properties (Свойства) для изменения свойства pageLayout объекта DOCUMENT на значение FlowLayout, а затем щелкните на странице и введите желаемый текст. |
| Отформатировать текст страницы веб-формы или HTML-страницы | В потоковом режиме на странице выделите текст, который вы хотите отформатировать, а затем щелкните на кнопке или элементе управления на панели форматирования. |
| Просмотреть код HTML вашей страницы веб-формы или HTML-страницы | Щелкните на закладке HTML в нижней части дизайнера. |
| Отобразить в Web Forms Designer или HTML Designer сетку привязки объектов | Используйте окно Properties (Свойства), чтобы изменить свойство pageLayout объекта кнопки на значение GridLayout. |
| Добавить на страницу веб-формы элементы управления | Отобразите закладку HTML или Web Forms окна Toolbox (Область элементов) и перетащите элементы управления на страницу веб-формы в Web Forms Designer (Конструктор Web Forms). |
| Изменить имя объекта на странице веб-формы | Используйте окно Properties (Свойства), чтобы изменить значение свойства ID объекта на новое. |
| Написать для объекта на странице Web Forms процедуру события | Сделайте на объекте двойной щелчок мышью, чтобы отобразить его код в Редакторе кода, и напишите код процедуры события этого объекта. |
| Проверить формат данных, введенных пользователем в элемент управления на странице веб-формы | Чтобы протестировать данные, введенные в элемент управления ввода, используйте один или несколько проверочных элементов управления с закладки Web Forms окна Области элементов. |
| Запустить веб-приложение в Visual Studio | Щелкните на кнопке Start (Начать) стандартной панели инструментов. Visual Studio соберет проект и загрузит это веб-приложение в Internet Explorer. |
| Создать страницу HTML для проекта | Щелкните на команде Add HTML Page (Добавить страницу HTML) в меню Project (Проект), а затем добавьте в проект новую HTML-страницу. Создайте и отформатируйте эту HTML-страницу с помощью HTML Designer (Конструктора HTML). |
| Создать в веб-приложении ссылку на другие веб-страницы | Добавьте на вашу веб-страницу элемент управления HyperLink с закладки Web Forms, а затем установите свойство NavigateUrl этого элемента управления равным адресу страницы, на которую вы делаете ссылку. |
Для получения официальных документов о завершении программы дополнительного профессионального образования (удостоверения о повышении квалификации, дипломов о профессиональной переподготовке и MBA) необходимо предоставить:
Внимание! Вы можете не заказывать доставку бумажной версии официального документы, а скачать его в электронном виде и распечатать самостоятельно. Информация о выданном документе в течение 1 месяца загружается в Федеральную информационную систему «Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении» - ФИС ФРДО.
Доступ на новый сайт осуществляется с использованием адреса электронной почты, который был указан вами при регистрации на "старом". Мы постарались перенести все ваши данные с прежнего ресурса, однако не исключена вероятность потери части информации.
При возникновении проблемы со входом, воспользуйтесь функцией сброса пароля
Если вы обнаружите несоответствия, пожалуйста, сообщите нам.