创建以数据库为中心的 Web 应用程序

OBE 主页 > 数据库 10g > VMware / RAC > 应用程序开发 > HTML DB

使用 Oracle HTML DB 创建以数据库为中心的 Web 应用程序

目的

本教程介绍了如何使用 Oracle HTML DB 快速创建应用程序。

所需时间

大约 1 个小时

主题

本教程将讨论下列主题：

	概述
	前提条件
	从电子表格创建表
	添加主表
	修改表
	创建应用程序
	添加报表
	启用列标题排序
	添加主/从表单
	编辑应用程序对象
	应用新主题
	创建用户
	限制访问权限
	向 Overview 页面中添加内容
	总结
	相关信息

查看屏幕截图

将光标置于此图标上可以加载和查看本教程的所有屏幕截图。（警告：因为此操作会同时加载所有屏幕截图，所以网速较慢时，响应时间可能会比较长。）

注意：此外，还可以在下列步骤中将光标放在每个单独的图标上，从而仅加载和查看与该步骤相关的屏幕截图。

概述

什么是 HTML DB？

HTML DB 提供了一个声明式开发框架，用于创建以数据库为中心的 Web 应用程序。使用在线服务完成开发。通过下载一个运行时模块和应用程序并将该应用程序运行在您的企业内部来完成部署。

HTML DB 由哪些组件组成？

HTML DB 包含三个主要的组件。您将在本教程中用到全部三个组件。

Application Builder	使用 Application Builder，您可以构建以数据库为中心的交互式 Web 应用程序。
SQL Workshop	SQL Workshop 使您可以运行 SQL 语句和 SQL 脚本。
Data Workshop	使用 Data Workshop，您可以将数据加载到数据库中以及从数据库中提取数据。

术语

在使用 HTML DB 时，了解下面这些概念是很重要的：

应用程序	应用程序是一个通过分支连接的页面的集合。其属性包括身份验证方法、默认的 UI 模板、以及授权规则。
页面	页面是通过其生成、显示以及处理方式来定义。处理是指提交页面时所发生的事件和逻辑。每个页面在运行时由应用程序开发人员定义的元数据动态生成。页面的外观由页面模板控制。
区域	内容显示在多个区域中，这些区域是页面的逻辑子部分。每个页面可以包含任意数量的数种类型的区域。这些类型包括：HTML 文本、SQL 查询、PL/SQL 生成的 HTML 和图表。每个区域均使用区域模板生成，并由页面模板中定义的显示点来确定在页上的位置。
项目	应用程序项目用于生成 HTML 表单元素。应用程序引擎管理 PL/SQL 生成的 HTML，而作为开发人员的您只需选择项目类型即可。应用程序支持支持 50 个以上这样的类型，包括日期选择器、弹出式值列表、具有拼写检查功能的文本区域等。项目的值自动存储到应用程序的会话状态中，可以在用户会话的任何地方引用该值。

体系结构

所有应用程序都是根据数据库表中存储的数据实时生成的。当您创建或扩展应用程序时，不生成代码；创建或修改了元数据并将其存储在数据库表中。应用程序生成引擎读取元数据并相应地显示页面。

所有会话状态也都存储在数据库中。每个页面视图都产生一个新的数据库会话，因此当应用程序引擎未处理页面时，就不会消耗数据库资源（除了表行所使用的存储空间外）。用于在用户运行应用程序时自始至终管理应用程序会话状态的唯一会话标识符与运行时引擎为每个页面视图创建和运行的许多个别数据库会话无关。

执行 SQL 或 PL/SQL 的应用程序被分析为应用程序的“所有者”。当为您提供工作区后，您就获得了以特定模式分析的权限。因此，您所有 Oracle 数据库的权限和特权就是那些选择以其分析的模式的权限和特权。

