能够访问或安装了 Oracle JDeveloper10g 10.1.2 版本。

确保嵌入式 OC4J 服务器设置是正确的。 在 JDeveloper 菜单中，选择 Tools | Embedded OC4J Server Preferences。展开 Global 并选择 Startup。选择 Specify Host Name 选项并将其设为 localhost ，然后单击 OK。

能够访问或安装了 Oracle 10g 数据库。

能够访问或安装了 OE 示例模式。 如果您从 Oracle 10g 中删除了示例模式或者如果您一开始就没有安装它们，那么您应当按照 Oracle 数据库示例模式 10g 版本 1 (10.1) 中的说明来安装它们。

如果您是第一次使用示例模式，那么您可能发现您必须解锁 HR 和 OE 示例模式用户，然后授予他们 CONNECT 和 RESOURCE 角色。 您可以通过使用 Oracle Enterprise Manager 来执行这一操作，后者是 Oracle 10g 的一部分。

或者，您可以执行以下 SQL*Plus 命令：

ALTER USER hr IDENTIFIED BY hr ACCOUNT UNLOCK;
GRANT CONNECT, RESOURCE to hr;

ALTER USER oe IDENTIFIED BY OE ACCOUNT UNLOCK;
GRANT CONNECT, RESOURCE to OE;

选择 View | Connection Navigator。

右键单击 Database 节点，并从上下文菜单中选择 New Database Connection。

在 Create Database Connection 向导中，查看欢迎页面上的信息，并单击 Next。

在 Connection Name 域中，为连接输入一个名称。 将该连接命名为 oeconn。单击 Next。

在 Authentication 页面上：

在 Username 和 Password 域中，输入 oe 和 oe 。

选择 Deploy password。

单击 Next。

在 Connection 页面上：

在 Host name 域中，输入数据库所在的计算机的名称（或 IP 地址）。 如果数据库是在您的 PC 上，那么该值是默认的： localhost。

在 JDBC Port 和 SID 域中，输入到数据库的连接的信息。 如果您不知道这些值，那么请与数据库管理员核对。 默认值是 1521 和 ORCL 。

单击 Next。

单击 Test Connection。

如果数据库可用并且连接的详细信息正确，那么您将在 Status 窗口中看到 Success!。

如果出现错误，那么请与数据库管理员验证设置，单击 Back，进行任何必要的修改，然后重新测试连接。

单击 Finish。 该连接现在将出现在 Connection Navigator 中的 Database connection 节点下面。

单击 Applications 选项卡，返回 Application Navigator。

右键单击 Applications 节点，并从上下文菜单中选择 New Application Workspace。

在 Create Application Workspace 对话框中，输入应用程序名 OE。 注意当您输入应用程序名时，目录名将自动改变。

检查 Application Template 是否显示 Web Application [Default]；如果没有显示，请从 Application Template 下拉列表中选择这个值。

单击 OK。

应用 Application Navigator 显示 OE 工作区和两个默认的项目： Model 和 ViewController。

在 Application Navigator 中，右键单击 Model 项目，然后从上下文菜单中选择 New。

在 New Gallery 中，展开 Business Tier 并在 Categories 列表中选择 Business Components。

在 Items 列表中选择 Business Components from Tables。单击 OK。

在 Business Components Project Initialization 窗口中，从 Connection 下拉列表中选择 oeconn 连接，然后单击 OK。

如果显示了 Create Business Components 向导的欢迎页面，则单击 Next。

在 Create Business Components 向导的 Entity Objects from Tables 页面中，从 Schema 下拉列表中选择 OE。

按住 Control 键，在 Available 列表中单击选择 CUSTOMERS 和 ORDERS。

单击 Copy ，将两个表都转移到 Selected 列表中。

单击 Next。

在 Create Business Components 向导的 Updateable View Objects from Entity Objects 页面中，单击 Next。 （您正构建一个不可更新的 Web 页面。）

在该向导的 Read-Only View Objects from Tables 页面中，从 Available 列表中选择 Customers 和 Orders，并单击 Copy ，将它们转移到 Selected 列表中。

