Методические указания к лабораторным работам по изучению пакета разработки сетевых приложений oracle apex для студентов направления обучения по бакалавриату «Прикладная информатика»

Лабораторная работа №3. Создание исходного приложения

1. 
   Создать простейшее приложение для отчета по таблице DEPARTMENTS.
   
2. 
   Дополнить приложение отчетом и формой для таблицы EMPLOYEES.
   

1. 
   Создание простейшего приложения
   
   1. 
      Разработка приложения
      

1. 
   Щелкните по кнопке Create>. Появится мастер создания приложения (Create an Application).
   
2. 
   Выберите Desktop и нажмите Next>.
   
3. 
   На шаге Name:
   

1. 
   Schema – выберите схему БД, содержащую объекты, с которыми будет работать приложение.
   
2. 
   Name – введите имя торговой корпорации, соответствующее Вашей фамилии в транслитерации (в рассмотренном примере имя приложения - КГТУ).
   
3. 
   Application – оставьте автоматически сгенерированное значение (это уникальный идентификатор приложения, с которым работает система и который помогает пользователю сориентироваться).
   
4. 
   Выберите тему Theme – 21 (Scarlet) и щелкните Next>.
   

1. 
   На шаге Pages:
   

• 
  Удалите страницу Home, нажав на Удаление.
  
• 
  Установите следующее в секции Add Page:
  

1. 
   Select Page Type – оставьте значение по умолчанию – Blank.
   
2. 
   Page Name – введите Главная. Созданная страница является логической «верхушкой» всех создаваемых далее элементов интерфейса.
   
3. 
   Щелкните по кнопке Add Page. Созданная страница появилась в списке страниц приложения в верхней секции.
   
1. 
   Затем добавьте страницу с отчетом о подразделениях, основанном на таблице DEPARTMENTS. Для этого в секции Add Page установите следующее:
   
   1. 
      Select Page Type – выберите Report.
      
   2. 
      Parent Page– выберите Главная (это необходимо для определения иерархии страниц в приложении).
      
   3. 
      Page Source – оставьте значение Table.
      
   4. 
      Table Name – выберите DEPARTMENTS. В списке отображаются все таблицы и представления схемы, с которой ассоциировано приложение.
      
   5. 
      Report Type – выберите Classic.
      
   6. 
      Щелкните Add Page. Страницы, перечисленные в секции Create an Application, отображают иерархию страниц в приложении.
      

1. 
   Щелкните по значку у страницы Departments.
   
2. 
   В секции New Page Definition измените Page Name на Подразделения.
   
3. 
   Щелкните Apply Changes.
   
4. 
   В секции Pages щелкните Next>.
   

1. 
   На шаге Shared Components в опции Copy Shared Components from Another Application: оставьте No и щелкните Next>.
   
2. 
   На шаге Attributes:
   
   1. 
      Authentication Scheme оставьте Application Express Accounts.
      
   2. 
      Language – выберите Russian (ru).
      
   3. 
      Date Format – выберите маску DD-MON-YYYY, щелкните Next>.
      
3. 
   На шаге Confirm проверьте введенные данные и щелкните Create Application.
   

2. 
   Разработка навигации по приложению
   

1. 
   На странице приложения нажмите Shared Components:
   

1. 
   В разделе Navigation выберите Lists.
   
2. 
   Нажмите Create>.
   
3. 
   На шаге Source в Create List выберите значение From Scratch. Нажмите Next>.
   
4. 
   На шаге Name and Type в опции Name напишите – Navigation, остальные параметры оставьте без изменения, нажмите Next>.
   
5. 
   На шаге Query or Static Values в опции List Entry Label напишите –Подразделения, а в опции Target Page ID or custom URL – нажмите на значок и выберите страницу Подразделения. Нажмите Next>.
   
6. 
   На шаге Confirm в опции Create List Regions? – выберите значение Create List Region on current page. Появятся дополнительные поля. В поле Region Position выберите - Page Template Body, в опции Region Template выберите – Report List. Нажмите Create List.
   