1.	输入以下 URL 登录到 HTML DB。 *http://<主机名>:7777/pls/htmldb/htmldb*
2.	要登录到 HTML DB，输入下列详细信息，然后单击 Login。 Workspace:obe Username:obe Password:obe
3.	要创建应用程序将基于的表，单击 Data Workshop。
4.	要基于电子表格创建表，单击 Import Spreadsheet Data。
5.	确保将导入目标 (Import To) 设置为 New table。为 Import From 选择 Upload file (comma separated or tab delimited) 选项。单击 Next >。
6.	单击 Browse。
7.	在 /home/oracle/wkdir 目录中找到 tasks.txt 文件，然后单击 Open。
8.	由于文本文件中的数据是用制表符分隔的，因此在 Separator 域中输入 \t。单击 Next >。
9.	Table Information 页面显示表中的列及其格式，以及要在创建表后插入到表中的数据。为 Table Name 输入 Tasks，然后单击Next >。
10.	使用 Primary Key 页面，可以向表中添加系统生成的主键并使用新序列填充该列。检查默认值，然后单击 Import Data。
11.	创建表并加载数据后，您将位于 Files 页面上。您可以看到，刚刚上载的包含 16 行的文件已经成功上载。要查看新表，单击 SQL Workshop 选项卡。
12.	在 Database Browser 下，单击 Tables。
13.	要查看表定义，单击 TASKS 表旁的 Object Detail 图标 ()。
14.	该页面只显示表定义。要查看表中的所有数据，单击窗口右侧 Tasks 列表中的 Query By Example。
15.	选中 Check All 复选框将其启用，然后单击 Query。
16.	您将看到该表中的所有数据。可以从该页面更改数据库中的任何数据，还可以向该表中添加行。要返回摘要页面，单击 SQL Workshop 选项卡。

1.	在 Database Browser 部分中，单击 Tables。
2.	确保选择了 OBE 和 TABLE 分别作为模式和类型的值。要查看表定义，滚动到 Database Object Results 表的底部，然后单击 TASKS 表旁边的 Object Detail () 图标。
3.	在窗口右侧的 Tasks 列表中，单击 Create Lookup Table。
4.	要指定据以创建主表的列，选择 PROJECT - varchar2,，然后单击 Next >。
5.	输入下列值，然后单击 Next >。 New Table Name:PROJECTS New Sequence:PROJECT_SEQ
6.	单击 Finish。注意：可能收到错误 ORA-20001。该消息是 Oracle HTML DB 软件测试版中的一个错误造成的，请继续学习，它不会对教程造成影响。
7.	要查看 TASKS 表引用的表，单击箭头展开位于页面底部的 Foreign Keys (Tables this table references)。
8.	要查看新 PROJECTS 表的定义，单击 Parent Table 列中的 PROJECTS。
9.	注意，新 PROJECTS 表包含一个数字主键和 PROJECT 列。

1.	在右侧的 Tasks 列表中，单击 Manage Table。
2.	由于要向该表中添加一列，因此保留 Add Column 的默认选择，然后单击 Next >。
3.	输入下列值，然后单击 Next >。 Add Column: PROJECT_LEAD Type: VARCHAR2 Length: 30
4.	单击 Finish。
5.	要查看表定义，单击 Browse Table。
6.	您将看到修改后的表定义，它添加了一个新的 PROJECT_LEAD 列。单击该页面右侧 Tasks 列表中的 Query By Example。
7.	选中 Check All 复选框将其启用，然后单击 Query。
8.	您将看到 TASKS 表中引用的所有项目。可以在此处更改数据。单击 Project Id 4 Public Website 左侧的 Edit 图标 ()。
9.	为 Project Lead 输入 Tom Suess。单击 Apply Changes。
10.	您将看到已添加的数据。要开始创建应用程序，单击路径式导航栏菜单上的 Workspace OBE。

