Создание простого приложения – часть первая

Добрый день уважаемые читатели блога Oracle Application Express (Oracle APEX)!

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

Для начала войдем в нашу среду разработки, с указанием , именем и паролем. Для этого перейдем на страницу авторизации Apex и заполним все необходимые поля:

https://apex.oracle.com/pls/apex/f?p=4550:1:112207041359527:::::

Авторизация на Apex.oracle.com

Авторизация на Apex.oracle.com

И так мы ввели данные и зашли на главную страницу Home, на которой существует четыре вкладки:

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

Главная страница Apex

  • Application Builder – вкратце, полный контроль над всеми аспектами процесса создания и конечной функциональности приложения. Приложение представляет собой набор страниц, связанных между собой с помощью вкладок, кнопок, или гипертекстовых ссылок.
  • SQL Workshop – вкратце, используется для выполнения любых SQL команд или выполнения любого PL / SQL кода, управление БД.
  • Team development – вкратце, командная разработка, облегчает управление процессом разработки программного обеспечения.
  • Administration – вкратце, позволяет управлять учетной записью, и всеми ее настройками  и группами пользователей.

Перейдем в Application Builder  и выберем создать приложение (Create >) используя мастера создания приложения:

Создание приложения шаг - 1

Создание приложения шаг – 1

Выберем работу с базой данных:

Создание приложения шаг - 2

Создание приложения шаг – 2

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

Создание приложения шаг - 3

Создание приложения шаг – 3

Теперь выбираем какие страницы будут задействованы и созданы для нашего приложения. Как мы видим по умолчанию у нас выбрана всего одна страница, Home, с типом Blank (пустым). Давайте оставим её чтобы потом уже самому понять без конструктора как дополнять приложение страницами. Нажмем Next>. Помните, что вы всегда можете вернутся назад и сделать исправления, которые вам необходимы.

Создание приложения шаг - 4

Создание приложения шаг – 4

Shared Components  и Attributes мы пропускаем нажимая Next так как у нас нет компонентов которые мы можем скопировать в данное приложение, и атрибуты назначены по умолчанию.

 Теперь выберем внешний вид темы. Выбираем тему которая поддерживает html5, для большей гибкости и кроссбраузерности.

Создание приложения шаг - 5

Создание приложения шаг – 5

Остается проверить все ли правильно введено, и согласиться с созданием приложения:

Создание приложения шаг - 6

Создание приложения шаг – 6

Поздравляем вас приложение создано! И мы уже находимся внутри него. Как мы видим в нашем приложении две страницы.

Приложение "Portal"

Приложение “Portal”

Одна страница – Home, другая – Login. Страница Home – отвечает за содержимое, которое покажется после авторизации пользователю,  в нашем случае мы создавали страницу,  как пустую, по этому вывод на экран будет минимальным. Станица Login – отвечает за аутентификацию пользователя при входе в приложение.
Проверим, запустив приложения – нажав – Run Application.

Аутентификация

Аутентификация

Как мы видим 101 страница просит логин и пароль для аутентификации.  Введем логин и пароль нашего пользователя и залогинемся. Мы перешли на первую страниц, название которой Home. Как мы видим она пуста и содержит только блок выхода (Logout)

page1С такой легкостью, с помощью мастера, можно создавать любые приложения в Apexe. В следующих частях мы детально рассмотрим страницы, и их внутреннее содержимое. Познакомимся с понятием авторизации и аутентификации. Выведем форму с данными из БД, и многое другое.

 

 
P.s. Если вам понравилась статья то вы можете просмотреть рекламму, а я хоть тогда с чем-то выпью кофе;-) Спс!

Обновил статью: Юрий

1 Comment

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.