ADF_ADF Faces系列3_ADF数据可视化组件简介之建立Master-Detail

2013-05-01 Created By BaoXinjian

一、摘要

---

本文介绍，通过Oracle演示资料，开发一个Web Application， Data Model基于演示资料FOD，如何使用ADF业务组件

在Web Client Side，使用JavaServer Faces JSF

创建一个Master-Detail Order页面，再通过加入图表改善用户体验，如饼图、甘特图、地图、数据透视图等

Part 1: Validating the Model and Starting Building the UI 

Step 1: Create and Populate the Database Schema

Step 2: Get the Starter Application Ready

Step 3: Explore the Starter Application

Step 4: Create the Master Detail Order Page Close

Part 2: Starting Using Graphic ComponentsClose

Step 1: Create a Basic Bar Chart in the Page

Step 2: Refine the Basic Bar Chart

Step 3: Display Stock Levels Using a Gauge

Step 4: Add an 'Export to Excel' Functionality

Part 3: Adding Other Complex Graphical Presentations to the PageClose

Step 1: Create a Geographic Map

Step 2: Create a Pivot Table

Step 3: Create a Gantt Chart

Part 4: Using the Thematic Map Component

Step 1: Add a New View Object and Expose it

Step 2: Create the Product Popularity page tab

 

二、案例1 - Create and Populate the Database Schema

---

Step1. 下载Oracle演示包FOD_11，并解压到本地目录 

 Step2. 根据自己环境修改演示包中的Build.Properities设定参数

 Step3. 运行Refresh Schema，将演示数据导入至数据库

 Step4. 查看运行记录，无异常

 

三、案例2 - Get the Starter Application Ready

---

 Step1. 导入演示包中的Application

 Step2. 创建数据库连接

 

四、案例3 - Explore the Starter Application

---

 Step1. 运行演示包中的AM，确认数据导入和数据库连接无异常

 

 

五、案例4 - Create the Master Detail Order Page Close

---

 Step1. 建立Page

 

 Step2. 通过组件，建立Master和Detail两个区域的页面，如下

 

 Step3. 从Data Controls将Order Header数据绑定的Master区域

 Step4. 从Data Controls将Order Lines数据绑定的Detail区域

 Step5. 测试运行如下，一切正常

 

Thanks and Regards

参考：Oracle - Oracle JDeveloper 11g Release 2 Tutorials