Microsoft Visual InterDev 6.0

Алексей Федоров

Что нового в Microsoft Visual InterDev 6.0

Новая среда разработчика

    Визуальный редактор страниц

    Компоненты для дизайна

    Средства отладки приложений

    Средства дизайна Web-узлов и управления ими

    Дизайнер узлов

    Стили

    Редактор таблиц стилей

    Проверка и восстановление ссылок

    Механизмы настройки среды

Интегрированные средства работы с базами данных

Улучшенная программная модель

Поддержка групповой работы

Создание корпоративных решений

Заключение

Серия наших обзоров нового продукта фирмы Microsoft — Microsoft Visual Studio 6.0 продолжается. Вы уже познакомились с основными новинками Microsoft Visual Studio 6.0 (январь 1999, CD-ROM), Visual Basic 6 и Visual FoxPro 6 (январь 1999), новой версией Microsoft Visual C++ 6.0 (март 1999, CD-ROM) и Microsoft Visual J++ 6.0 (апрель 1999). На очереди — средство для создания Web-приложений Microsoft Visual InterDev 6.0.

Visual InterDev 6.0 — это существенно обновленная версия популярного продукта фирмы Microsoft, входящего в состав Visual Studio — полного набора средств для создания корпоративных приложений.

Профессиональная версия данного продукта — Visual Studio Professional Edition — позволяет создавать Windows- и Web-приложения и включает Microsoft Visual Basic, Microsoft Visual J++, Microsoft Visual C++, Microsoft Visual InterDev и Microsoft Visual FoxPro. Корпоративная версия — Visual Studio Enterprise Edition — предназначена для создания корпоративных решений с использованием баз данных и включает такие средства, как Visual Database Tools, Microsoft Visual SourceSafe, Microsoft Repository, Visual Component Manager, Microsoft Visual Modeler, а также средства для разработчиков на базе Microsoft BackOffice.

Что нового в Microsoft Visual InterDev 6.0

Начнем с того, что кратко перечислим основные новинки продукта, а затем рассмотрим каждую из них более подробно.

• Новая среда разработчика. Новая среда разработчика содержит набор средств, позволяющих разрабатывать, собирать, отлаживать и внедрять приложения, использующие базы данных. Сюда включены: визуальный редактор с полной поддержкой Dynamic HTML, редактор исходных текстов с поддержкой технологии IntelliSense, позволяющий писать код на VBScript и JScript, средства отладки, средства для дизайна Web-узлов и управления ими.

• Интегрированные средства работы с базами данных. В состав Visual InterDev входит полный набор средств для интеграции данных в динамические Web-приложения. К ним относятся: связь HTML-форм и отчетов с базами данных средствами drag-and-drop, средства дизайна запросов к SQL Server, полная поддержка механизма Data Binding в Internet Explorer 4.0.

• Улучшенная программная модель. Программная модель Visual InterDev включает объектно-ориентированную, событийную программную модель для Web-приложений, расширенную программную модель для DHTML-приложений.

• Поддержка групповой работы. Для групповой работы можно использовать локальную рабочую модель (Local Working Mode), позволяющую разработчикам независимо друг от друга работать над фрагментами приложения, и средства контроля версий Visual SourceSafe, средства, предоставляемые Microsoft FrontPage, а также другие продукты и технологии, входящие в состав Visual Studio.

• Создание корпоративных решений. К новым возможностям Visual InterDev относятся средства для создания корпоративных Web-приложений. Такие приложения полностью соответствуют архитектуре Windows DNA, могут использовать технологию Universal Data Access и легко интегрируются с сервисами Microsoft Transaction Server.

Новая среда разработчика

Появление новой категории приложений — Web-приложений — требует наличия соответствующих средств разработки, которые позволяли бы программистам создавать, собирать, отлаживать и внедрять данные приложения. Одним из таких средств является Visual InterDev, предоставляющее мощную среду разработчика, интегрирующую все необходимые для продуктивной работы средства и технологии. В состав среды разработчика входят:

• визуальный редактор страниц;

• средства отладки приложений;

• средства дизайна Web-узлов и управления ими;

• механизмы настройки среды.

Визуальный редактор страниц