单击 Next。

在该向导的 Application Module 页面上，将应用程序模块命名为 OrderEntryAM 。单击 Next。

单击向导的最后一页上的 Finish。

在 Application Navigator 中，右键单击 ViewController 工程并从上下文菜单中选择 New

在 New Gallery 的 Categories 列表中，展开 Web Tier 并选择 JavaServer Pages (JSP)。

在 Items 列表中，选择 JSP Page，然后单击 OK。

在 Create JSP 对话框中，输入文件名 browseCustomerOrders.jsp 并单击 OK。

该 JSP 页面将在可视化编辑器中打开，其右边是 Data Control Palette（数据控件选项板）。

将样板文本添加到页面中。 单击页面并输入

Customer Orders

从编辑器左上角的 Block Format 下拉列表中，选择 Heading 1。

应用一个样式表，以使页面上文本的外观标准化。 在 Data Control Palette 的底部，选择 Components 选项卡，切换至 Components Palette（组件选项板）。

从 Components Palette 顶部的下拉列表中，选择 CSS，然后单击 JDeveloper，将 JDeveloper 样式表应用到页面上。

将一个 HTML 表单添加到页面中，您将在那里开始添加客户数据。

将光标放在 Customer Orders 标题下。 从 Components Palette 顶部的下拉列表中，选择 HTML，然后单击 Form。 代表 HTML 表单的一个方框将出现在页面上。

在该表单内，为您放入表单的域输入标签。

在该表单内部单击。

单击 Bold 工具 。

输入

Customer ID :

然后再次单击 Bold 工具。

按下 空格键，然后按下 [Enter] 键。

单击 Bold 工具。

输入

Name:

然后再次单击 Bold 工具。 按下 空格键。

现在您可以开始添加数据了。

单击 Data Controls 选项卡。

在 Data Control Palette 中，展开 OrderEntryAMDataControl 和 CustomersView1。

选择 CustomerId。 在 Data Control Palett 底部的 Drag and Drop As 下拉列表中，选择 Value。

将 CustomerId 拖到 JSP 可视化编辑器中其标签的右边。 注意您还看到了一个被标记为 errors 的方框，这是用于显示运行时错误的一个占位符。

选择并将 CustFirstName 和 CustLastName 拖到 Name 标签后作为值，在域之间有一个空格。

将光标立即放在 CustLastName 域后面并按下 [Enter] 键，在域和表单结束位置（红色虚线）之间创建一个空行。

在 Data Control Palette 中，展开 CustomersView1 下面的 Operations 节点（就在 OrdersView2 下面）。 在 Operations 节点下面选择 Previous。

在 Drag and Drop As 下拉列表中，选择 Button。

将 Previous 拖到 JSP 中的 CustLastName 域和表单结束位置之间。

以类似的方式，将 Next 拖到 Previous 的右边。

选择 OrdersView2。 在 Drag and Drop As 下拉列表中，选择 Read-Only Table。

将 OrderView2 拖到 JSP 可视化编辑器中的包含来自 CustomersView1 的域的表单的下面。 不要将其拖到表单中，而是拖到表单下面的位置。

注意： 务必选择 OrdersView2（它是 CustomersView1 的从表单）而不是 OrdersView1，后者将显示所有的订单，而不只是所显示的客户的订单。

在应用程序中，您不需要来自 Orders 表的数据库列 PromotionId，因此您可以删除它。

在 Orders 表的最后一行的表单元格中单击（它包含了 PromotionId 的数据绑定）。 然后右键单击，从上下文菜单中选择 Table | Delete Column。

您不需要在 Order 表中显示 CustomerId，因为它被显示在客户信息中。 单击 Order 表中的 CustomerId 表单元格，然后右键单击，从上下文菜单中选择 Table | Delete Column。

在 Application Navigator 中，右键单击 ViewController 项目，然后在上下文菜单中选择 Run。

JSP 将在浏览器窗口中运行。 您可以看到每一个订单及其相关的行项目。 您可以使用 Previous 和 Next 按钮在订单之间转移。