简化富 Web UI 的开发 — ADF Faces 概述马平资深解决方案顾问开发者计划

议题

• 新旧Web应用的直观比较

• JDeveloper 提供的优势

• JSF 概述

• ADF Faces 富客户端组件• 布局组件

• 常用组件

• 操作组件

• DVT 组件

• OEPE

您的用户正在家中使用这些软件：

您的应用程序外观如何？

有何差别？

• 更好的 UI 外观

• 更好的用户交互

• 更好的反馈

• 更好的数据可视化

• 更好的流程

怎样做得更好？

• AJAX

• 异步 JavaScript 和 XML

• DOM

• XHTML

• CSS

• XML/XSLT

• XMLHttpRequest

• JavaScript

• 可能有一些 Flash

我们拥有这样的工具

• Oracle JDeveloper 包括：• 可视化 HTML 布局编辑器

• JavaScript 编辑器

• 代码智能识别

• 重构

• JavaScript 调试器

• CSS 编辑器

• “预览”选项卡

• HTTP 分析器

但同时也存在挑战

• 数千名开发人员

• 大多数人员不了解 Ajax 技术

• 大多数人员具有 4GL 背景

• 期望一种可视化声明式方法

• 没有时间学习所有的新 Ajax 技术

• 需要关注他们的特定应用需求

必须有一种更简单的方法……

<在此处插入图片>

更简单的方法JSF 和 ADF Faces 组件

极速 JSF 60 秒

• 简化 Web 开发• 在服务器端生成 UI

• 基于组件而非标记

• 自动处理事件和状态

• 广泛客户群，不局限于 HTML

• 在设计时考虑生产

• 适用于各类程序员

• Java EE 标准

ADF Faces 富客户端组件

• 150 多个组件

• 支持 Ajax

• 可插入式外观

• 可访问性和国际化

• 常用组件与• 图表、甘特图、地图、透视、日历、封面流

• 内置高级功能：• 拖放式框架

• 对话框和弹出式框架

• “活动数据”—信息板/推送更新 (comet)

• 模板化与声明式组件

融合应用程序HCM

融合应用程序Projects

融合应用程序采购

Oracle WebCenter Spaces

MICROS

Cuyahoga

150 多个支持 Ajax 的组件

不仅仅是组件 — 框架

• 对话框和弹出式窗口

• 拖放

• 导航菜单

• 局部页面呈现

• 活动数据框架 — ajax 通信

• 高级数据流 — 推送通信

• 完整的 JavaScript API

• 模板化

• 换肤功能

• 可访问性

布局组件

• 使用区域布置页面

• 在运行时更改页面布局• 拆分器

• Accordion 控件

• 显示详情

• 高级布局• 选项卡

• 信息板

• 边框

常用组件

常用组件

• 输入/输出组件• 文本项、复选框、单选按钮、日期

• 选择组件• 单选、多选、组合框、LOV、移动按钮

• 表和树

• 导航组件

• 其他• 进度条

• 路径式导航栏……

一些更高级的组件

日历 查询

Carousel

操作组件

• 消除 JavaScript 编码：

• 拖放

• 自动提示

• 弹出

• 轮询

• 验证器

• 监听器

• 转换器

• 导出

• 打印

图形

• 50 种类型的图

• Flash 或 PNG 呈现

• 交互性：缩放、滚动、时间选择器窗口、行和图例说明突出显示/褪色显示、动态参考行和区域

仪表

• 刻度盘：标准和阈值

• 状态仪表：标准和阈值

• LED

地图

• 在地图上表示业务数据

• 支持在单个地图上叠加多层信息

• 可用的地图类型包括：• 专题图

• 饼图

• 条形图

• 点状图

数据透视表

• 行边或列边上的多层数据标签

• 自动计算小计和总计

• 拖放透视

• 支持钻探和编辑

甘特图

• 按时间跟踪任务和资源

• 甘特图类型• 项目甘特图

• 调度甘特图

