关于本教程

本教程将引导你使用Java Server Faces(JSF)创建主/详界面。Appfuse中使用了MyFaces的JSF实现，但是你也可以使用其他1.1以上的JSP实现。列表（也即主要）界面，必须具有按照列排序，每次显示25条记录功能。表单（详细）界面将使用漂亮的CSS风格（借鉴Wufoo）的布局。你也可根据你的经验来配置客户和服务端验证。

本篇教程假定你已经使用*appfuse-basic-jsf*原型创建了一个项目，并已经完成了Persistence和Services教程。如果你使用的是*appfuse-modular-jsf*原型，请将_web_模块作为你工作的根目录。如果你创建你项目时候选择了其他非JSP的web框架,你可能会对本教程内容感到难以理解，也无法正常运行教程内容。

目录

1. JSF介绍
2. 创建PersonListTest
3. 创建PersonList类用来保存人数据
4. 创建persons.xhtml 用来显示查询结果
5. 为edit(), save() and delete()方法创建PersonFormTest和PersonForm
6. 创建personForm.xhtml用来编辑一个用户数据
7. 配置数据校验部分、
8. 创建Canoo WebTest来测试浏览器操作
9. 将链接添加到菜单

源代码 本教程的源代码是Google Code上的appfuse-demos项目中"tutorial-jsf"模块。你可以使用以下命令从Subversion中取得： svn checkout http://appfuse-demos.googlecode.com/svn/trunk/tutorial-jsf

JSF介绍

JavaServer Faces (JSF)是一个基于组件，事件驱动的web框架，按照Sun公司的JSF Overview 表明，JSF 技术包含以下方面：

• 一组表现层UI控件，含控件状态，事件处理，输入确认，页面导航配置，国际化支持和访问的功能。
• 一个在JSP页面中表现JSF接口的JSP的自定义标签库

下图为基于JSF的web应用的框架