JSF 1.2入门，第1部分 构建基本应用程序 - 编程入门网

JSF 示例：逐步创建

本节讨论用 JSF 创建应用程序的步骤。这个示例应用程序是一个简单的计算器应用程序，它演示 JSF 技术的以下方面：

如何安排 JSF 应用程序的结构

如何配置 JSF 的 web.xml 文件

如何配置应用程序的 faces-config.xml 文件

编写托管 bean（也称为模型对象和控制器）

使用 JSP 技术构造视图

使用定制的标记库在视图根中构造组件树

对表单字段的默认检验

在后面几节中，将通过几次迭代改进这个应用程序，让它具备更多 JSF 特性。图 2 给出最终的 Calculator 示例应用程序的注解视图。在 下载 中可以获得应用程序源代码。

图 2. 最终的 Calculator 应用程序

JSF 1.2入门，第1部分 构建基本应用程序(4)

Calculator 应用程序

最初的 Calculator 示例应用程序的目标是显示一个页面，让用户输入两个数字，然后将它们相加或 相乘。

这个页面包含：

一个表单

两个文本字段

两个标签

两个错误消息位置

两个 Submit 按钮

一个结果面板

文本字段用来输入数字。标签表示文本字段的意义。错误消息位置用来显示文本字段的检验或数据转 换错误消息。有两个 JSP 页面：calculator.jsp 和 index.jsp，后者仅仅重定向到 calculator.jsp。 一个称为 Calculator 的托管 bean 作为 calculator.jsp 的模型。这个简单的示例没有控制器层。

创建应用程序：概述

为了用 JSF 构建最初的 Calculator 应用程序，需要：

在 Web 应用程序部署描述符文件（web.xml）中声明 Faces Servlet 并添加 Faces Servlet 映射

在 web.xml 文件中指定 faces-config.xml 文件

创建 Calculator 类

在 faces-config.xml 文件中声明 Calculator bean

创建 index.jsp 页面

创建 calculator.jsp 页面

这个应用程序使用以下目录结构：

+---src 　　 +---main 　　　　 +---java 　　　　 +---webapp 　　　　　　 +---pages 　　　　　　 +---WEB-INF 　　　　　　　　 +---lib

Java 代码放在 src/main/java/ 下面。web.xml 文件放在 src/main/webapp/WEB-INF 目录中。JSF 配置文件也放在 src/main/webapp/WEB-INF 下面。这个示例应用程序是用 Eclipse IDE for Java EE Developers（Eclipse JEE）创建的，这个 IDE 包含一个 JSF 项目创建向导，它会创建包含适当条目的 web.xml 文件和 faces-config.xml 文件。我假设您将使用支持 Java EE 5 的应用服务器，也就是说， 它有 JSF 和 JSTL JAR 文件。

声明 Faces Servlet 和 servlet 映射

为了使用 Faces Servlet，首先需要在 web.xml 文件中声明它，见清单 1：

清单 1. web.xml 中的 Faces Servlet 声明

<servlet> 　 <servlet-name>Faces Servlet</servlet-name> 　 <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> 　 <load-on-startup>1</load-on-startup> </servlet>

JSF 1.2入门，第1部分 构建基本应用程序(5)

这与大多数 web.xml 描述符相似，但是要让 JSF servlet 处理请求，而不是指定自己的 servlet。 对使用 <f:view> 标记（就像这个示例应用程序所做的）的 JSP 文件的所有请求必须通过这个 servlet。因此，需要添加一个映射并通过这个映射只装载启用 JSF 的 JSP 页面，见清单 2：

清单 2. web.xml 中的 Faces Servlet 路径映射

<servlet-mapping> 　 <servlet-name>Faces Servlet</servlet-name> 　 <url-pattern>*.jsf</url-pattern> </servlet-mapping> <servlet-mapping> 　 <servlet-name>Faces Servlet</servlet-name> 　

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!