• 资源甘特图

层次查看器

• 钻探

• 更改布局

• 缩放

• 卡片

• 弹出

<在此处插入图片>

ADF Faces 框架功能

声明式局部页面呈现 (PPR)

局部页面呈现：

• 允许只刷新一个页面的局部内容

• 可通过声明或编程方式实现

触发组件：id="zipcode"

autosubmit="true"

目标组件：partialTriggers="zipcode"

JavaScript API

• 通过客户端 JavaScript 与 ADF Faces 组件交互

• 允许您获得组件的客户端表示

• 捕获事件并在客户端做出响应

• 通过客户端 JavaScript 代码调用服务器端事件

• 作为一项规则 — 应尽可能减少此特性的使用

模板

• 可重用的 ADF Faces 页面，包含用于自定义页面内容的占位符

• 在运行时对模板进行解释

• 作者无需打开应用程序本身，即可更改现有应用程序的模板

• 模板可以有自己的 ADF 绑定文件

• 模板可以接受参数，以便从继承的页面向模板传递信息

声明式组件

• 从其他组件构建组合组件

• 可以使用属性、方法和 facet 自定义行为

• 打包组件以便在其他应用程序中重用

换肤功能 — 自定义外观

• 皮肤控制组件的标准外观

• 使用 CSS 定义

• 控制字体、颜色和图像

• 扩展现有皮肤，覆盖特定键

• 可在运行时更改皮肤选择

议题

• 比较：新旧对比

• JDeveloper 提供的优势

• JSF 概述

• ADF Faces 富客户端组件• 布局组件

• 常用组件

• 操作组件

• DVT 组件

• OEPE

OEPE 11g (11.1.1.7) 的新特性• ADF 工具

• 使用 WLS 10.3.4 和 Eclipse 配置和安装 JRF

• 安装到现有 WLS 之中• ADF 域模板• 运行并部署到远程和本地 WLS

• ADF 项目配置和模板• Oracle 应用程序项目• 项目 Facet

• ADF 共享库• ADF Faces 设计时工具

• 全新 ADF 页面模板• 支持 ADF Faces 和 DVT 的面板• 适用于 ADF 标记的标记删除编辑器• 为 ADF 标记启用的属性表• 适用于 ADF 的语法高亮显示、代码帮助、导航• 对 ADF Faces 的 AppXRay 支持

ADF 设计时工具• Web 页面编辑

• AppXRay 验证

• 语法高亮显示

• 代码补全和导航

• 标记和数据面板

• ADF Faces

• ADF DVT

• 智能属性表

• 轻松数据绑定

• 拖放式标记编辑器

构件

AppXRay™

表现层

组件

数据访问

外部资源

JSPCSS JSF JSTLHTMLADF

Faces

Web

服务POJO

资源包

XML

模式Java

变量

Java/Java EE

Web 服务

WebLogic Server

Spring、ORM、DB

Spring

DAO

EJB 3

JPAEclipseLink

AppXRay设计时相关性分析、验证以及可视化

41© 2010 Oracle Corporation

<在此处插入图片>

总结

• Oracle ADF Faces — 通向 RIA 的简便之路• 丰富的组件集

• 内置 Ajax

• 数据可视化

• 强大的基础框架

• 易于进行开发

在线了解更多信息 — OTN 上的JDeveloper 和 ADF

• http://oracle.com/technology/jdev

• 教程

• 演示

• 图书

• 论坛

• 方法文档

• 示例

• 更多

Oracle Press 出版的相关书籍

• Oracle 融合开发快速入门指南

• Oracle JDeveloper 11g 手册

• Oracle 融合开发人员指南

以上内容旨在概述我们产品总的发展方向。该内容仅供参考，不可纳入任何合同。该内容不构成提供任何材料、代码或功能的承诺，并且不应该作为制定购买决策的依据。此处所述有关 Oracle 产品的任何特性或功能的开发、发布以及相应的日程安排均由 Oracle 自行决定。