Разработка WEB - интерфейса для анализа базы метеореологических данных

Все языки программирования, реализованные для платформы .NET, будут иметь доступ к обширному  набору сервисов, которые включают базовые API Windows, COM-сервисы, интерфейсы доступа к данным (ADO.NET), интерфейсы для реализации Web-сервисов, средства для работы с XML и многие другие.

И, так же для создания .NET-приложений Microsoft предлагает Visual Studio.NET.

 

Первый взгляд на Visual Studio.NET

Разработчики, знакомые с Microsoft Visual Studio 6.0, найдут в новой версии этого средства разработки много как уже знакомого, так и совсем нового.

В версии бета 1 в Visual Studio.NET входят средства разработки на языках C#, Visual Basic, Visual C++ и Visual FoxPro, а также ряд дополнительных технологий, облегчающих дизайн, коллективную разработку и внедрение приложений. Visual Studio поддерживает архитектуру .NET, которая предоставляет в распоряжение разработчиков Common Language Runtime и набор программных сервисов; технология Active Server Pages.NET (ASP.NET) использует эти сервисы для обеспечения создания Web-приложений и Web-сервисов.

Новая среда разработчика, реализованная в Visual Studio.NET, делает процесс  создания приложений более продуктивным. Многие элементы среды разработчика уже известны пользователям Visual Studio 6, с некоторыми они познакомятся впервые. Ниже будет рассказано о некоторых новинках и отличиях новой версии среды разработчика - VS.NET IDE.

При запуске VS.NET IDE вы попадаете  на новую стартовую страницу - Home Page, где перечислены проекты, над которыми вы уже работали, а также опции для создания нового проекта или открытия уже существующего. Все эти опции реализованы в виде гиперссылок - для управления стартовой страницей используется технология Dynamic HTML. Это означает, что компании могут настраивать стартовые страницы под собственные нужды и отображать в них дополнительные элементы. Например, это могут быть ссылки, актуальные для разработчиков в данной компании, или другая полезная информация.

Диалоговая панель New Project (Рисунок. 8) содержит все опции  для создания различных проектов на любом поддерживаемом Visual Studio.NET языке программирования. Обратите внимание на то, что в древовидной структуре  в левой части этой панели перечислено несколько языков программирования. Скорее всего, в финальной версии продукта в списке языков появятся языки сторонних фирм - достаточно будет установить на компьютер необходимые компоненты.

Рисунок 10 - Возможные проекты Visual Studio.NET

Как видно на Рисунке 10, в списке Project Types выбраны все проекты, которые могут быть созданы на языке Visual Basic и Visual С#. В правой части панели показаны иконки для выбора того или иного типа проекта - Windows Application, Class Library, Windows Control Library, Web Application, Web Service и т.п. Отметим, что в этом списке есть новые опции, что обусловлено новыми возможностями платформы .NET, - Web Service, Web Control Library и Class Library. Последняя опция - следствие появившейся в VS.NET возможности группировать связанные классы в единый файл.

При выборе типа проекта Web Application мы попадаем в среду, напоминающую как среду Visual InterDev, так и среду Visual Studio. Ниже мы перечислим основные элементы этой среды.

Панель компонентов, известная  под названием Toolbox (Рисунок 11), динамически отображает те компоненты, которые могут использоваться в проекте данного типа и даже в файле того или иного типа. В случае с Web-приложениями нам доступны компоненты, располагающиеся на вкладках HTML, Components, Data и Web Forms.

Рисунок 11 - Панель компонентов

Для более удобного перемещения  по исходным файлам проекта все файлы  доступны через именованные вкладки (Tabbed Child Windows), располагаемые над редактором, который, как и в Visual InterDev, позволяет работать как с исходным текстом (HTML, XML, CSS и т.п.), так и в режиме дизайна (вкладки Design и HTML в нижней части экрана на Рисунке12).

Рисунок 12 – Режим кода или дизайна

По умолчанию в правой части экрана VS.NET IDE располагается окно Solution Explorer (Рисунок. 13), напоминающее Project Explorer в предыдущих версиях Visual Basic. В терминах VS.NET «решение» (solution) - это группа реализованных на различных языках программирования проектов, возможно, состоящая из проектов различных типов. Для навигации по такому решению используется Solution Explorer.

Рисунок 13 – Окно Solution Explorer

На Рисунке 13 показаны файловые компоненты, необходимые для  реализации проекта типа Web Form. Поскольку проект данного типа создается на основе ASP.NET, в состав проекта входят файлы Config.web и Global.asax. Если вас интересуют все файлы, составляющие данный проект, вам необходимо включить опцию Show All Files. Ветвь References позволяет получить список библиотек, используемых нашим приложением.

Редактор исходного  кода теперь поддерживает возможность  отображения или сокрытия ряда кодовых  элементов (Рисунок 14). Благодаря этой возможности мы можем работать с  более компактной версией исходного кода.