1.	在 HTML DB 主页上，单击 Create Application >。
2.	由于您将从头创建应用程序，因此保留 Creation Method 的默认值 From Scratch，然后单击 Next >。
3.	为 Name 输入 Project Tasks Application。要指定应用程序将包含两个页面，从 Pages 下拉列表中选择 2。单击 Next >。
4.	保留默认值 One Level of Tabs，然后单击 Next >。
5.	输入下列值，然后单击 Next >。 Page Name 1: Overview Page Name 2: All Tasks
6.	请注意，默认情况下，Page Tab 名称反映您在前面指定的页面名称。单击 Next >。
7.	保留默认值 Theme 1（红色），然后单击 Next >。
8.	单击 Create Application。
9.	要查看该应用程序，单击 Run。
10.	新应用程序是使用 HTML DB Authentication 创建的。您需要使用可以访问拥有此应用程序的工作区的用户名/口令组合登录。使用开发登录 obe/obe，然后单击 Login。
11.	请注意，此应用程序骨架是使用您指定的页面和选项卡创建的。现在，页面中还没有内容。稍后将添加内容。单击 All Tasks 选项卡。
12.	下一步是向 All Tasks 页面中添加报表。以开发人员的身份登录后，可以使用该页面底部的链接修改此应用程序。从开发人员链接中，单击 Edit Page 2。

1.	在 Regions 部分中，单击 Create 图标 ()。
2.	要添加报表，选择 Report，然后单击 Next >。
3.	保留默认值 Easy Report，然后单击Next >。
4.	为 Title 输入 Tasks，然后单击Next >。
5.	要选择要将其中的列添加到该报表的表，从 Table/View Name 下拉列表中选择 PROJECTS。
6.	从 Select Columns 列表中，选择 PROJECT,，然后单击将其移动到 Columns Selected 列表。
7.	还需要添加 TASKS 表中的列。从 Table/View Name 下拉列表中，选择 TASKS。
8.	从 Select Columns 列表中，选择除 ID 和 PROJECT_ID 外的所有列，然后单击将它们移动到 Columns Selected 列表。
9.	单击 Next >。
10.	Join Condition 应默认设置为： "PROJECTS"."PROJECT_ID" = "TASKS"."PROJECT_ID" 单击 Next >。
11.	保留 Report Attributes 的默认值，然后单击 Create Region。
12.	要运行该页面，单击该页面右上角的 Run Page 图标 ()（就在 Data Workshop 选项卡的下面）。
13.	显示您刚创建的报表。所有数据均从 TASKS 表以及 PROJECTS 表中的 PROJECT_NAME 列检索。所有代码由 Oracle HTML DB 自动生成。要显示后 15 行，单击报表底部的 Next 链接。

1.	从底部的开发人员链接中，单击 Edit Page 2。
2.	在 Tasks 左侧的 Regions 部分中，单击 RPT 链接。
3.	要启用所有列的列标题排序，在 Report Column Attributes 部分中的 Sort 列下选择每一列相应的复选框。
4.	启用排序后，还应提供一个默认排序顺序。为此，在 Sort Sequence 下，从 PROJECT 的下拉列表中选择 1。对于 TASK_NAME，从下拉列表中选择 2。
5.	单击 Apply Changes。
6.	单击该页面右上角的 Run Page 图标 ()。
7.	要查看前 15 个报表，单击该报表底部的 Previous 链接。
8.	请注意，该报表现在按字母顺序排序，首先按 Project 排序，然后按 Task Name 排序。由于列标题是链接，因此现在带有下划线。要基于 Start Date 排序，单击 Start Date 列标题。
9.	请注意，该报表采用最早的 Start Date 最先显示的顺序进行排序。要按降序排序，再次单击 Start Date 列标题。
10.	现在，最新的任务将最先显示。

