Visual FoxPro   Обзор графических пакетов 3GL   Компьютерная графика к экономической информатике   к 4GL - визуальному программированию

Программирование в VisualFoxPro 7.0

Публикация данных на Web-сервере

Все больше в нашу жизнь входит Интернет. В связи с этим во многие программные продукты добавляются средства создания Web-страниц. Не является исключением и FoxPro. В Visual FoxPro имеется мастер Web Publishing (Web-публикация), позволяющий формировать Web-страницы на основе баз данных. При этом пользователь может выбирать стили оформления страницы, предлагаемые мастером, а также использовать внешние таблицы стилей, созданные в других программных продуктах. Данные, размещаемые на странице, могут находиться в таблицах, локальных или удаленных представлениях базы данных. Рассмотрим работу мастера, а также предлагаемые им элементы оформления Web-страницы.

  Мастер Web Publishing

Чтобы создать Web-страницу с помощью мастера, выполните следующие действия:

  1. Откройте базу данных проекта, содержащую таблицу, локальное или удаленное представление, информацию из которых хотите разместить на Web-странице.
  2. В меню Tools (Сервис) выберите команду Wizards (Мастера), а затем опцию — Web Publishing (Web-публикация).
  3. Запускается мастер и появляется его первое диалоговое окно, в котором необходимо указать используемую таблицу или представление, и выбрать поля этой таблицы, размещаемые на Web-странице. В области Databases and tables (Базы данных и таблицы) окна мастера расположены два списка. Верхний список содержит название открытой базы данных, нижний — список ее таблиц и представлений. Выберите из нижнего списка требуемую таблицу. При этом в списке Available fields (Доступные поля) будут отображены все поля текущей таблицы (рис. 24.1).
  4. Перенесите из списка Available fields (Доступные поля) в Selected fields (Выбранные поля) поля, которые хотите расположить на Web-странице. Для перехода к следующему шагу в работе мастера нажмите кнопку Next (Далее).
gl24-1.jpg

Рис. 24.1. Первое окно мастера

  1. На втором шаге задается критерий сортировки данных (рис. 24.2). Поля, по которым будет осуществляться упорядочение, необходимо разместить в списке Selected fields (Выбранные поля). Для переноса полей из списка Available fields or index tag (Имеющиеся поля и индексы) в список Selected fields (Выбранные поля) можно использовать кнопку Add (Добавить) или мышь. Опции Ascending (По возрастанию) и Descending (По убыванию) определяют, по возрастанию или по убыванию будут упорядочиваться данные в указанном поле.

Задав сортировку данных, нажмите кнопку Next (Далее).

gl24-2.jpg

Рис. 24.2. Указание сортировки данных

  1. На третьем шаге задается макет Web-страницы и стиль отображения объектов (рис. 24.3). Диалоговое окно мастера содержит два списка. С помощью списка Data layouts (Расположение данных), содержащего пять значений, определяется расположение данных на странице, т. е. макет данных. Получаемый вид страницы в зависимости от выбранного макета данных можно просмотреть в области просмотра, расположенной в правом верхнем углу окна мастера. Список Visual styles (Визуальные стили) содержит флажки, позволяющие настроить стиль оформления Webстраницы установкой требуемых флажков.
gl24-3.jpg

Рис. 24.3. Задание стиля оформления

Диалоговое окно мастера содержит кнопки следующего назначения:

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

Замечание

Настройка параметров, осуществляемая на данном шаге мастера, будет рассмотрена чуть позже.

  1. На заключительном шаге создания Web-страницы с помощью мастера (рис. 24.4) укажите предполагаемые действия с созданной страницей, используя опции, описанные в табл. 24.1.

Таблица 24.1. Опции окна Web Publishing Wizard Step 4

Опция Действие
Save web page for later use (Сохранить Web-страницу) Созданная Web-страница сохраняется на диске в файле с расширением НТМ
Save web page and modify it in the text editor (Сохранить Web-страницу и открыть для модификации в текстовом редакторе) Созданная Web-страница сохраняется на диске в файле с расширением НТМ и открывается в текстовом редакторе для модификации
Save web page and open it in a browser (Сохранить Web-страницу и открыть для просмотра в Webбраузере) Созданная Web-страница сохраняется на диске в файле с расширением НТМ и открывается для просмотра в Web-браузере
Create script for generating web page (Создать скрипт генерации Web-страницы) Созданная Web-страница сохраняется в виде скрипта, т. е. генерируется программный файл с расширением PRG, при запуске которого на выполнение динамически создается Web-страница
 