Обратите внимание на элемент Web Forms Designer Generated Code на Рисунке 14. За ним скрыт код, сгенерированный  дизайнером Web-форм. Если нам необходимо посмотреть этот код, мы должны щелкнуть мышью на знаке «+». В результате в редакторе будет отображен интересующий нас код

 

Рисунок 14 - элемент Web Forms Designer Generated Code

После краткого знакомства с VS.NET IDE давайте рассмотрим основные шаги по созданию Web-приложений в этой среде.

 

Создание Web-приложений

Процесс создания Web-приложений (или более точно - ASP.NET-приложений) во многом схож с работой с Visual InterDev 6 (за исключением того, что последнего больше не существует и большинство его функций интегрированы непосредственно в среду Visual Studio.NET). В меню File мы выбираем команду Project, затем в диалоговой панели New Project - язык, на котором будем создавать проект (выберем Visual Basic), а также тип проекта - Web Application в нашем случае.

Затем мы задаем название приложения и, после того как среда создаст виртуальный каталог на Web-сервере (http://localhost/Название_Приложения), можем приступить к созданию самого приложения. Начнем с того, что посмотрим, какие файлы созданы средой разработки. Для этого нам надо выполнить команду View | Solution Explorer. Как видно из Рисунка. 13, автоматически создаются файлы конфигурации Web-приложения (Config.web), файл глобальных команд (Global.asax), файл с каскадными таблицами стилей (Style.css), файл поддержки Web-сервисов (agentmeteo) и основной файл нашего Web-приложения (default.asp).

Для любителей знакомиться  с новыми продуктами изнутри отметим, что эти файлы копируются средой из каталога vb7/vbwizards/webapplication. В нем  расположены все шаблоны Web-приложения. Если вы заглянете в каталог vb7/vbwizards/, то узнаете, какие еще типы приложений поддерживает VB.NET, какие файлы создаются по умолчанию и какие настройки среды при этом используются.

Обратите внимание на список используемых нашим приложением  сервисов (ветвь References). Эти сервисы  обеспечивают поддержку создания и работы Web-приложений на платформе .NET. Краткое описание сервисов приведено в таблице.

 

Таблица 6. Сервисы поддержки создания и работы Web-приложений

 

Сервис  Описание
Microsoft.Win32.Interop	Содержит системные  функции Win32 API
System	Содержит фундаментальные  и базовые классы, описания типов  данных, событий и их обработчиков, интерфейсы, атрибуты и т.п.
System.ComponentModel.Design	Содержит классы для  обеспечения визуальной работы с  компонентами
System.Configuration	Содержит классы для управления конфигурацией
System.Data	Содержит классы ADO.NET, использующиеся для доступа к  данным
System.Diagnostics	Содержит классы для  отладки приложений
System.Drawing	Обеспечивает доступ к базовым функциям GDI+
System.Web	Содержит классы для  управления браузером и сервером и использования протокола HTTP
System.Web.Services	Содержит классы, поддерживающие создание Web-сервисов
System.Web.UI.Design	Содержит классы для  обеспечения визуальной работы с  компонентами при создании Web-приложений
System.XML.Serialization	Содержит классы для  работы с XML-документами и потоками

 

Вернемся к нашему Web-приложению. Перед нами экран, на котором можно располагать различные HTML-элементы. Этот экран представляет собой не что иное, как HTML-интерфейс  нашего Web-приложения. В панели Properties мы можем изменить основные характеристики Web-страницы - цвет текста и фона, поддерживаемый язык и т.п., то есть задать атрибуты элементов <BODY> и <META>. Отметим, что в этой панели мы также обнаружим свойства, позволяющие указать версию языка HTML (3.2, 4.0 или Netscape 4.0), задать скриптовый язык для клиента и сервера (по умолчанию на клиенте используется JavaScript стандарта ECMA, на сервере - VBScript), необходимость сохранения информации (через cookie), кодировку, а также глобализационную информацию (uiCulture).

Разобравшись с HTML-файлом нашего Web-приложения, мы можем начать располагать на нем элементы. Для  этого прежде всего необходимо убедиться  в том, что нам доступна панель Toolbox (команда View | Toolbox).

Рисунок 15 – элементы дизайна web-формы

В нашем случае перейдем на вкладку HTML и перетащим с нее  следующие элементы: Label (этот элемент  будет содержать оригинальный текст), Button (для изменения текста метки  и отсылки страницы), Textbox (для  ввода нового текста метки) и RequiredFieldValidator (для проверки содержимого текстового поля). Наша Web-форма будет выглядеть, как показано на Рисунке 15.

После того как мы расположили  визуальные элементы, нам необходимо написать связывающий их код. Двойной  щелчок мыши по кнопке (элемент Button) перенесет нас в редактор кода (файл statistic.aspx.cs), в котором создан пустой обработчик нажатия кнопки:

Напишем в нем следующий  код:

Response.Redirect("default_lt.asp");

 

Далее необходимо соединить  компонент RequiredFieldValidator с текстовым полем. Для этого нам следует перейти в режим дизайна (щелкнуть по вкладке statistic.aspx) и выбрать элемент RequiredFieldValidator (контроль заполнимости элемента ввода). В панели свойств (Properties) мы выбираем свойство ControlToValidate и указываем TextBox1. Также мы можем изменить сообщение об ошибке на «Введите дату в поле "ОТ"!».

 

Рисунок 16 – элемент RequiredFieldValidator

 

Теперь мы готовы протестировать нашу Web-форму. Для этого необходимо нажать клавишу F5 или кнопку Start. Чтобы не выходить из среды разработчика, можно также выполнить команду View In Browser .

Компонент RequiredFieldValidator не отображается, поскольку еще не выполнялась  проверка содержимого текстового поля .

Рисунок 16 – Вид формы в броузере

Чтобы выполнить проверку, нажмите кнопку при пустом текстовом поле: вы увидите сообщение об ошибке (Рисунок 17).

Если вы введете какой-нибудь текст и нажмете кнопку, этот текст  отобразится в компоненте Label (Рисунок 17).

Рисунок 17 – Сообщение об ошибке

На этом небольшом примере мы убедились, что работа с Web-формами в VS.NET во многом напоминает работу с Windows-формами в Visual Basic. Мы также выяснили, что компоненты в Web-формах действуют так же, как обычные компоненты Visual Basic, и имеют свойства и обработчики событий. Обратите внимание на то, что компоненты сохраняют свое состояние - при нажатии кнопки текстовое поле сохраняет введенный в нем текст. Мы также узнали, как использовать элементы для проверки вводимых значений.

настраивать параметры приложения позволяет файл Web.config. этот файл располагается на сервере и определяет работу всего проекта. В файле Web.config описываются минимальные меры безопасности для работы приложения. файл Web.config – простой, правильный XML-документ. в отличии от HTML, где разрешается опускать многие закрывающие тэги, в XML обязательно наличие пар открывающих и закрывающих элементов (в некоторых тэгах открывающий и закрывающий элемент можно представлять в виде одного тэга, например: <compilation debug="true" />), XML чувствителен к регистру, значения атрибутов в XML заключаются в кавычки.

appSettings – один из разделов файла Web.config. этот раздел применяется для поддержки переменных, доступных для всех страниц в пределах одного приложения, в нескольких приложениях (если переменная находится в виртуальной папке, а другие приложения располагаются логически ниже ее).

    <appSettings>

<!-- Строка соединения с базой данных -->  

<add key="SAConnectionString" value="packet size=4096;user id=meteor;data source=localhost;persist security info=False;initial catalog=Meteor;password=Meteor1"/>

<add key="server" value="localhost"/>

<add key="database" value="Meteor"/>

<add key="user" value="meteor"/>

<add key="password" value="Meteor1"/> 

</appSettings>

 

appSettings – единственный раздел на компьютере и каждая страница которая получает ключ "ConnectionString", получает значение "user id=meteor;data source=localhost;persist security info=False;initial catalog=Meteor;password=Meteor1"", это значение является кодом доступа к базе данных.

После аутентификации пользователя иногда требуется проверить, разрешено ли ему работать с приложением. Для этого в разделе authorization применяется тэг <deny>, в нем можно указывать как отдельных пользователей, так и группы.

<authentication mode="Forms">

     <forms name="Login" loginUrl="login.aspx" protection="All" path="/">

            <!--  <allow     users="[comma separated list of users]"

                             roles="[comma separated list of roles]"/>

                  <deny      users="[comma separated list of users]"

                             roles="[comma separated list of roles]"/>

            -->  

        </forms>

</authentication>

значение users="?" тэга <deny> - означает, что все анонимные пользователи будут отправляться на аутентификацию. Это защита от входа в систему, используя сохраненный путь в адресной строке.

4.3 Пакет генератора  отчетов Crystal Report

 

Введение

Популярный пакет генератора отчетов Crystal Report предназначен для создания отчетов презентабельного вида различного типа: табличные запросы к базам данных, сводные диаграммы, OLAP данные. Версия Crystal Report .NET несколько ограничена в возможностях по сравнению с Crystal Report, поставляемым как отдельное приложение, но тем не менее она позволяет реализовать широкий спектр отчетов для Windows и Web приложений.

Настройка сайта

Настройки сайта, общие для всех страниц, будем хранить в файле web.config

<appSettings> 
   <add key="server" value="vevv"/> 
    <add key="database" value="Northwind"/> 
    <add key="user" value="srs-user"/> 
    <add key="password" value="12345"/> 
</appSettings>

Значения этих параметров говорят сами за себя - имя SQL сервера, название базы данных на сервере, имя пользователя базы данных пароль пользователя.