第25章 WTP中进行JSF开发 《Eclipse从入门到精通》教学课件.ppt

第25章 WTP中进行JSF开发 现在越来越多的项目开始采用JSF来开发Web应用程序。WTP也提供了丰富的JSF工具集，利用JSF可以大大减轻开发Web应用的负担。本章将介绍如何使用WTP进行JSF开发。在本章，将可以学习到如何建立JSF项目，如何使用JSF的UI组件，如何使用WTP提供的可视化编辑器开发JSF。 25.1 JSF概述 首先了解一下什么是JSF，JSF可以为Web应用程序的开发带来什么好处。然后了解一下WTP中所提供的JSF功能。而最重要的，在应用JSF开发Web应用之前，还需要选择一个JSF的实现库。本节还将学习如何在Eclipse中添加JSF的实现库。 25.1.1 什么是JSF? JSF为JAVA的 Web应用用户界面的开发人员提供了标准的编程接口、丰富可扩展的UI组件库（一个核心的JSP标记库用来处理事件、执行验证以及其他非UI相关的操作和一个标准的HTML 标记库来表示 UI组件）、事件驱动模型等一套完整的Web应用框架，通过 JSF ，可以在页面中轻松自如地使用 WEB 组件、捕获用户行为所产生的事件、执行验证、建立页面导航…，当使用支持JSF的开发工具来开发 JSF 应用的时候，一切将会变得异常简单，GUI方式拖放组件、修改组件属性、建立组件间关联以及编写事件侦听器等等。 一套预制的UI组件集： 一个事件驱动的编程模型： 一个允许第三方开发者提供附加组件的组件模型： 25.1.2 下载JSF库文件 JSF只是一套模型标准，在实际应用中，还要使用第三方的JSF实现。首先从下列网址中下载JavaServer Faces RI v1.2： /javaee/javaserverfaces/download.html 从下面的网址下载JSP Standard Tag Library 1.2 implementation /repository/jstl/jars/ 25.1.3 设置JSF库文件 选择菜单Window-Preferences，打开首选项对话框，如图，选择Web/JavaServer Face Tool/Libraries。按图示的步骤添加JavaServer Faces RI v1.2库。 25.1.3 设置JSF库文件 25.2 开发JSF项目 为了使用WTP提供的JSF开发功能，需要把项目定义为JSF项目。最直接的方法就是在新建项目的时候就直接设置为JSF项目。JSF项目其实也是动态Web项目，所以一般的动态Web项目也可以在事后通过设置项目属性来添加JSF功能。下面来看一下如何新建JSF项目。 25.2.1 新建JSF项目 选择菜单New-Project，在新建向导中选择Web/Dynamic Web Project。 25.2.2 JSF项目的文件结构 按下Finish后，向导便建立一个新的项目。如图，项目的文件结构和普通Web项目一样，只是多了两个库的设置。 25.3 编辑JSF支持的JSP 25.3.1 用可视化编辑器编辑JSP 参考上一章建立JSP文件的方法，新建一个名为login.jsp的文件。WTP默认是用JSP编辑器来打开JSP文件的。关闭已经打开的login.jsp文件，如图那样，选择login.jsp文件，点击右键，在快捷菜单中选择Open With-Web Page Editor。 25.3.2 添加JSF部件 如图在部件面板中选择JSF HTML部分，把其中的Command Button拖拉到页面中间。编辑器便自动建立了相应的代码： f:viewh:form h:commandButton/h:commandButton /h:form/f:view 25.3.3 编辑JSF部件的属性 如图，在属性视图中选择Quick Edit选项卡，输入按钮的属性。其中value是按钮显示的名称，action是按钮执行的action的名称。 25.3.4 设计JSF实现的登录界面 往页面添加更多的部件。首先添加一个panelGrid。在panelGrid中添加一个文本输入框（TextInput），一个密码框（SecretInput）。文本输入框（TextInput）的value输入“#{loginB}”。 25.4 制作JSF的Bean 按照MVC的思想，JSP页面，包括应用了JSF技术的页面，只是“视图”层，仅负责界面的显示。各种控制功能以及数据的存储则由一个个Bean来实现。在这个例子中，将建立一个LoginBean，用于记录用户的登录状态。 25.4.1 使用JSF可视化配置工具 如图，双击WebContent/WEB-INF/faces-config.xml文件，可以打开JSF的可视化配置工具。选择其中的ManagedBean选项卡