Расширенные возможности представления данных в Oracle Apex 2014 Чечнев Михаил руководитель проектов Центра информационных технологий и консалтинга «ПАРУС»

Тонкая настройка таблицы –Асинхронное обновление данных –Подсветка значений –Фиксация строк, колонок Отображение иерархических данных в табличных представлениях Формирование отчетов динамической структуры Рассматриваемые вопросы 2

Зачем нужен WEB-интерфейс? –Для работы нужен только браузер –Есть возможность уйти от понятия Раздел –Интерфейсные возможности ограничены только фантазией разработчика и спецификацией HTML (т.е. не ограничены, особенно если речь о HTML 5) WEB-интерфейс 3

4 Область применения –Report, Interactive Report, Select List, прочие компоненты использующие SQL-запрос в качестве источника данных –Реализация любых серверных действий с данными –Разработка тяжелых страниц (Бюджет, События УДП) –Автоматическое фоновое обновление данных страницы Получаемые преимущества –Существенное сокращение трафика (особенно актуально для мобильных WEB-приложений) –Разгрузка сервера –Повышение удобства использования приложения конечным потребителем –Настройки приложения становятся лаконичнее (если Вы любите JavaScript так, как люблю его я) Тонкая настройка таблицы: асинхронное обновление данных

5 Как настраивать асинхронное обновление данных? –Пример настройки приведен в демонстрационном приложении на странице 6 – TablesAJAX и в клиентском JavaScript данной страницы CLIENT/apex_demo/js/p6_tables_ajax.js –Старайтесь стандартизировать протокол обмена клиент-сервер в рамках приложения –Изучать документацию по Oracle APEX JS API: script_api.htm#AEAPI266 (особое внимание apex.event и apex.server) script_api.htm#AEAPI266 Тонкая настройка таблицы: асинхронное обновление данных

6 Область применения –Цветографическое выделение критической информации во время исполнения приложения (Run Time) Получаемые преимущества –Внимание пользователя сконцентрировано на нужных данных и функциях Тонкая настройка таблицы: подсветка значений

7 Как настраивать подсветку значений? –Пример настройки приведен в демонстрационном приложении на странице 6 – TablesAJAX и в клиентском JavaScript данной страницы CLIENT/apex_demo/js/p6_tables_ajax.js –Старайтесь не смешивать данные и их представление (пусть запрос возвращает только данные с достаточным набором атрибутов, а клиентский JavaScript форматирует их) –Изучать документацию по jQuery: (особое внимание jQuery Selector и jQuery CSS) Тонкая настройка таблицы: подсветка значений

8 Область применения –Страницы с отчетами имеющими сложную структуру вертикальных граф и/или значительное количество горизонтальных строк (Бюджет, Производственная программа) Получаемые преимущества –Значительное улучшение удобства восприятия информации конечным пользователем Тонкая настройка таблицы: фиксация строк, колонок

Тонкая настройка таблицы: фиксация строк, колонок 9 Как настраивать фиксацию строк, колонок? –Пример настройки приведен в демонстрационном приложении на странице 5 – TablesDataTables и в клиентском JavaScript данной страницы CLIENT/apex_demo/js/p5_tables_data_tables.js –Если предполагается отображение значительного объема данных старайтесь ограничивать пользователя условиями отбора, это позволит обойти узкие места производительности –Изучать документацию по расширению jQuery Data Tables: (особое внимание всему и форуму – большинство проблем там уже разобрано)

10 Область применения –Отчеты, основанные на данных имеющих иерархическую структуру (Состав узлов изделия, Производственный план, Состав оборудования, ИТК, Штатные подразделения, Юридические лица, Географические понятия) Получаемые преимущества –Повышение эффективности навигации по иерархическим данным –Возможность снабдить иерархию индикаторами и расшифровками Отображение иерархических данных в табличных представлениях

11 Как настраивать отображение иерархических данных в табличных представлениях? –Пример настройки приведен в демонстрационном приложении на странице 3 – Hier и в клиентском JavaScript данной страницы CLIENT/apex_demo/js/p3_hier.js –Установить APEX Plug-in (порядок установки описан в readme.txt архива с материалами к данному докладу)данному докладу –Изучать документацию по расширению jQuery Tree Table: Отображение иерархических данных в табличных представлениях

12 Область применения –Формирование отчетов типа перекрестная таблица Получаемые преимущества –Возможность разработки отчетов, структура которых не определена во время реализации приложения (Design Time), например всевозможные аналитические срезы (распределение продаж по городам, распределение затрат по заказам, наличие номенклатур на складах) Формирование отчетов динамической структуры

13 Как настраивать отчеты динамической структуры? –Пример настройки приведен в демонстрационном приложении на странице 4 – DynReports и в клиентском JavaScript данной страницы CLIENT/apex_demo/js/p4_dyn_reports.js –Старайтесь отделять данные (например, XML) от формы их представления (например, XSL), таким образом вы сможете реализовывать масштабируемые, легко сопровождаемые решения –Изучать документацию по XSL: (особое внимание XSLT), Oracle XMLType: b04cre.htm#ADXDB b04cre.htm#ADXDB0400 Формирование отчетов динамической структуры

14 Заключение APEX поддерживает расширения APEX использует jQuery jQuery поддерживает расширения jQuery написан на JavaScript Пользуйтесь этим Скачать демонстрационное приложение и материалы

СПАСИБО ЗА ВНИМАНИЕ «Корпорация ПАРУС», , Москва, ул. Ярославская, д.10 корп.4, (495) ,