在本教程中,将使用 JavaServer Faces 编程模型来创建简单的应用程序。通过使用 Java 类创建 Faces Client 数据模型并使用拖放功能将控件添加至页面,这样就能够迅速地开发高级应用程序。将构建包含以下四个组件的 JavaServer Pages(JSP)页面:三个 Faces Client 组件(“数据网格”、“树”和“图”)和一个 Faces 组件(“选项卡式面板”)。将构建的应用程序是一个简单的股票投资组合管理站点,它将以各种不同方式跟踪客户的个人股份。
所需时间
完成本教程大约需要 1 小时 45 分钟。但是,如果您愿意,可以单独完成任何模块。如果您决定在学习本教程的同时研究 Faces Client 组件的其它方面,则可能要花更长时间才能完成本教程。
先决条件
为了从头至尾完成此教程,您应该熟悉下列主题:
- 基本的 Web 设计概念(例如,Web 站点、页面、浏览器和服务器)
- 如何创建简单的静态 Web 页面
- Web 页面的元素,例如,表、超链接、表单和图像
- 数据库术语,例如,表、记录、列和字段
了解以下主题也有所帮助:
- 如何使用工作台环境的透视图和视图
- JavaServer Pages(JSP)和 JavaServer Faces 技术涉及到的概念
学习目标
该教程分为三个模块。您可以选择只完成其中一个模块或以任何顺序完成所有模块。每个模块都包含一些练习,您必须按顺序完成这些练习。
模块 1:了解 Faces Client 组件讲述了 Faces Client 组件,并且告诉您如何在 Web 应用程序中充分利用这些组件。在此模块中,您将完成下列任务:
- 了解 Faces Client
- 区分三个组件:“数据网格”、“树”和“图”
- 逐步完成使用几个 Faces Client 组件的样本应用程序
模块 2:使用数据网格讲述了如何使用“数据网格”Faces Client 组件来处理客户机端数据,而无需刷新页面。在此模块中,您将完成下列任务:
- 查看服务器端和客户机端数据
- 插入并配置“数据网格”组件
- 将组件绑定至客户机数据
- 定制各列
- 实现客户机端处理程序
- 修剪数据结构
- 在服务器上测试 JSP 文件
模块 3:添加选项卡式面板、树和图组件讲述了如何在“树”、“选项卡式面板”和“图”组件中显示数据。在此模块中,您将完成下列任务:
- 使用“选项卡式面板”Faces 组件来补充 Faces Client 组件以提供多个数据视图
- 插入并配置“树”Faces Client 组件以显示分层数据
- 插入并配置“图”Faces Client 组件以便以饼图、图表或折线图的形式显示数据
- 在服务器上测试 JSP 文件