1.	从页面底部的开发人员链接中，单击 Edit Application。
2.	要创建一个新页面，单击 Create Page >。
3.	选择 Page with Component 选项，然后单击 Next >。
4.	要指定将要添加到页面的组件，选择 Form 选项。单击 Next >。
5.	选择 Master Detail Form 选项，然后单击 Next >。
6.	要指定主表，从 Table/View Name 下拉列表中选择 PROJECTS。
7.	要选择所有列，单击 Add All 图标 ( )。
8.	Displayed Columns 列表列出了将在报表和主表区域中显示的列。单击 Next >。
9.	要指定从表，从 Table/View Name 下拉列表中选择 TASKS。
10.	要选择所有列，单击 Add All 图标 ( )。
11.	单击 Next >。
12.	要指定主键源是现有序列，选择 Existing sequence 选项。
13.	这将显示一个新的 Sequence 选择列表。从 Selection 下拉列表中，选择 PROJECT_SEQ，然后单击 Next >。这确定 PROJECTS 的主键生成方式。创建的页面将用于创建新 Projects。
14.	对于从表主键源，选择 Existing Sequence 选项。
15.	这将显示 Sequence 选择列表。从 Selection 下拉列表中，选择 TASKS_SEQ，然后单击 Next >。这确定 TASKS 的主键生成方式。创建的页面将用于创建新 Tasks。注意该页面上有一个 Finish 按钮。大多数向导均提供此“快速退出”功能以加速开发。对于此过程，有几个选项处于未选中状态，这对于应用程序很有好处。
16.	Define Master 页面选项决定用户将能否滚动项目，如果能，则决定滚动顺序。从 Master Row Navigation Order 下拉列表中，选择 PROJECT 选项。可以使用 PROJECT_ID，但由于这是一个系统生成的没有实际含义的主键，因此按 Project 的字母顺序滚动要更好一些。默认情况下包含一个主报表。最好能够创建一个显示 Projects 以及主从表单的报表，因此保留此默认值，并单击 Next >。
17.	使用 Choose Layout 页面，可以指定是在同一页面还是在不同页面上查看详细信息。对于本示例，更好的方法是在同一页面上查看与编辑项目和任务的详细信息。因此，保留默认值 Edit detail as tabular form on same page，然后单击 Next >。
18.	使用 Page Attributes 页面，可以确定已创建对象的页码、页面标题和区域标题。保留默认值，然后单击 Next >。
19.	为 Tab Options 选择 Use an existing tab set and create a new tab within the existing tab set 选项。
20.	这导致显示其他选项。为 Tab Set 选择 TS1 (Overview, All Tasks) 选项。这是您在默认情况下创建应用程序时创建的选项卡集。为 New Tab Label 输入 Projects，然后单击 Next >。
21.	Master Detail Confirmation 页面显示所有选择，并允许您使用 < Previous 按钮修改任何选择。单击 Create。
22.	要查看显示所有项目的新页面，单击 Run Page 链接。
23.	注意右上角的新选项卡。单击 Public Website Project 左侧的 Edit 链接 ()。
24.	将显示新的 Master-Detail 页面。

	减小 Project 显示大小
	增加 Task Name 显示大小
	增加 Date 显示大小
	更改日期格式
	将 Status 域更改为下拉列表

1.	单击页面底部的 Developer Links 中的 Edit Application 链接。
2.	单击 Shared Components。
3.	在 User Interface 部分中，单击 Themes and Templates 链接。
4.	要创建一个新主题，单击 Create Theme。
5.	使用 HTML DB Repository 中的主题时，保留默认值。单击 Next >。
6.	从 Theme 选项中，选择 Theme 10 选项。单击 Next >。
7.	单击 Create。
8.	请注意，Red 的右侧有一个选中标记，指示它是当前主题。要切换到 Sand 主题，单击 Switch Theme。
9.	为 Switch to Theme 保留默认值 10. Sand。单击 Next >。
10.	请注意，该页面显示两个主题之间的兼容性。该实用程序检查新主题中是否有一个可替换当前主题中每个模板的模板。 Status 列中的选中标记指示模板是兼容的。单击 Next >。
11.	要确认主题切换，单击 Switch Theme。
12.	要查看新主题，单击页面右上角的 Run Page 图标 ( )。
13.	请注意，应用程序的整个外观已发生变化。选项卡已移到了右侧。颜色方案已发生变化。单击底部的 Developer Links 中的 Edit Application。

1.	单击路径式导航栏菜单中的 Workspace OBE 链接。
2.	在窗口右侧的 Workspace Administration 列表中，单击 Manage Users 链接。
3.	单击 Create New User。
4.	输入如下信息，然后单击 Create and Create Another。 User Name:Brad.Knight Password:welcome1 Email Address:brad.knight@oracle.com First Name:Brad Last Name:Knight Default Schema:OBE
5.	输入如下信息，然后单击 Create and Create Another。 User Name:Susie.Parker Password:welcome1 Email Address:susie.parker@oracle.com First Name:Susie Last Name:Parker Default Schema:OBE
6.	输入如下信息，然后单击 Create User。 User Name:John.Bell Password:welcome1 Email Address:john.bell@oracle.com First Name:John Last Name:Bell Default Schema:OBE
7.	请注意，已创建了三个用户。现在，您将设置应用程序的管理员访问权限。单击路径式导航栏菜单中的 Workspace OBE 链接。