gl24-4.jpg

Рис. 24.4. Заключительное окно мастера

Диалоговое окно содержит флажок Save style (Сохранить стиль). При его установке в расположенное справа поле можно ввести имя файла, в котором будет сохранен стиль, полученный при создании Web-страницы.

  1. После того как все параметры заданы, нажмите кнопку Finish (Готово). Откроется диалоговое окно Save as (Сохранить как), в котором укажите имя файла и папку, в которой созданная Web-страница должна быть сохранена. На этом создание Web-страницы завершено.

  Настройка параметров Web-страницы с помощью мастера

Мы рассмотрели создание Web-страницы с помощью мастера Web Publishing

(Web-публикация). Теперь более подробно остановимся на параметрах, настраиваемых на третьем шаге работы мастера (см. рис. 24.3).

  Диалоговое окно Layout Options

Диалоговое окно Layout Options (Параметры расположения) (рис. 24.5) предназначено для настройки параметров данных, отображаемых на Webстранице из таблицы или представления данных. Оно открывается при нажатии на третьем шаге работы мастера кнопки Options (Параметры) и содержит несколько вкладок. Находящиеся в окне Layout Options (Параметры расположения) вкладки, а также отображаемые на них параметры зависят от значения, выбранного из списка Data layouts (Расположение данных), т. е. от макета данных.

gl24-5.jpg

Рис. 24.5. Диалоговое окно Layout Options

Вкладки диалогового окна Layout Options (Параметры расположения) позволяют настроить следующие параметры Web-страницы:

gl24-6.jpg

Рис. 24.6. Вкладка Relations диалогового окна Layout Options

  Диалоговое окно Advanced

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

gl24-8.jpg

Рис. 24.7. Диалоговое окно Advanced

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

Область Body (Тело) содержит два элемента. Список Color (Цвет) позволяет задать фон Web-страницы. Этот параметр имеет более высокий приоритет по отношению к цвету, установленному с помощью макета данных или визуального стиля. Поле Image (Изображение) позволяет указать расположение графического файла, размещаемого на странице.

Установленный флажок Copy Graphics to HTML output location (Копировать графику) указывает, что любой графический файл, используемый для размещения на странице, копируется в папку, в которой сохраняется Webстраница.

В области Additional HTML items (Добавленные HTML-элементы) содержится список элементов, используемых в оформлении Web-страницы. Находящиеся здесь же кнопки имеют назначение, описанное в табл. 24.2.

Таблица 24.2. Назначение кнопок области Additional HTML Items

Кнопка Назначение
Add (Добавить) Открывает диалоговое окно HTML Item (HTML-элемент) (рис. 24.8), позволяющее добавить элемент оформления на Web-страницу
Edit (Правка) Открывает диалоговое окно HTML Item (HTML-элемент) для редактирования выбранного из списка текущей области элемента оформления Web-страницы
Remove (Удалить) Удаляет выделенный HTML-элемент из списка

В нижней части окна расположены следующие три кнопки (табл. 24.3).

Таблица 24.3. Кнопки окна Advanced

Кнопка Назначение
Save Settings (Сохранить параметры) Открывает диалоговое окно Save Settings (Сохранить параметры), в котором можно указать название созданного визуального стиля
Load Settings (Загрузить параметры) Открывает диалоговое окно Load Settings (Загрузить параметры), в котором содержится список сохраненных визуальных стилей
Done (Применить) Сохраняет и применяет к создаваемой Web-странице настройки окна

Используя область Additional HTML items (Добавленные HTML-элементы), можно сформировать список элементов оформления Web-страницы. Для добавления в список нового элемента предназначено диалоговое окно HTML Item (HTML-элемент) (рис. 24.8), открываемое при нажатии кнопки Add (Добавить).

gl24-9.jpg

Рис. 24.8. Диалоговое окно HTML Item

В его верхней части находится список Туре (Тип), содержащий типы HTML-элементов, которые могут быть размещены на Web-странице с помощью мастера, а список Location (Расположение) — его расположение на странице. Диалоговое окно HTML Item (HTML-элемент) позволяет добавить на Web-страницу следующие элементы:

Количество доступных в диалоговом окне HTML Item (HTML-элемент) объектов интерфейса зависит от типа добавляемого элемента. Так, например, для текста можно указать сам текст, используемый при его отображении шрифт, размер, цвет, способ выравнивания информации. Для гиперссылки кроме перечисленных выше параметров можно также указать адрес, на который с помощью нее осуществляется переход, и т. д.

  Создание Web-страницы

