Глава 14. Лабораторная работа «Разработка интерфейса пользователя web-приложения в среде APEX»

Содержание

14.1. Создание базового приложения
14.1.1. Создание приложения
14.1.2. Добавление логотипа
14.1.3. Запуск приложения
14.2. Добавление списка навигационных изображений на главную страницу
14.2.1. Создание списка изображений
14.2.2. Создание области содержащей список изображений
14.3. Добавления страниц Projects
14.3.1. Настройка вкладок приложения
14.3.2. Создание страниц Projects
14.3.3. Улучшение страницы Projects Report
14.3.4. Улучшение страницы Project Details
14.4. Добавление страниц People
14.4.1. Создание страниц People
14.4.2. Улучшение страницы People
14.4.3. Улучшение страницы User Information
14.4.4. Запуск страниц пользователя
14.5. Создание страниц Issues
14.5.1. Создание отчета Issues
14.5.2. Улучшение страницы Issue Details
14.6. Создание страниц для общих отчетов
14.6.1. Создание страницы общих отчетов
14.6.2. Создание страницы отчета Assign Open Issues
14.6.3. Создание отчета Issue Summary
14.6.4. Создание страницы отчета Resolved by Month Identified
14.6.5. Добавление календаря
14.6.6. Добавление диаграммы
14.7. Создание страницы Dashboard
14.7.1. Создание страницы Dashboard
14.7.2. Создание отчета Overdue Issues

В главе использованы материалы [APEX3].

14.1. Создание базового приложения

14.1.1. Создание приложения

80. Создайте приложение: в рабочей области home страницы выберите Application Builder, выберите Create.

81. Определите Type: выберите Database и нажмите Next.

82. Определите Name:  в Create Application - выберите From scratch (с чистого листа), в поле Name введите Issue Tracker,  в schema выберите tracker, нажмите Next.

83. Определите Add Page: в области Add Page выберите Blank, в поле Page Name введите Home, нажмите Add Page, нажмите Next.

84. Определите Tabs: в области Tabs выберите One Level of Tabs, нажмите Next.

85. Определите Shared Components: выберите No, нажмите Next.

86. Определите Attributes: в Authentication Scheme выберите Aplication Express, язык выберите Русский, в Date Format выберите из списка 12-янв-2004,  нажмите Next.

87. Определите User Interface: выберите Theme 20 и нажмите Next.

88. Нажмите Create.

14.1.2. Добавление логотипа

Логотип (от др.-греч. λόγος — слово + τύπος — отпечаток) — оригинальное начертание полного или сокращённого наименования организации или товара.

89.  Добавьте логотип:  выберите Shared Components,  в области Application  выберите Definition ссылку, выберите вкладку Logo вверху страницы, в Logo Type выберите Text,  в поле Logo введите название приложения Проблемный следопыт 2.0,  в поле Logo Attributes выберите из списка White Text,  нажмите Apply Changes.

14.1.3. Запуск приложения

90. Запустите приложение: выберите Issue Tracker, выберите Run Application, при запросе введите admin / studentfub2010 и нажмите Login.

Хотя страница Home не содержит содержания, но мастер создал следующие элементы:

Logo — логотип Проблемный следопыт 2.0  отображается в верхнем левом углу.

Navigation Links - Панель навигации отображается в верхнем левом углу страницы.

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

91. Выберите  Application  на Developer toolbar чтобы вернуться на Application home страницу.

С помощью мастера мы также создали Login страницу. Итого мы имеем базовую структуру приложения: Home и Login страницы. Далее мы дополним страницу содержанием.