Oracle-ADF-增删改查(精).doc

ADF Hands-on：使用ADF 创建简单的增删改查简介本文介绍如何使用Oracle 应用开发框架ADF （Application Development Framework ）来创建包含简单的增删改查功能的Web 应用。本文目的帮助ADF 的学习者在学习ADF 基本知识后进行ADF 实践，顺利完成ADF 开发的入门，同时通过该实验更深入了解ADF 的相关概念。本文不涉及本文不涉及ADF 的基本概念和模型的讲解。关于ADF 详细内容可参考Oracle 官网上的ADF 开发者指南：/cd/E21764_01/web.1111/b31974/toc.htm本文的阅读对象ADF 入门学习人员（对ADF 开发框架有初步的认知）或想了解ADF 开发流程的技术爱好者。开发环境1. 安装JDeveloper 。 JDevloper 安装介质下载地址：/technetwork/developer-tools/jdev/downloads/index.html2. 数据库。本实验是对数据库单表进行CRUD ，表名：Country ，创建脚本：CREATE TABLE COUNTRIES( COUNTRY_ID CHAR(2 NOT NULL ,COUNTRY_NAME VARCHAR2(40,REGION_ID NUMBER,CONSTRAINT COUNTRY_C_ID_PK PRIMARY KEY (COUNTRY_ID ENABLE insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (AR, Argentina, 2; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (AU, Australia, 3; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (BE, Belgium, 1; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (BR, Brazil, 2; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (CA, Canada, 2; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (CH, Switzerland,1;insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (CN, China, 3; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (DE, Germany, 1; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (DK, Denmark, 1; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (EG, Egypt, 4; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (FR, France, 1; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (HK, HongKong, 3; insert into COUNTRIES (COUNTRY_ID, COUNTRY_NAME, REGION_ID values (IL, Israel, 4; 实验步骤创建ADF Web Applicaton打开JDeveloper ，File - New - Application -Fusion Web ApplicationApplication Name：HelloWorldApp 单击Finish ，生成包含Model 和ViewController 两个project 的application 。 创建业务组件（Business Component）右键单击Model 工程，New-ADF Business Components - Business Components from Tables 单击Ok ，弹出设置数据库连接的对话框； 单击“+”按钮创建新的连接。Connection Name 栏设置连接名称：myConn ，并设置目标数据库的连接信息，测试连接成功后单击“OK ”； 此时Connection 中就出现了刚创建的myConn 连接，单击“OK ”进入Business Component 创建窗口； 设置Entity Objectspackage: model.entities单击Query 按钮查询出数据库中的表，将COUNTRIES 表移到Selected 框中 单击Next ，设置view objects；package ：model.queries将CountriesView 移到Selected 框中 单击“Next ”，忽略Read-Only View Objects的设置；单击“Next ”，进入Application Module设置界面，修改package: model.services ；单击Finish ，完成Business Componets创建。 设置查询条件由于在查询页面中需要根据Country Id 来对Country 表进行查询，因此我们需要在Country 视图中定义一个根据Country Id查询的Criteria 。双击Model 工程下的CountryView ，单击Query 标签，进入Country 视图的查询定义界面； 点击“View Criteria”后的“+”按钮创建CriteriaCriteria Name：CountriesViewByCountryId单击“Add Item”Attribute ：CountryIdOperator ：EqualsOperand ：Bind Variable单击Parameter 后面的“+”按钮，创建绑定的变量Name ：varCountryIdType:String 单击OK ，回到Create Criteria 界面，单击OK 完成CountriesViewByCountryId Criteria 的创建。 设置AppModule 中的Data Model双击Model 工程中的AppModule 文件，选择“Data Model ”标签； 单击选中Data Model框中的CountryView1，点击Data Model后的“Edit ”按钮，在弹出的编辑界面中将CountriesViewByCountyId Criteria移到Selected 框中。 单击Ok ，保存，完成Country 查询的定义。创建Web 视图创建countries list页面右键单击ViewController 工程，New - JSF - JSF PageFile Name: listPage.jspx勾选中“Create as XML Document (*.jspx” 单击OK ，进入listPage 页面。创建countries list显示table将Component Palette窗口中的“Panel Collection”组件拖拽到listPage 中 点击Data Controls窗口的刷新按钮，显示出刚创建的AppModuleDataControl 将ContriesView1拖拽到listPage 页面中“Panel Collection”中，选择Table - ADF Read Only Table 在弹出的Edit Table Columns窗口中选择“Single Row，单击OK 生成Country 列表。此时可右键点击listPage.jspx ，单击“Run ”，运行该页面，页面将显示country 的所有记录的列表。创建countries 的查询panel在Data Controls窗口中将CountriesView1-Operations-ExecuteWithParas拖拽到listPage 页面下Panel Collection组件的左方，选择“ADF Parameter Form”，在“Display Label”中输入Country Id ，单击OK 在生成的Panel 中单击“ExecuteWithParams ”按钮，在属性窗口中将Text 属性修改为 Search再次右键listPage.jspx - Run 运行该页面验证查询功能。创建编辑页面安装listPage 页面的方式创建一个新页面：editPage.jspx将Data Controls 中的AppModuleDataCountrol/CountriesView1拖拽到editPage 页面，选择Form - ADF Form 单击OK ，完成Form 的创建；拖拽两个Button 组件到Form 下方，将Text 属性分别修改为Cancel 和Save 保存页面 创建Page Flow双击打开ViewController 工程下Web Content/Page Flows/adfc-config 将页面listPage.jspx 和editPage.jspx 拖拽到空白处，分别生成listPage 和editPage 两个图标； 将Data Controls 窗口下AppModuleDataControl/CountriesView1/Operations/CreateInsert拖到空白处，生成一个CreateInsert 图标； 将Data Controls窗口下AppModuleDataControl/Operations/Commit拖到空白处，生成一个Commit 图标； 将Data Controls窗口下AppModuleDataControl/Operations/Executet拖到空白处，生成一个Execute 图标； 单击Component Palette 中Control Flow Case 的箭头组件，使其由listPage 图标指向CreateInsert 图标，并修改Form Outcome：new 重复创建以下的Control Flow Case listPage 添加新增、修改、删除按钮 打开listPage 页面，将Component Palette窗口中的Toolbar 组件拖到panel Collection中toolbar 区域； 拖拽两个Toolbar Button组件拖到Toolbar 中，分别命名为New 和Edit ，将New 按钮属性中的Action 值修改为new ，将Edit 按钮的修改为edit ； 将Data Controls 窗口下AppModuleDataControl/CountriesView1/Operations/Delete拖到Toolbar 中，将其属性中的Action 值修改为delete 在左边struct