1.	单击 Application Builder 选项卡，即使它是当前选项卡。
2.	在 Pages 下，单击 Name 列中的 Projects 链接。
3.	要显示 Projects 报表的列属性，单击 Regions 部分中 Projects 左侧的 RPT 链接。
4.	单击 PROJECT_ID 左侧的 Edit Attributes 图标 ()。
5.	每个详细信息部分的 Column Attributes 标题正下方都有链接。单击 Conditions 链接。
6.	Conditional Display 部分的正上方是 Authorization 部分。在 Authorization 部分中，为 Authorization Scheme 选择 ADMIN。要返回到页面顶部，单击 Authorization 部分右上角的 Top 图标 ()。
7.	单击 Apply Changes 。
8.	要导航回 Page Definition，单击 Cancel。
9.	现在，您将把该授权方案与 Create 按钮关联，以便只有管理员才能创建新项目。为此，在 Buttons 部分中，单击 Redirect 左侧的 CREATE 链接。警告：不要单击图标，而是单击该链接以编辑当前的 CREATE 按钮。
10.	单击 Authorization 链接。
11.	为 Authorization Scheme 选择 ADMIN。单击 Authorization 部分右上角的 Top 图标 ()。
12.	单击 Apply Changes。
13.	要查看更改，单击页面右上角的 Run Page 图标 ()。
14.	请注意，Edit 链接和 Create 按钮均未显示。这是因为您是以 OBE 用户身份登录的，而 OBE 用户不是管理员。要注销该应用程序，单击该窗口右上角的 Logout 链接。
15.	为 User Name 输入 brad.knight，为 Password 输入 welcome1。单击 Login 。
16.	单击 Projects 选项卡。
17.	请注意，由于 Brad 是管理员，因此 Edit 链接和 Create 按钮全部显示。单击 Logout 链接。
18.	为 User Name 输入 obe，为 Password 输入 obe。单击 Login。
19.	单击 Options 选项卡。
20.	再次未显示 Edit 图标和 Create 按钮。最后要做的是防止对 Master-Detail 页面的直接访问。您现在可以更改 URL 并直接访问它。您将注意到您的 URL 是以 f?p=… 为结尾的。其后紧跟着应用程序编号、页面编号和会话编号。可以手动将页面编号从 3 改为 4 并仍访问 Master-Detail 页面。将 URL 中的页面编号从 3 更改为 4。例如，将 url …/f?p=120:3:2101953412249296357::NO 更改为 …/f?p=120:4:2101953412249296357::NO 按键盘上的 ENTER 键。
21.	请注意，您现在位于 Projects/Tasks 页面，已准备好输入一个新的 Project 并为它创建 Tasks。但理想情况下，由于 OBE 用户不是管理员，因此应对他/她隐藏该页面。为防止非管理员用户看到该页面，您需要将授权方案与 Master-Detail 页面本身关联，而不仅仅是与它的访问机制关联。单击 Developer Links 中的 Edit Page 4。
22.	在 Page 栏中，单击 Edit Attributes 按钮。
23.	单击 Security 链接。
24.	为 Authorization Scheme 选择 ADMIN。单击 Authorization 部分右上角的 Top 图标 ()。
25.	单击 Apply Changes。
26.	要运行该页面，单击其右上角的 Run Page 图标 ()。
27.	现在，您看到的是拒绝您访问该页面的消息而非该页面： Error Access denied. Administrator Privilege Required. 单击 OK 链接。

	创建和修改表
	创建应用程序
	添加报表
	添加并编辑主/从表单
	应用新主题
	创建用户并限制用户的访问权限
	向页面中添加内容

	要了解关于 Oracle 数据库 10g 的更多信息，请参考 OTN 网站上的其他 OBE。
	有关本 OBE 教程的问题，请在 OBE Discussion Forum 上发布查询。