Мы рассмотрели работу мастера Web Publishing (Web-публикация). Теперь создадим с его помощью Web-страницу, которая будет содержать бегущую строку, заголовок и данные из представления GoodsCount.

  Подготовка данных

Прежде чем приступить к созданию Web-страницы, необходимо подготовить размещаемые на ней данные. Это могут быть таблицы, содержащие требуемые данные, локальные или удаленные представления. Мы будем использовать локальное представление Goods count, в котором содержатся сведения о продажах различных товаров фирмы за истекший месяц. Требуемая нам информация содержится в таблицах ordsaled и Goods. Создадим представление данных:

  1. Откройте окно конструктора представлений. Для этого на вкладке Data (Данные) окна конструктора проекта перейдите в раздел Local Views (Локальные представления данных) выбранной базы данных и нажмите кнопку New (Новый).
  2. Добавьте в него таблицы ordsaled и Goods, используемые для создания представления.
  3. Установите связи между размещенными в окне конструктора таблицами по коду товара.
  4. В список Selected fields (Выбранные поля) перенесите код, наименование и описание товара.
  1. Добавьте в список Selected fields (Выбранные поля) вычисляемое поле содержащее количество продаж: SUM(Ordsaled.nquant)
  2. На вкладке Group By (Группировка) конструктора задайте группировку данных по коду товара.
  3. Упорядочите данные по наименованию товара, используя для этого вкладку Order By (Сортировка).
  4. Для сохранения представления данных в меню File (Файл) выберите команду Save As (Сохранить как). В поле View Name (Имя представления) открывшегося диалогового окна Save (Сохранить) укажите имя создаваемого представления данных GoodsCount и нажмите кнопку ОК.
  5. Просмотрите созданное представление данных, чтобы убедиться, что оно содержит требуемые данные. Для этого нажмите кнопку Run (Выполнить) на стандартной панели инструментов. 10. Закройте окно конструктора представлений.

  Настройка параметров

После того как данные подготовлены, можно приступать к формированию Web-страницы:

  1. Откройте базу данных проекта, содержащую созданное локальное представление данных GoodsCount.
  2. В меню Tools (Сервис) выберите команду Wizards (Мастера), а затем опцию — Web Publishing (Web-публикация).
  3. На первом шаге мастера из нижнего списка области Databases and tables (Базы данных и таблицы) выберите представление GoodsCount. Затем перенесите все поля представления из списка Available fields (Доступные поля) в список Selected fields (Выбранные поля). Чтобы перейти к следующему шагу, нажмите кнопку Next (Далее).
  4. Открывается окно мастера, позволяющее задать макет Web-страницы и стиль отображения объектов (см. рис. 24.3). По умолчанию из списка Data layouts (Расположение данных) выбрано значение Static List View (Статическая таблица). Оставьте данное значение.
  5. Чтобы добавить на Web-страницу бегущую строку и заголовок, нажмите кнопку Advanced (Дополнительно). Открывается одноименное диалоговое окно (см. рис. 24.7).
  6. Нажмите кнопку Add (Добавить), расположенную в области Additional HTML items (Добавленные HTML-элементы).
  7. Из списка Туре (Тип) открывшегося диалогового окна HTML Item (HTML-элемент) выберите значение Marquee (Бегущая строка).
  8. В поле Text (Текст) введите текст бегущей строки. Например, Мы рады приветствовать Вас на своем сайте!.
  9. Чтобы задать наименование шрифта, нажмите кнопку с тремя точками, расположенную справа от поля Font name (Наименование шрифта). Открывается диалоговое окно Pick Font (Выберите шрифт). Используя содержащийся в нем список, укажите используемый в бегущей строке шрифт и нажмите кнопку ОК.
  10. С помощью списка Size (Размер) задайте размер шрифта.
  11. Используя списки Backcolor (Цвет фона) и Forecolor (Цвет надписи), укажите цвет фона и текста бегущей строки.
  12. Нажмите кнопку ОК. Диалоговое окно HTML Item (HTML-элемент) закрывается, а в список Additional HTML items (Добавленные HTMLэлементы) добавляется одно значение. Бегущая строка размещена на Web-странице. Теперь добавим на страницу заголовок.
  13. Снова нажмите кнопку Add (Добавить), расположенную в области Additional HTML items (Добавленные HTML-элементы).
  14. В списке Туре (Тип) открывшегося диалогового окна HTML Item (HTML-элемент) оставьте установленное по умолчание значение Text (Текст).
  15. В поле Text (Текст) введите текст заголовка. Например, Продажи товара за ноябрь 2001 года.
  16. Из списка Heading (Заголовок) выберите размер заголовка.
  17. Используя список Forecolor (Цвет надписи), укажите цвет заголовка.
  18. Нажмите кнопку ОК. Диалоговое окно HTML Item (HTML-элемент) закрывается, а в список Additional HTML items (Добавленные HTMLэлементы) добавляется второе значение. Заголовок размещен на Webстранице.
  19. Закройте диалоговое окно Advanced (Дополнительно), нажав кнопку Done (Применить).
  20. Для перехода к заключительному шагу мастера нажмите кнопку Next (Далее).
  21. В заключительном окне мастера установите требуемую опцию из предлагаемых и нажмите кнопку Finish (Готово).
  22. В открывшемся диалоговом окне Save as (Сохранить как) укажите имя файла и папку, в которой хотите сохранить созданную Web-страницу. Создание Web-страницы завершено.

  Редактирование созданной Web-страницы