Новый визуальный редактор страниц, входящий в состав Visual InterDev, позволяет использовать различные технологии, включая HTML, Dynamic HTML, дополнения типа Java-аплетов, компонентов ActiveX и модули (plug-in) Netscape. Этот редактор обеспечивает полный доступ к исходному тексту, позволяя при этом визуально проектировать и редактировать создаваемые страницы. Редактор может работать в трех режимах: Design — полностью наглядный режим редактирования для HTML- и ASP-страниц, Source — непосредственное редактирование исходных текстов страницы и Quick View — режим просмотра клиентского HTML-кода без сохранения файла на сервере.

В наглядном режиме редактирования разработчики могут полностью использовать механизм drag-and-drop для перетаскивания объектов и визуальных элементов на страницу. Новая панель инструментов — HTML Toolbar, схожая с панелью инструментов в продуктах Microsoft Office, позволяет наглядно задавать основные атрибуты элементов языка HTML.

В редакторе полностью поддерживаются каскадные таблицы стилей (CSS) с возможностью абсолютного позиционирования элементов и объектная модель документа (Document Object Model, DOM).

Для визуального расположения элементов и компонентов можно воспользоваться специальным окном — ToolBox, в котором отображены доступные HTML-элементы, компоненты ActiveX, серверные объекты (для ASP), компоненты для дизайна и т.п. Необходимый вам компонент вы просто перетаскиваете в соответствующее место на странице.

Для изменения свойств того или иного компонента и даже отдельного HTML-элемента используется окно свойств Property Window. Окно свойств известно миллионам пользователей Visual Basic: оно дает возможность просто и наглядно изменять текущие значения.

При этом окно свойств не только позволяет изменять атрибуты элементов языка HTML — выравнивание, текст и т.п., но и служит редактором таблиц стилей для того или иного элемента. Удобство такого подхода заключается в том, что базирующийся на объектной модели Internet Explorer визуальный редактор страниц всегда показывает только те атрибуты и стили, которые поддерживаются для того или иного элемента.

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

При необходимости навигации по комплексному HTML-документу можно воспользоваться HTML Outline — окном, в котором отображается иерархия HTML-элементов для данного документа.

Для просмотра скриптовых программ и используемых клиентских и серверных объектов в составе страницы можно использовать Script Outline.

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

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

При написании HTML-кода вручную хорошим подспорьем для разработчиков является технология IntelliSense, предоставляющая такие возможности, как автоматическое завершение кода (Statement Completion) и синтаксические подсказки.

Это не только ускоряет процесс написания кода, но и облегчает знакомство с объектными моделями ASP, Dynamic HTML и Internet Explorer. Помимо этого синтаксические подсказки для VBScript и JScript позволяют во многих случаях обходиться без справочной системы, что также повышает скорость разработки.

Компоненты для дизайна

В состав Visual InterDev входит набор компонентов для быстрой генерации клиентского и серверного HTML-кода — Design-Time Controls. Эти компоненты пользуются заслуженной популярностью у разработчиков, так как автоматизируют многие рутинные операции. Отметим, что идеология Design-Time Controls распространена на такие продукты, как FrontPage 98, Visual InderDev и Sybase PowerSite.

Большинство компонентов для дизайна могут быть связаны с данными и тесно интегрированы со средствами для работы с данными, а также поддерживать операции drag-and-drop для связи с данными ASP- и DHTML-страниц. К компонентам для дизайна относятся:

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

В состав Visual InterDev 6.0 также входит ряд «мастеров» для облегчения процесса разработки. К ним относятся:

Средства отладки приложений

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

Средства дизайна Web-узлов и управления ими

Поскольку Visual InterDev предназначен для разработки Web-приложений, в состав этого пакета входят различные средства для дизайна Web-узлов и управления ими.

Дизайнер узлов

Дизайнер узлов — Site Designer — базируется на функции Navigation View FrontPage 98. Версия, реализованная в Visual InterDev, ориентирована на создание приложений с использованием ASP.