1. 
   Откройте определение страницы Подразделения в списке страниц на вкладке, соответствующей идентификатору Вашего приложения. Для выполнения последующих действий при необходимости следует поменять вид интерфейса, нажав на иконку Component view наверху страницы.
   
2. 
   В разделе Page Rendering найдите секцию Regions и щелкните по ссылке Подразделения. Откроется окно Identification. Найдите секцию Source – в ней находится представленный текст запроса.
   

• 
  Строка навигации отображает иерархию и путь страницы в виде ссылок, по которым можно перемещаться.
  
• 
  Сортировка – чтобы отсортировать данные по столбцу, нужно щелкнуть по заголовку этого столбца.
  
• 
  Search – для поиска записей, содержащих определенные данные, необходимо ввести эти данные (строку поиска) в поле поиска и нажать кнопку Go. Поиск не чувствителен к регистру.
  
• 
  Display – поле со списком позволяет выбрать число записей, которое будет отображаться на странице. Для обновления необходимо нажать кнопку Go.
  
• 
  Spread Sheet – щелчок по этой ссылке вызывает диалог сохранения данных в CSV файле.
  
• 
  Next и Previous – эти ссылки позволяют перемещаться между подмножествами данных (если все записи целиком не помещаются на одной странице, они разбиваются в соответствии со значением параметра Display).
  
• 
  Список подмножеств записей – позволяет выбрать, какое из подмножеств отобразить на странице.
  

1. 
   Перейдите на домашнюю страницу приложения в Application Builder.
   
2. 
   Щелкните по кнопке Create Page>.
   
3. 
   На шаге Create a Page:
   
   1. 
      Выберите Form, затем Form on a Table with Report. Эта опция создает две страницы: отчет и форму, основанные на одной таблице.
      
4. 
   На шаге Report Page:
   
   1. 
      Implementation – выберите Classic.
      
   2. 
      Breadcrumb – выберите Breadcrumb. Появятся дополнительные свойства Parent Entry и Entry Name.
      
   3. 
      В Parent Entry выберите ссылку на страницу Главная.
      
   4. 
      В полях Entry Name, Page Name и Region Title измените значение на Работники, щелкните Next>.
      
5. 
   На шаге Data Source:
   
   1. 
      В поле Table/View Owner оставьте значение по умолчанию.
      
   2. 
      В поле Table/View Name выберите EMPLOYEES(table)и щелкните Next >.
      
6. 
   На шаге Tabs в Tab Options оставьте опцию Do not use tabs и щелкните Next >.
   
7. 
   На шаге Report Columns необходимо сформировать список столбцов, которые появятся на странице отчета (напомним, что в предыдущем случае отчет содержал все столбцы исходной таблицы):
   
   1. 
      В списке Select Column(s) показаны все имеющиеся данные, в правом списке – те, которые следует отображать. С помощью стрелок «>»и «<» сформируйте требуемый список:
      

• 
  EMPLOYEE_ID
  
• 
  FIRST_NAME
  
• 
  LAST_NAME
  
• 
  HIRE_DATE
  
• 
  SALARY
  
• 
  COMMISSION_PCT
  

1. 
   В Edit Link Image оставьте иконку, выбранную по умолчанию, и щелкните Next>.
   
1. 
   На шаге Form Page:
   
   1. 
      В полях Page Name, Region Title введите Создать/Редактировать Работника. Щелкните Next>.
      
   2. 
      В поле Primary Key Type выберите Select Primary Key Column(s), а затем в поле Primary Key Column 1 выберите EMPLOYEE_ID и щелкните Next >.
      
   3. 
      В Source for Primary Key Column 1 выберите Existing sequence, а в появившемся внизу поле Sequence выберите EMPLOYEES_SEQ (EMPLOYEES_SEQ – это объект БД «сиквенс» (последовательность), предназначенный для генерации уникальных числовых значений, которые используются в качестве значений суррогатных идентификаторов). Щелкните Next>.
      
   4. 
      В списке Select Column(s) выберите все столбцы и щелкните Next>. Эти столбцы появятся в форме Создать/Редактировать Работника.
      
   5. 
      В следующем блоке оставьте все как есть (значения Yes для операций Insert, Update и Delete) и щелкните Next>. Это позволит пользователям добавлять, изменять и удалять записи о работниках.
      
