JSF入门教程
- 格式：pdf
- 大小：313.80 KB
- 文档页数：49
下载文档原格式
合集下载
JSF详解+
1．结构：a)结构图：b) 说明：JSF以MVC模式为基础，与S truts不同，JSF的目标是希望以一个与Swing相类似的方式来开发网页，因此，从JSF的结构图当中，他的核心概念不是页面，而是控件树，也就是说，当用户提交一个请求时，JSF会先将页面上的组件先转换为与Swing当中类似的，由容器和控件组成的控件树，然后数据和事件被设置到对应的控件上，然后以一种与Swing类似的方式，来处理后续的请求。
控件树是整个JSF的核心，所有其他的一切一切都是围绕着这棵控件树展开的。
2．生命周期：a)周期图：b)说明：i.Restore View：JSF的处理核心是控件树，他会先将页面上所声明的控件转换为一棵控件树，后续的操作将在这颗控件树上进行。
为了提高性能，系统会为之前生成的控件树提供缓存。
Restore View的工作就是在缓存当中查找是否存在之前已经生成好的控件树，如果没有，则根据页面的内容，重新生成。
ii.Apply Request Values：把请求当中的数据设置到控件树当中对应的控件当中去。
iii.Process Validations：如果某一控件有配置Validator，则这些Validator将对刚设置的数据的正确性和合法性进行验证。
iv.Update Model Values：控件树上的控件更新其底层所对应的模型。
v.Invoke Application：对产生的事件进行分发。
vi.Render Response：构建作为响应的控件树。
3．UI：a)结构图：b)控件：i.说明：JSF通过标签库，提供了一些主要控件的实现。
包括标签，文本框，单选框，列表等。
由于JSF使用一种类似于UI的方式来组织组件，所以，除了基本的组件以外，还提供了一些用于布局的容器，例如面板等。
在这里有一个要注意的地方就是，一般情况下，页面的内容应该放到JSF提供的view标签里面。
ii.代码：<%@page contentType="text/html;charset=gb2312"%><%@ taglib uri="/jsf/core" prefix="f"%><%@ taglib uri="/jsf/html" prefix="h"%><html><head><title>Test</title></head><body><f:view><h:form><h:panelGrid columns="1"><h:outputLabel><h:outputText value="User ID"/></h:outputLabel></h:panelGrid></h:form></f:view></body></html>c) 事件处理：i.说明：与Struts不同，由于JSF使用以控件树为中心的方式来处理请求，所以，她提供了一种额外的类似Swing的，事件处理的方式来处理用户的输入事件。
Java EE 6 企业级应用开发教程第4章 JSF
4.1 JSF概述与实例
<!-- action 指示了提交时的动作，这里是转到welcome.xhtml页面 --> <p><h:commandButton value="Login‚ action="#{userBean.VerifyPassword}"/></p> </h:form> </h:body> 向应用提交表单 </html>
JSF Servlet
标准JSF映射
4.1 JSF概述与实例
配置文件4-2 faces-config.xml
……
<navigation-rule> <from-view-id>/login.xhtml</from-view-id> <navigation-case> <from-outcome>success</from-outcome> <to-view-id>/welcome.xhtml</to-view-id> </navigation-case> </navigation-rule> <navigation-rule> <from-view-id>/login.xhtml</from-view-id> <navigation-case> <from-outcome>failure</from-outcome> <to-view-id>/error.xhtml</to-view-id> </navigation-case> </navigation-rule>
JSF标签使用参考手册
JSF标签使用参考手册文档信息修订记录文档审核/审批（此文档需如下审核）文档分发（此文档将分发至如下各人）目录1前言51.1文档目的 (5)1.2文档范围 (5)1.3目标读者 (5)2基础标签 (6)2.1<f:view> (6)2.2<f:subview> (6)2.3<f:loadBundle> (6)2.4<h:message> (7)2.5<h:messages> (8)2.6<h:graphicImage> (9)2.7<h:outputText> (9)2.8<h:dataTable> (10)2.9<x:dataScroller> (12)2.10<h:inputText> (14)2.11<h:inputTextarea > (15)2.12<h:inputSecret > (16)2.13<x:inputCalendar > (17)2.14<h:inputHidden > (18)2.15<h:selectOneMenu> (19)2.16<h:selectOneRadio> (20)2.17<h:selectOneListbox> (21)2.18<h:selectManyListbox> (23)2.19<h:selectBooleanCheckbox> (24)2.20<f:selectItems> (24)2.21<h:outputLink> (25)2.22<h:commandButton> (26)2.23<h:commandLink> (26)2.24<x:updateActionListener> (27)2.25<x:jscookMenu> (28)3自定义标签 (30)3.1<gc:ajaxlink> (30)3.2<gc:ajaxdialog> (31)3.3<gc:inputdate> (32)3.4<gc:multLink> (33)3.5<gc:multCheck> (34)3.6<gc:multSelect> (35)3.7<gc:paginator> (36)3.8<gc:panelGrid> (37)3.9<gc: codetable> (39)3.10<gc: oneSelect> (39)3.11<gc: outputText> (40)3.12<gc: commandLink> (41)3.13<gc: commandButton> (42)3.14<gc: scrollPanelGrid> (43)3.15<gc: convertNumberFormat> (43)3.16<gc: inputCode> (44)4客户端验证标签 (46)4.1<gv: compareValidator > (46)4.2<gv: requiredfieldValidator > (47)4.3<gv: lengthValidator > (47)4.4<gv: rangeValidator > (48)4.5<gv: regularexpressionValidator > (48)4.6<gv: mustcheckedValidator > (49)4.7<gv: dateformatValidator > (49)4.8<gv: datamaskValidator > (50)4.9<gv: customValidator > (51)4.10<gv: scriptGenerator > (51)5表格分页 (52)5.1数据 (52)5.2页面 (53)6限制文本框输入 (55)7BackingBean中方法说明561 前言1.1 文档目的该文档旨在为界面开发工作组提供一套完整的JSF控件使用说明书。
10JSF高级知识.ppt
HTML组件标签-1
标签
功能
呈现的HTML
外观
column 表示在UIData组件中的 在 HTML table中的一列数据 table中的一列
一列数据
commandBu 将一个表单提交给应用 HTML <input type=type>元素，其 按钮
UI组件-JSF core标签
标签类型
事件处理 标签
属性标签 数据转换
标签 Facet 标签 本地化标
签标签Βιβλιοθήκη 功能actionListener 在父亲组件上注册一个action listener
phaseListener 在UIViewRoot组件上注册一个PhaseListener实例
setPropertyActio 注册一个特殊的事件监听器，它的唯一目的是在
换器。 一个验证器模型，定义了如何在一个组件上注册验证器。
UI组件-UI组件类
UIColumn UICommand UIData UIForm
UIGraphic UIInput UIMessage UIMessages UIOutput UIPanel
表示在UIData组件中的单列数据。 表示当激活的时候触发动作的一个控件。 表示绑定到用DataModel实例表示的数据集合上的数据。 封装了一组控件，这些控件用于将数据提交给应用，类似于
validateLength 验证标签
validateLongRange
在组件上注册一个Length Validator 在组件上注册一个LongRangeValidator
validator
在组件上注册一个自定义验证器
输出标签 verbatim
form标签 view 的容器
JSP2.0应用教程_14 Struts与JSF
•
控制器Servlet JSP自定义标记库 工具类
6
Struts组成
2013-9-1
7
安装Struts
• 下载struts-1.2.7.zip ： /download.cgi • 解压缩，三个目录：lib、webapps和 contrib • 如果在Web应用中需要使用Struts，需 要将lib/JAR文件复制到对应的Web应用 下的WEB-INF/lib目录下，并且将 lib/TLD文件复制到对应的Web应用下的 WEB-INF/tlds目录下。
– 3. 修改Web应用配置文件web.xml
• ActionServlet、建立URI请求与 ActionServlet的对应关系。
2013-9-1 10
Struts实例
– 4. 编写Struts配置文件 strutsconfig.xml – 5. 使用Struts标记库编写JSP页面 index.jsp Welcome.jsp – 6. 编写资源文件 myResource.properties
2013-9-1 13
4. 安装和配置JSF
• 下载jsf-1_1_01.zip ： /j2ee/javaserverfaces /download.html 将下载的zip文件解压缩 将解压缩得到的lib目录下的所有JAR文件 （*.jar）都复制到Web应用目录下的WEBINF\lib目录下；将解压缩得到的lib目录下的 所有TLD文件（*.tld）都复制到WEBINF\tlds目录下 将JSTL中的两个JAR文件jstl.jar和 standard.jar复制到Web应用目录下的 WEB-INF\lib目录下；将JSTL中的所有TLD 文件都复制到WEB-INF\tlds目录下
python调用jsf方法 -回复
python调用jsf方法-回复如何使用Python调用JSF方法JSF（JavaServer Faces）是一种用于构建面向Web的用户界面的Java 框架。
然而，有时我们可能需要从Python中调用JSF方法。
这篇文章将一步一步地解释如何使用Python调用JSF方法。
1. 配置Python环境和依赖项首先，确保你的计算机已经安装了Python，并且环境变量已经正确设置。
然后，使用pip安装所需的依赖项。
在命令行中执行以下命令：pip install requests这将安装requests库，这是一个用于发送HTTP请求的常用库。
2. 导入所需库在Python文件的顶部，导入所需的库。
这里，我们需要导入requests 库、json库和time库。
使用以下代码实现：pythonimport requestsimport jsonimport time3. 构建HTTP请求使用Python发送HTTP请求到JSF方法。
为此，我们需要构建一个HTTP POST请求，并在请求的主体中包含所需的参数。
下面是一个例子：pythonurl = "headers = {'Content-Type': 'application/json'}data = {'param1': 'value1','param2': 'value2'}response = requests.post(url, headers=headers,data=json.dumps(data))在上面的代码中，我们指定了JSF方法的URL和请求标头。
然后，我们使用json.dumps方法将参数转换为JSON格式，并将其作为请求的主体。
4. 检查HTTP响应使用Python处理HTTP响应。
在上一步中，我们发送了HTTP请求，并接收到了一个响应。
JavaEE5学习笔记13JSF集成Facelets使用经验总结
JavaEE5学习笔记13-JSF集成Facelets使用经验总结
刘岩
Email:
1.Facelets就像tiles、sitemesh一样，以为了JSF模板布局而提出的页面模板框架，使用
Facelets，先将项目页面的整体样式模板设计好（比如采用一般的上、中、下结构）。
之后项目的其他页面布局只需要声明采用预先定义好的布局框架即可。
使得用了最少的页面代码完成了整个系统样式的统一。
2.JSF集成facelets的准备
首先下载facelets相关的jar包，jsf-facelets.jar，在.net/就可以得到它。
就是说，凡是xhtml文件结尾的都支持可以使用定义好的facelets模板。
修改JSF配置文件，增加如下内容
此处是告诉JSF，采用FaceletViewHandler进行视图处理器，这个处理器在JSF生命周期的第1阶段和第6阶段生效。
也就是说视图创建阶段和返回响应阶段，将布局特效夹杂其中。
这样环境算是配好了。
3.模板页面
我们先定义一个模板页面，这个页面就是所有页面布局的基础，其他页面呈现出来的效果都是基于此模板页面的。
代码如下：
页面头header.xhtml
页面底部。
单线字体(JSF)字库创建说明
JSF字库的建立及使用1 JSF字库功能定义JSF字体是EZCAD软件中专用的字体，在EZCAD中用户可以自建JSF字体。
在EZCAD 的font目录下的后缀名为“.jsf”的文件是EZCAD软件专有的字体文件，每一个JSF字体文件里保存一种字体。
用户可以将预先准备好的图形设置对应的字符保存在字体文件中，然后调用。
当用户点击JSF字体后系统弹出如图1-1所示对话框.图1-1 JSF字库建立界面下面我们来介绍一下界面内各参数和功能键的作用。
“帮助”按钮：我们在使用JSF字库功能建立或修改出我们需要的字体文件之前，我们先要了解软件所识别字体的基本构成，在这里我们可以详细了解JSF字体的字架结构，点击“帮助”按钮弹出图1-2所示对话框。
图1-2 帮助界面通过图1-2我们可以看到，除了代表字符的图形的宽度和高度外，软件识别字体时还包括字体的上高、下高、左支撑宽度、右支撑宽度等等，也就是说如果我们所设计的能代表字符Q的图形是图1-2中灰色方框所划定的范围的话，那么实际上软件在识别Q的图形是图1-2中蓝色虚线所划定的范围。
其中我们所设计的图形的宽度和高度以及左支撑宽度、右支撑宽度、上高、下高都可以通过软件来进行更改。
jsf字库文件名称：指需要建立或修改的字库文件的名称。
图形对应的字符：指与当前预览框里图形相对应的字符。
载入字符数据：指从字库里提取对应字符的图形。
注意：这里所说到的字库和字符都是已经存在的。
保存字符数据：指把当前预览框里的图形替换字库里对应字符的数据，如果是新建字符则是把当前预览框里的图形保存到字库里对应字符的数据里。
比例X: 预览框里图形的X方向伸缩比例，改变此参数可以改变我们所设计的能代表字符的图形的宽度，默认值为1，增大，图形变宽；减小，图形变窄。
比例Y: 预览框里图形的Y方向伸缩比例，改变此参数可以改变我们所设计的能代表字符的图形的高度，默认值为1，增大，图形变高；减小，图形变矮。
偏移距离Y: 预览框里图形的Y方向偏移距离，默认值为0，增大，图形向上移动；减小，图形向下移动。
第12章 一个简单的JSF应用
开发步骤
创建Web工程 创建Web工程
工程名：login 工程名：login 添加对JSF 的支持：在Web 工程上右键点击， 选择 MyEclipse｜ 添加对 JSF的支持：在 Web工程上右键点击 ， 选择MyEclipse ｜ add JSF Capabilities
编写辅助bean 编写辅助bean
一种是使用MyEclipse 提供的图形化设计工具， 一种是使用 MyEclipse提供的图形化设计工具 ， 直接将相应的组件 （例如，文本框、按钮等）拖到JSP页面中； 例如，文本框、按钮等）拖到JSP页面中； 另一种方法是直接使用编辑器将对应的代码写入JSP文件中。 另一种方法是直接使用编辑器将对应的代码写入JSP文件中。
12.4 JSF标准请求处理生命周期各阶段分析 12. JSF标准请求处理生命周期各阶段分析
1) 重建视图(Restore View) ： 生成jsp视图,jsf框架将访问的*.faces转 重建视图(Restore 生成jsp视图,jsf框架将访问的* faces转
换为* jsp视图返回客户端 换为*.jsp视图返回客户端
配置辅助Bean 配置辅助Bean
在JSF应用资源配置文件faces-config.xml中配置前面定义的辅 JSF应用资源配置文件faces-config.xml中配置前面定义的辅 助 bean 。 这样 ， 页面制作人员就可以在页面上的组件标签中使 bean。 这样， 用统一EL访问bean属性。配置步骤如下: 用统一EL访问bean属性。配置步骤如下:
要求：
对页面输入的用户名称和密码进行验证， 对页面输入的用户名称和密码进行验证，要求用户名和密码不能为 空，密码的长度不少于6位。 密码的长度不少于6
JSF导航,转换器,验证器,错误处理
转换日期：<f:convertDateTime>其中的pattern属性用 于指定日期的样式，例如：yyyy-mm-dd。 转换数字：<f:number> 注意：所有转换的错误信息都保存在FacesContext对象 中，通过<f:message>可输出错误信息。
JSF自定义转换器 自定义转换器
需要实现javax.faces.convert.Converter接口， getAsObject方法用于将获取的请求参数转换成对 应的对象，getAsString用于将对象转换成对应的 字符串输出。 部署convert通过在faces-config中添加 convert faces-config <converter>元素来实现，其子节点<converterid>指定转换器的名称 <converter-class>指定转换器对应的类型 为组件指定转换器： 通过子元素<f:convert>来实现，其属性convertId 用于指定部署的convert的id。
<navigation-rule>元素
<from-view-id>规定了来源页面． 例如： <from-view-id>/index.jsp</form-view-id> <from-view-id>/*</form-view-id> <from-view-id>/pages/*</form-view-id> <from-view-id>*</form-view-id> 其中的*代表了所有的view． 在一个<navigation-rule>中只能配置一个<fromview-id>元素．
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
从UI组件开发人员的角度来看，他们可以设计通用的UI组件，让应用程序的开 发产能提高，就如同在设计Swing组件等，UI开发人员可以独立开发，只要定义好 相关的属性选项来调整细节，而不用受到网页设计人员或应用程序设计人员的干扰。
三个角色的知识领域原则上可以互不干扰，根据您的角色，您只要了解其中一 个知识领域，就可以运用JavaServer Faces，其它角色的知识领域您可以不用了解太 多细节。
3. 数据转换与验证
3.1 标准转换器 3.2 自定义转换器 3.3 标准验证器 3.4 自定义验证器 3.5 错误信息处理 3.6 自定义转换, 验证标签
4. 事件处理
4.1 动作事件 4.2 即时事件 4.3 值变事件 .4 Phase事件
JSF 入门
如果您是从使用的角度来看JSF，则您不用理会HTTP、数据转换等细节，JSF 将细节都隐藏起来了，无论您是网页设计人员或是应用程序设计人员，都可以使用 自己熟悉的方式来看JSF。
<managed-bean> <managed-bean-name>user</managed-bean-name> <managed-bean-class> erBean </managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> </faces-config>
当然，就其中一个角色单独来看，JavaServer Faces隐藏了许多细节，若要全盘 了解，其实JavaServer Faces是复杂的，每一个处理的环境都值得深入探讨，所以学 习JavaServer Faces时，您要选择的是通盘了解，还是从使用的角度来了解，这就决 定了您学习时所要花费的心力。
1. 入门
借由以下的几个主题，可以大致了解JSF的轮廓与特性，我们来看看网页设计 人员与应用程序设计人员各负责什么。
1.1 简介JSF
Web应用程序的开发与传统的单机程序开发在本质上存在着太多的差异，Web 应用程序开发人员至今不可避免的必须处理HTTP的细节，而HTTP无状态的 （stateless）本质，与传统应用程序必须维持程序运行过程中的信息有明显的违背， 再则Web应用程序面对网站上不同的使用者同时的存取，其执行线程安全问题以及 数据验证、转换处理等问题，又是复杂且难以解决的。
在<navigation-rule>中，我们定义了页面流程，当请求来自<from-view- id>中指 定的页面，并且指定了<navigation-case>中的<from-outcome>为login时，则会将请求 导向至<to-view-id>所指定的页面。
在<managed-bean>中我们可以统一管理我们的Bean，我们设定Bean对象的存活 范围是session，也就是使用者开启浏览器与程序互动过程中都存活。
另一方面，本质上是静态的HTML与本质上是动态的应用程序又是一项违背， 这造成不可避免的，处理网页设计的美术人员与程序设计人员，必须被彼此加入至 视图组件中的逻辑互相干扰，即便一些视图呈现逻辑以标签的方式呈现，试图展现 对网页设计美术人员的亲切，但它终究必须牵涉到相关的流程逻辑。
有很多方案试着解决种种的困境，而各自的着眼点各不相同，有的从程序设计 人员的角度来解决，有的从网页设计人员的角度来解决，各种的框架被提出，所造 成的是各种不统一的标签与框架，为了促进产能的集成开发环境（IDE）难以整合 这些标签与框架，另一方面，开发人员的学习负担也不断的加重，他们必须一人了 解多个角色的工作。
要使用JSF，首先您要先取得JavaServer Faces参考实现（JavaServer Faces Reference Implementation），在将来，JSF会与Container整合在一起，到时您只要下 载支持的Container，就可以使用JSF的功能。
请至 JSF 官方网站下载参考实现，在下载压缩文件并解压缩之后，将其 lib 目 录下的 jar 文件复制至您的Web应用程序的/WEB-INF/lib目录下，另外您还需要 jstl.jar 与 standard.jar 文件，这些文件您可以在 sample 目录下，解压缩当中的一 个范例，在它的/WEB-INF/lib目录下找到，将之一并复制至您的Web应用程序的 /WEB-INF/lib目录下，您总共需要以下的文件：
先看看应用程序开发人员要作些什么事，我们编写一个简单的JavaBean： • UserBean.java
package onlyfun.caterpillar; public class UserBean {
private String name; public void setName(String name) {
JavaServer Faces的提出在试图解决这个问题，它试图在不同的角度上提供网页 设计人员、应用程序设计人员、组件开发人员解决方案，让不同技术的人员可以彼 此合作又不互相干扰，它综合了各家厂商现有的技术特点，由Java Community Process（JCP）团队研拟出来的一套标准，并在2004年三月发表了JavaServer Faces 1.0 实现成果。
• web.xml <?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="/xml/ns/j2ee"
xmlns:xsi="/2001/XMLSchema-instance" xsi:schemaLocation="/xml/ns/j2ee /xml/ns/j2ee/web-app_2_4.xsd" version="2.4"> <description> JSF Demo </description> <display-name>JSF Demo</display-name> <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet </servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping>
从网页设计人员的角度来看，JavaServer Faces提供了一套像是新版本的HTML 标签，但它不是静态的，而是动态的，可以与后端的动态程序结合，但网页设计人 员不需要理会后端的动态部份，网页设计人员甚至不太需要接触JSTL这类的标签， 也可以动态的展现数据（像是动态的查询表格内容），JavaServer Faces提供标准的 标签，这可以与网页编辑程序结合在一起，另一方面，JavaServer Faces也允许您自 定义标签。
* jsf-impl.jar * jsf-api.jar * commons-digester.jar * commons-collections.jar * commons-beanutils.jar * jstl.jar * standard.jar
接下来配置Web应用程序的web.xml，使用JSF时，所有的请求都通过FacesServlet 来处理，您可以如下定义：
</head> <body> <f:view> <h:form> <h3>请输入您的名称</h3> 名称: <h:inputText value="#{}"/><p> <h:commandButton value="送出" action="login"/>
<?xml version="1.0"?> <!DOCTYPE faces-config PUBLIC
"-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN" "/dtd/web-facesconfig_1_0.dtd"> <faces-config> <navigation-rule> <from-view-id>/pages/index.jsp</from-view-id> <navigation-case> <from-outcome>login</from-outcome> <to-view-id>/pages/welcome.jsp</to-view-id> </navigation-case> </navigation-rule>
JSF入门教程
1.入门
1.1 简介JSF 1.2 第一个JSF程序 1.3 简单的导航 Navigation 1.4 导航规则设置 1.5 JSF Expression Language 1.6 国际化信息
2. Managed Beans
2.1 Backing Beans 2.2 Beans的配置与设定 2.3 Beans上的List, Map
在上面的定义中，我们将所有.faces的请求交由FaceServlet来处理，FaceServlet 会唤起相对的.jsp网页，例如请求是/index.faces的话，则实际上会唤起/index.jsp网页， 完成以上的配置，您就可以开始使用JSF了。