Дизайнер узлов позволяет быстро и наглядно создать прототип будущего приложения, добавить и удалить отдельные страницы. На каждую страницу может быть помещено средство навигации, автоматически создающее необходимый HTML-код. Также дизайнер узлов может использоваться для подключения таблиц стилей для того, чтобы соблюсти единый визуальный ряд всего Web-приложения. Отдельный элемент диаграммы узла может представлять собой физические страницы, располагаемые на Web-узле, или динамически создаваемые ASP-страницы.

Стили

Помимо входящих в комплект поставки Visual InterDev набора стилей (Themes and Layouts) разработчики могут создавать свои собственные на основе существующих HTML-страниц. Отметим, что стили базируются на CSS и их использование накладывает ограничения на требуемые браузеры: в полной мере отобразить страницы со стилями смогут только CSS-совместимые браузеры.

Стили могут быть применены выборочно к отдельным страницам или ко всем страницам приложения.

Редактор таблиц стилей

В состав Visual InterDev входит и новый редактор таблиц стилей, с помощью которого можно создавать и редактировать CSS-совместимые таблицы стилей.

Чтобы вызвать редактор таблиц стилей, надо выбрать один из CSS-файлов, входящих в ваше Web-приложение. Например, это может быть CSS-файл, реализующий тот или иной стандартный стиль. Далее, вы редактируете необходимые атрибуты, добавляете элементы и классы и сохраняете CSS-файл либо с существующим именем (тем самым изменяя визуальное представление набора страниц или всего Web-приложения), либо с новым.

Проверка и восстановление ссылок

Для проверки и автоматического восстановления ссылок в Visual InterDev входит средство Link Repair, с помощью которого можно быстро найти ссылки, ведущие «в никуда», и восстановить их, а также обновить всю структуру узла. Также можно проверять тип каждой ссылки и зависимости между ссылками.

Механизмы настройки среды

Visual InterDev обладает открытой архитектурой, что позволяет разработчикам использовать дополнительные средства и технологии. Уже существуют средства, расширяющие функциональность Visual InterDev, а те разработчики, которые хотят создавать такие средства, могут обратиться к Design-time Control SDK — средству для написания дополнительных компонентов для дизайна или к Wizard 98 SDK — средству для написания дополнительных «мастеров».

Интегрированные средства работы с базами данных

Как мы отметили в начале этого обзора, Visual InterDev представляет собой средство для создания Web-приложений, работающих с данными. Поэтому в состав продукта входит все необходимое для поддержки технологии Universal Data Access (см. «Microsoft UDA — Универсальный доступ к данным» в январском номере). Интеграция с Microsoft Visual Database Tools обеспечивает разработчиков следующими программными средствами (в профессональной версии):

• Data View — средство для соединения с ODBC и OLE DB-базами и просмотра их содержимого;

• Query Designer — визуальный дизайнер SQL-запросов, позволяющий выполнять и сохранять комплексные запросы;

• Visual Data Environment — средство для описания объектов работы с данными, таких как наборы записей, для быстрого создания приложений, использующих данные, и ряда других операций.

Обладатели корпоративной версии дополнительно получают доступ к следующим программным средствам:

• Database Designer — средство для создания и редактирования баз данных Microsoft SQL Server и Oracle, включая дизайн как отдельных таблиц, так и полных схем базы;

• Stored Procedure Editor — средство для создания и редактирования хранимых процедур в Microsoft SQL Server и Oracle, обладающее редактором с выделением синтаксиса цветом;

• Stored Procedure Debugging — средство для удаленной отладки хранимых процедур в Microsoft SQL Server 6.5;

• Database Projects — средство для централизованного управления проектами, включая интеграцию контроля над кодом для хранимых процедур, скриптовых программ и SQL-запросов.

Большинство компонентов для дизайна, входящих в состав Visual InterDev, позволяет отображать данные, причем многие операции подсоединения к источникам данных и задание параметров и атрибутов выполняются с помощью drag-and-drop.

Давайте кратко рассмотрим, насколько просто создавать Web-приложения, использующие данные в Visual InterDev.

1. Начнем с того, что создадим новый проект. Для этого мы выполняем команду File | New Project и выбираем элемент New Web Project.

2. В «мастере» New Project мы указываем используемый сервер и режим работы.

3. После этого указываем на необходимость создания нового приложения.