2. 
   На шаге Confirm проверьте выбранные атрибуты страниц формы и отчета и щелкните по кнопке Create.
   
3. 
   Запустите созданную страницу. Отобразится отчет Работники:
   

• 
  Выбранная иконка редактирования появляется в каждой записи. Иконка представляет собой ссылку, щелчок по которой приводит к переходу на страницу формы Создать/Редактировать Работника, в которой можно изменить запись о работнике.
  
• 
  В правом верхнем углу мастером была создана кнопка Create (не видна на рисунке), щелчок по которой также приводит к переходу на страницу формы Создать/Редактировать Работника, на которой можно создать запись о новом работнике в таблице EMPLOYEES.
  
• 
  Отчет Работники включает в себя выбранные столбцы. Oracle APEX на основе этого выбора создал соответствующий SQL-запрос, который возвращает эти данные.
  

11. 
    Для того чтобы просмотреть форму для редактирования, которая была создана вместе с отчетом, щелкните по иконке редактирования в какой-либо записи отчета Работники. Появится форма Создать/Редактировать Работника:
    

• 
  Форма содержит кнопки Cancel, Delete и Apply Changes.
  
• 
  Обязательные столбцы (на которые в БД наложено ограничение целостности Not Null) выделены цветом.
  
• 
  Рядом с полем Hire Date отображается иконка календаря , т.к. тип данных соответствующего столбца – DATE. Щелчок по этой иконке приводит к появлению окна с календарем.
  
• 
  Названия полей формы отображаются на латинице. Технология их русификации рассмотрена в следующей работе.
  

1. 
   Установите для каждого столбца страницы Работники в поле Heading русскоязычные названия:
   

2. 
   В Column Alignment установите right для столбцов SALARY, COMMISSION_PCT и значение center для всех столбцов в Heading Alignment.
   
3. 
   Для того чтобы отредактировать формат столбца SALARY:
   
   1. 
      Щелкните по иконке слева от него.
      
   2. 
      На странице редактирования атрибута-столбца SALARY найдите секцию Column Attributes и в поле Number/Date Format выберите из списка 5,234.10. Соответствующая форматная маска будет подставлена в данное поле.
      
   3. 
      Щелкните по кнопке Apply Changes.
      
4. 
   Примените изменения.
   
5. 
   Запустите страницу отчета Работники (показан фрагмент отчета):
   

• 
  Все столбцы отчета имеют русскоязычные заголовки.
  
• 
  Столбец Оклад/Месяц отображается в денежном формате.
  

6. 
   По описанной выше технологии русифицируйте заголовки в отчете Подразделения.
   

3. 
   Добавление на Главной странице ссылки на отчет Работники
   

1. 
   На странице приложения нажмите Shared Components:
   

1. 
   В разделе Navigation щелкните по ссылке Lists. Откроется страница с элементами списка Lists. Перейдите на страницу List Details. В окне List выберите значение Navigation. Появится только одна ссылка – на страницу Подразделение.
   
2. 
   На странице List Details щелкните по кнопке Create List Entry>. Отобразится страница создания/редактирования элемента списка (Create/Edit).
   
3. 
   На странице Create/Edit введите следующее:
   

• 
  Sequence – 20.
  
• 
  List Entry Label – Работники.
  
• 
  Page – выберите страницу Работники.
  

4. 
   Щелкните Create and Create Another.
   

2. 
   Запустите Главную страницу:
   

3. 
   Протестируйте ссылки на Главной странице.
   

1. 
   В своей рабочей области создайте приложение с именем, соответствующим своей фамилии в транслитерации.
   
2. 
   Для таблицы с условно-постоянной информацией создайте отчет.
   
3. 
   Для таблицы с переменной информацией создайте отчет с формой для редактирования.
   
4. 
   Включите в стартовую страницу своего приложения ссылки на оба отчета.
   
5. 
   Русифицируйте названия полей в обоих отчетах.
   
6. 
   Покажите результат преподавателю.