Файл с расширением НТМ, полученный в результате работы мастера Web Publishing (Web-публикация), может быть отредактирован средствами редактора программы Visual FoxPro. Для открытия данного файла в меню File (файл) выберите команду Open (Открыть), в списке Тип файлов укажите расширение НТМ, выберите требуемый файл на диске и нажмите кнопку ОК. После того как редактирование завершено, сохраните изменения, нажав на панели инструментов кнопку Save (Сохранить). Для просмотра отредактированной Web-страницы в браузере запустите обозреватель Internet Explorer и в строке адреса укажите местоположение и название файла.

Visual FoxPro   Обзор графических пакетов 3GL   Компьютерная графика к экономической информатике   к 4GL - визуальному программированию

Знаете ли Вы, что, как и всякая идолопоклонническая религия, релятивизм представляет собой инструмент идеологического подчинения одних людей другим с помощью абсолютно бессовестной манипуляции их психикой для достижения интересов определенных групп людей, стоящих у руля этой воровской машины? Подробнее читайте в FAQ по эфирной физике.

НОВОСТИ ФОРУМА

Форум Рыцари теории эфира


Рыцари теории эфира
 10.11.2021 - 12:37: ПЕРСОНАЛИИ - Personalias -> WHO IS WHO - КТО ЕСТЬ КТО - Карим_Хайдаров.
10.11.2021 - 12:36: СОВЕСТЬ - Conscience -> РАСЧЕЛОВЕЧИВАНИЕ ЧЕЛОВЕКА. КОМУ ЭТО НАДО? - Карим_Хайдаров.
10.11.2021 - 12:36: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от д.м.н. Александра Алексеевича Редько - Карим_Хайдаров.
10.11.2021 - 12:35: ЭКОЛОГИЯ - Ecology -> Биологическая безопасность населения - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> Проблема государственного терроризма - Карим_Хайдаров.
10.11.2021 - 12:34: ВОЙНА, ПОЛИТИКА И НАУКА - War, Politics and Science -> ПРАВОСУДИЯ.НЕТ - Карим_Хайдаров.
10.11.2021 - 12:34: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вадима Глогера, США - Карим_Хайдаров.
10.11.2021 - 09:18: НОВЫЕ ТЕХНОЛОГИИ - New Technologies -> Волновая генетика Петра Гаряева, 5G-контроль и управление - Карим_Хайдаров.
10.11.2021 - 09:18: ЭКОЛОГИЯ - Ecology -> ЭКОЛОГИЯ ДЛЯ ВСЕХ - Карим_Хайдаров.
10.11.2021 - 09:16: ЭКОЛОГИЯ - Ecology -> ПРОБЛЕМЫ МЕДИЦИНЫ - Карим_Хайдаров.
10.11.2021 - 09:15: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Екатерины Коваленко - Карим_Хайдаров.
10.11.2021 - 09:13: ВОСПИТАНИЕ, ПРОСВЕЩЕНИЕ, ОБРАЗОВАНИЕ - Upbringing, Inlightening, Education -> Просвещение от Вильгельма Варкентина - Карим_Хайдаров.
Bourabai Research - Технологии XXI века Bourabai Research Institution