Oracle Application Express: Developing Database Web Applications
Oracle Application Express: Developing Database Web Applications
Oracle Application Express: Developing Database Web Applications
Hands-On-Labs Guide
HOL 3-1 Creating a Database Application from Scratch: In this hands-on-lab, you will create a
database Web application, Demo Projects. You will extend and improve this application later.
HOL 3-2 Creating a Database Application from a Spreadsheet: In this hands-on lab, you will
use a spreadsheet to create a database Web application, Budget App. You do not extend this
application but will use in a later exercise.
2
Oracle Application Express: Developing Database Web Applications
In this lab, you create the initial application using the Create Application wizard to define multiple
pages. Now that you have created the underlying tables, you are ready to create a desktop application.
You add reports and forms for the tables you created.
Generally, when developing an application, you will not know all of the pages required at the
beginning. Therefore, you will only generate a select number of pages initially, and then use the wizard
to add additional pages as required. However, for this exercise you will generate most of the pages
required for the application up front.
1. Using the Create Application Wizard, create the Demo Projects application.
Navigate to App Builder and then click Create.
3
Oracle Application Express: Developing Database Web Applications
3. For Name, enter Demo Projects. For Appearance, click the Set Appearance icon.
b) For Application Icon, click Choose New Icon. Click any colored circle at the top and
choose an application icon. Then click Set Application Icon.
4
Oracle Application Express: Developing Database Web Applications
5. Next, add Report and Form page types for the following tables:
• DEMO_PROJ_TEAM_MEMBERS
• DEMO_PROJECTS
• DEMO_PROJ_MILESTONES
• DEMO_PROJ_TASKS
Click Add Page.
5
Oracle Application Express: Developing Database Web Applications
7. In the Add Report Page dialog, select / enter the following and then, click Add Page.
• Page Name: DEMO_PROJ_TEAM_MEMBERS.
• Table or View: DEMO_PROJ_TEAM_MEMBERS.
• Include Form checkbox
6
Oracle Application Express: Developing Database Web Applications
8. Add Report and Form page type for the DEMO_PROJECTS table.
Click Add Page.
7
Oracle Application Express: Developing Database Web Applications
10. In the Add Report Page dialog, select / enter the following and then, click Add Page.
• Page Name: DEMO_PROJECTS.
• Table or View: DEMO_PROJECTS
• Include Form checkbox
11. Add Report and Form page type for the DEMO_PROJ_MILESTONES table.
Click Add Page.
13. In the Add Report Page dialog, select / enter the following and then, click Add Page.
• Page Name: DEMO_PROJ_MILESTONES
• Table or View: DEMO_PROJ_MILESTONES
• Include Form checkbox
14. Add Report and Form page type for the DEMO_PROJ_TASKS table.
Click Add Page.
16. In the Add Report Page dialog, select / enter the following and then, click Add Page.
• Page Name: DEMO_PROJ_TASKS
• Table or View: DEMO_PROJ_TASKS
• Include Form checkbox
8
Oracle Application Express: Developing Database Web Applications
19. Enter / select the following in advanced settings and then click Save Changes.
• Short Description - Maintain project details.
• Description - This application is used to maintain project details for the team.
Projects include milestones, where you can define due dates. Tasks can be defined
against a milestone or directly against the project.
• Add "Built with APEX" to Footer: Yes
9
Oracle Application Express: Developing Database Web Applications
21. The Demo Projects application is now created. Click Run Application.
10
Oracle Application Express: Developing Database Web Applications
22. Log in using your Workspace username and password. Click Sign In.
11
Oracle Application Express: Developing Database Web Applications
12
Oracle Application Express: Developing Database Web Applications
3. Navigate to your working directory. Drag budget.csv and drop it in to the Load Data dialog.
13
Oracle Application Express: Developing Database Web Applications
5. Click Configure.
You now see Columns to Load. Verify the data types for each of the columns. For example,
make sure that START_DATE and END_DATE columns have DATE Data Type.
You do not have any changes to save. Click X to close the Configure dialog.
14
Oracle Application Express: Developing Database Web Applications
15
Oracle Application Express: Developing Database Web Applications
7. The PROJECT_BUDGET table is created with 73 rows. Now, click Create Application.
16
Oracle Application Express: Developing Database Web Applications
12. Enter your Workspace Username and Password. Click Sign In.
17
Oracle Application Express: Developing Database Web Applications
14. Review the Budget App application that you just created. Check out all the pages that were
created by default. For example, the Dashboard page looks like the screenshot below:
18
Oracle Application Express: Developing Database Web Applications
19