1.	设置用户组。
2.	创建授权方案。
3.	应用授权方案。

1.	单击 Data Workshop。
2.	在 Data Import 部分中，单击 Import Text Data 链接。
3.	为 Import To 单击 New table，并为 Import From 单击 Copy and paste (up to 30KB)。单击 Next >。
4.	选择以下文本，并按 [Ctrl] + [C] 复制： USERID BRAD.KNIGHT SUSIE.PARKER
5.	切换回 HTML DB 窗口。单击 Data 文本框，并按 [Ctrl] + [V] 粘贴用户列表。单击 Next >。
6.	为 Table Name 输入 ADMINS。单击 Next >。
7.	保留 Primary Key 详细信息的默认值。要导入数据，单击 Import Data 。
8.	要返回到应用程序详细信息，单击 Application Builder 选项卡。

1.	在 Page 栏中，为 Page 输入 1 ，然后单击 Go。
2.	在 Regions 部分中，单击 Create 图标 ()。
3.	为 Region Type 选择 Report 选项，然后单击 Next >。
4.	为 Report Implementation 选择 SQL Report，然后单击 Next >。
5.	为 Title 输入 Task Status。单击 Next >。
6.	为 SQL Query 输入： SELECT null link, status, count(id) Number_Tasks FROM tasks GROUP BY null, status 由于不必有条件地显示该区域，因此现在即可单击 Create Region。
7.	要查看该报表，单击右上角的 Run Page 图标 ()。
8.	显示该报表。您将重新排列列，更改标题，然后关闭行数的显示。单击页面底部的 Developer Links 中的 Edit Page 1 链接。
9.	在 Regions 部分中，单击 Task Status 左侧的 Q。
10.	任务数应显示在状态之前。要对列进行重新排序，单击 STATUS 列右侧的列序列图标 ()。
11.	为 Headings Type 选择 Custom。这将标题更改为首大写字母。对于 NUMBER_TASKS，将 Heading 更改为 Number of Tasks。为 NUMBER_TASKS 选择 right 作为 Column Alignment。此外，确保为 Pagination Scheme 选择 - No Pagination Selected -。然后单击 Apply Changes。
12.	要查看更改，单击右上角的 Run Page 图标 ()。
13.	现在，您已经创建了摘要报表，随后将添加一个条形图。该条形图将显示在摘要报表的旁边而不是其下方。为此，可以将新区域置于列 2 中。单击页面底部的 Developer Links 中的 Edit Page 1。
14.	在 Regions 部分中，单击 Create 图标 ()。
15.	为 Region Type 选择 Chart 选项，然后单击 Next >。
16.	为 Chart Type 选择 Bar (HTML) 选项，然后单击 Next > 。
17.	为 Title 输入 Open Issues by Assignee。从 Column 下拉列表中，选择 2。单击 Next >。
18.	为 Enter SQL Query 输入： SELECT null link, nvl(assigned_to,'unassigned') label, count(id) Number_Tasks FROM tasks WHERE status = 'open' GROUP BY null, assigned_to 在 Include in summary 区域中，取消选择 Axis 和 Number of data points 复选框。这将使得只有 Sum of all values 显示在条形图的底部。由于不必有条件地显示该区域，因此现在即可单击 Create Region。
19.	要查看包含这两个条形图的已修改的 Overview 页面，单击右上角的 Run Page 图标 ()。
20.	现在显示报表和条形图。您这就构建了一个完全正常运行的应用程序。

OBE 主页 > 数据库 10g > VMware / RAC > 应用程序开发 > HTML DB

使用 Oracle HTML DB 创建以数据库为中心的 Web 应用程序

目的

所需时间

主题

查看屏幕截图

概述

什么是 HTML DB？

HTML DB 由哪些组件组成？

术语

体系结构

前提条件

从电子表格创建表

添加主表

修改表

创建应用程序

添加报表

启用列标题排序

添加主/从表单

编辑应用对象

应用新主题

创建用户

限制访问权限

1. 设置用户组

2. 创建授权方案

3. 应用授权方案

向 Overview 页面中添加内容

总结

相关信息

将光标置于该图标上可以隐藏所有屏幕截图。