4. При необходимости можно задать элементы стиля для нашего Web-приложения — Layout и Theme.

5. Нажатие кнопки Finish приводит к автоматической генерации всех необходимых файлов для нашего Web-приложения.

Можно приступать к работе.

6. В окне Project Explorer выбираем наш проект (в данном примере это localhost/DataDemo) и нажатием правой кнопки мыши выполняем команду Add Data Connection.

7. В диалоговой панели Select Data Source мы выбираем источник данных, например ODBC-источник, его тип и другие параметры. После этого при необходимости можно задать название полученного соединения.

8. В среде Visual InterDev появится новое окно — Data View, в котором будут перечислены поля и таблицы выбранной нами базы данных.

Отметим необходимую нам таблицу (в нашем примере Customers) и перетащим ее в окно Project Explorer к элементу DataConn (так мы назвали наше соединение на этапе 7).

9. Добавим к проекту ASP-страницу (команда Add | Active Server Page при нажатии правой кнопки мыши в имени проекта в Project Explorer) и переключимся в режим дизайна (вкладка Design в нижней части редактора).

10. Добавим необходимые HTML-элементы: заголовок страницы, изменим цвет фона, используемый шрифт и т.п.

11. Вернемся в окно Project Explorer и раскроем нашу таблицу (Customers) — мы получим список содержащихся в ней полей. Выделим соединение (в нашем примере DataConn), необходимые поля и перетащим их в редактор.

Visual InterDev автоматически создаст компоненты для дизайна и другие HTML-элементы. Выбор команды View In Browser позволяет убедиться в том, что приложение, для которого мы не написали ни строчки кода, работает.

12. После этого можно добавить компонент RecordSet NavBar, другие элементы, расширить его функциональность и т.п.

Улучшенная программная модель

Для облегчения создания Web-приложений в Visual InterDev 6.0 реализована объектная модель, которую можно использовать как для клиентских, так и для серверных приложений. С ее помощью многие рутинные операции, например, написание ASP-кода для выбора из базы содержимого того или иного поля, существенно упрощаются. Объектная модель позволяет работать с HTML-элементами, компонентами для дизайна как с единым целым и использовать визуальные средства программирования. Помимо этого обеспечивается поддержка различных версий браузеров.

Поддержка групповой работы

Для обеспечения групповой работы в Visual InterDev 6.0 реализованы два режима разработки — локальный и сетевой. В первом режиме разработчики могут работать над элементами проекта независимо друг от друга и публиковать готовые фрагменты с помощью команды Merge File. Сетевой режим подразумевает коллективную работу над всеми элементами проекта.

Для контроля версий в состав Visual InterDev 6.0 входит специальное средство — Microsoft Visual SourceSafe.

Также Visual InterDev 6.0 разработан с учетом тесной интеграции с Microsoft FrontPage 98 и позволяет пользователям обоих продуктов работать над одним проектом, выполнять контроль версий, использовать единые стили и диаграммы узлов.

Помимо этого в распоряжении разработчиков находится Visual Component Manager — центральный репозитарий всех объектов, используемых в данном и других проектах.

Создание корпоративных решений

Для создания корпоративных решений следует использовать Visual InterDev Enterprise Edition, куда включены такие средства, как поддержка работы с корпоративными базами данных, возможность цикличной разработки приложения (от модели до анализа производительности), мощные средства для коллективной работы и интегрированные сервисы Microsoft BackOffice 4.5.

Заключение

В этом обзоре мы рассмотрели новый продукт фирмы Microsoft — Microsoft Visual InterDev 6.0, который предназначен для профессиональной разработки Web-приложений различной степени сложности. Естественно, что в одной статье невозможно рассмотреть все функции пакета — мы лишь кратко охарактеризовали основные новинки. Отметим, что Microsoft Visual InterDev 6.0 является на сегодняшний день одним из лучших средств для создания Web-приложений, отлично интегрируется с другими средствами разработки и пакетами фирмы и получил широкую поддержку у разработчиков.

Дополнительную информацию можно получить на Web-узле Microsoft по адресу: http://msdn.microsoft.com/vinterdev/

КомпьютерПресс 5'1999