当前位置：文档之家 › JSF第3章

JSF第3章

  • 格式：ppt
  • 大小：414.50 KB
  • 文档页数：46

下载文档原格式

  / 46

合集下载

JavaScript程序设计(第2版)第3章01.HTML文档基础

JavaScript程序设计(第2版)第3章01.HTML文档基础
<标记>内容</标记>
其中“内容”部分就是要被这对标记起作用的部分，例如在页面中显示出X的平方， 可以通过<sup></sup>标记来实现。 例3-1 新建一个HTML文件，在其中编写如下代码，然后保存为该文件。
<html> <head> <title>双标记</title> </head> <body> 输出X的平方：X<sup>2</sup> </body> </html>
<style type="text/css"> <!-.STYLE1 { color: #FF0000; font-weight: bold; }
-->
</style> </head> <body> <h1 align="center">我的梦想</h1> <p align="center" class="STYLE1">美丽的西双版纳是我梦想的地方</p> </body>
在上面的语法中，所有属性必须在开始标记的尖括号“<”中编写，各属性之间使用空格分隔 ，无先后次序之分，属性也可省略（即取默认值）。属性值需要使用双引号（“”）标注。
例3-3 使用单标记<HR>在页面中画一条水平线，并设置其size属性、noshade属性、width属 性和color属性。size属性表示水平线的粗细，noshade属性表示将水平线的阴影去掉，水平线默认 为空心带阴影的立体效果，color属性表示水平线的颜色，width属性表示为水平线的宽度。

JSF标签详解

JSF标签详解

大多数Java Web 框架一样，JSF 应用配置是通过XML 文件处理的，该文件通常称为faces-config.xml 。

在这个文件中，你可以配置应用所支持的场所、受管bean 、导航规则以及替换可插入的JSF 类。

你还可以在此文件中配置 UI 扩展（组件、呈现器、验证器以及转换器）和其他高级特征。

所有这些东西都可以在代码中设置，虽然这样做通常只在动态场合下才有用。

如果你不喜欢编辑XML 文件，可以用工具来进行。

有一个免费的配置文件编辑器叫做Faces Console ，它可以插入到许多流行的IDE 之中，也可以作为单独的程序运行。

Exadel 也提供了一个可以作为Eclipse plugin 的JSF Studio 产品，可以简化配置、导航和其他内容的编辑。

此外，大多数IDE 也对配置的某些部分甚至全部方面提供了可视化编辑器。

JSF Central 社区站点维护着一个JSF 工具的产品目录。

JSF 可以支持多个配置文件。

默认情况下，它会查找文件名为WEB-INF/faces-config.xml 的文件，并且这里实际上也是放置大部分应用配置的地方。

还可以通过javax.faces.CONFIG_ FILESS 上下文参数指定额外的配置文件，这个参数在想要将你的配置进行分割以便易于维护时是很有用的。

例如，两个不同的团队可能工作于具有不同配置文件的不同模块。

JSF 也要在JAR 文件（或者其他任何资源路径）中搜索名为META-INF/faces-config.xml 的配置文件；这将允许你或者第三方能够创建组件、呈现器、验证器、转换器的库，并且它们可以被你的应用自动注册。

所有应用配置文件都必须引用JSF 配置的文档类型定义（DTD ）：（如果你使用的是JSF 1.0，URI 将是“/dtd/Web-facesconfig_1_0.dtd ”）。

图D-1解释了配置文件的基本结构。

下面的小节详细解释了DTD 的每个元素。

JSF1教程

JSF1教程

JSF标签系列教程(一) JSF 标准标签[日期：2008-07-05] 来源：作者：志伟JSF标签系列教程(一) JSF 标准标签JSF提供了标准的HTML Rende rer Kit，可以让您搭配JSF元件输出HTML文件，标准的HTML Re nderer Kit主要包括了几个类别：输出（Outp uts）其名称以outp ut作为开头，作用为输出指定的讯息或绑定值。

输入（Inp uts）其名称以input作为开头，其作用为提供使用者输入栏位。

命令（Commands）其名称以command作为开头，其作用为提供命令或连结按钮。

选择（Selections）其名称以select作为开头，其作用为提供使用者选项的选取。

其它包括了form、message、messages、graphic Image等等未分类的标籤。

JSF标准HTML标籤包括了几个共通的属性，整理如下：属性名称适用说明id 所有元件可指定id名称，以让其它标签或元件參考binding 所有元件綁定至UIComponentrendered 所有元件是否显示元件styleClass 所有元件设定Cascading stylesheet (CSS)value 输入、输出、命令元件设定值或绑定至指定的值valueChangeListener 输入元件设定值变事件处理者converter 输入、输出元件设定转换器validator 输入元件设定验证器required 输入元件是否验证必填栏位immediate 输入、命令元件是否为立即事件除了共通的属性之外，您还可以在某些元件上设定标籤HTML 4.0 1的属性，像是size、alt、width等属性，或者是设定DHTML事件属性，例如oncha nge、o nclick等等。

除了JSF的标准HTML标籤之外，您还需要一些标准核心标籤，这些标籤是独立于Renderer Kit的，JSF并不限制在HTML输出表示层，核心标籤可以搭配其它的Renderer Kit来使用。

JSF框架应用第三章

JSF框架应用第三章

SSOFT V2.0
JSF标签简介
• JSF最核心的特征就是对 组件的支持 最核心的特征就是对UI组件的支持 最核心的特征就是对 • 也是它与其他很多 也是它与其他很多Web开发框架有别之处 开发框架有别之处 • JSF本身提供了支持典型的 本身提供了支持典型的HTML UI的标准 本身提供了支持典型的 的标准 组件。 组件。 • JSF提供了标准的 提供了标准的HTML Renderer Kit，可 提供了标准的 ， 以让您搭配JSF组件输出 组件输出HTML文件 以让您搭配 组件输出 文件
SSOFT V2.0
总结
• • • • • • JSF标签简介 标签简介 输入输出类标签 命令类标签 选择类标签 其他标签 表格处理标签
SSOFT V2.0
作业
• 简述 简述JSF中用于绘制表单的几个常用标签。 中用于绘制表单的几个常用标签。 中用于绘制表单的几个常用标签 • 简述 简述<f:selectItems>标签的用法。 标签的用法。 标签的用法 • <h:panelGrid>标签解析后最后生成的 标签解析后最后生成的 HTML标签是什么？ 标签是什么？ 标签是什么 • 简述如何使用 简述如何使用<h:dataTable>标签和 标签和 <h:column>标签显示表格数据。 标签显示表格数据。 标签显示表格数据 • <f:facet>标签的 标签的name属性如何取值，分别 属性如何取值， 标签的 属性如何取值 表示什么含义？ 表示什么含义？
commandLink ：产生超链接，会输出<a> HTML标签，而href属性会有'#'， 而onclick属性会含有一段JavaScript程序，这个JavaScript的目的是按下链 接后自动提交表单 <h:commandLink> <h:outputText value="welcome"/> <f:param name="locale" value="zh_CN"/> </h:commandLink>

第3章(535)教材配套课件

第3章(535)教材配套课件

第3章 JavaScript事件处理
</script> <input type="text" value="Welcome to JavaScript world!" onblur="MyBlur()" onfocus="MyFocus()" onchange="MyChange()" onselect="MySelect()" />
第3章 JavaScript事件处理
3.2 什 么 是 事 件
广义上讲，JavaScript中的事件是指用户载入目标页面 直到该页面被关闭期间，浏览器的动作及该页面对用户操作 的响应。事件的复杂程度大不相同，简单的如鼠标的移动、 当前页面的关闭、键盘的输入等，复杂的如拖曳页面图片或
单击浮动菜单等。
对象的事件处理器中。考察如下代码：
<a href="/" onclick="javascript:alert('You have Clicked the link! ')"> MyLinker </a>
第3章 JavaScript事件处理
上述代码为“MyLinker”文本链接定义了一个 Click 事件的处理 器，返回警告框“You have Clicked the link!” 。 同样，也可将该事件处理器独立出来，编成单独的函数来 实现同样的功能。将下列代码加入文档的<body>和</body>标记 对之间：
弹出警告框如图3-3所示。
图3-3
第3章 JavaScript事件处理
当该页面失去焦点时，触发window.blur事件，弹出警

jsf教程

jsf教程

下面是组成图2中展示的应用程序的其他文件列表：
* WEB-INF/web.xml
* WEB-INF/classes/com/sabreware/listeners/SimpleContextListener.java
* WEB-INF/classes/com/sabreware/appHandlers/SimpleApplicationHandler.java
* /index.html
* /index.jsp
示例1列出了部署描述符(deployment descriptor)(WEB-INF/web.xml)。
示例1. WEB-INF/web.xml
<?xml version="1.0"?>
<!DOCTYPE web-app PUBLIC
在Apply Request Values阶段，JSF实现在组件树中的组件上进行迭代(iterate)，并调用每个组件的decode()方法。该方法从请求中提取信息并将其存储在该组件中。作为一种选择，组件也可委托呈现程序(renderer)来做解码工作。
在Apply Request Values阶段，除了解码请求信息之外，组件及其呈现程序可能创建请求事件。通常，请求事件会以信号显示出一个或更多的组件的可见的状态改变。例如，单击树形控件的一个节点就可以展开该树的一个分支。另外，一个组件中的事件可能会更新其他组件的可见表示。例如，单击树中的一个叶节点，可能使一个相关的列表改变其内容并重新显示。不管是哪种情况，都会生成一个请求事件并将事件添加到JSF上下文中。
Lifecycle lifecycle = factory.getLifecycle(LifecycleFactory.DEFAULT_LIFECYCLE);

JSF教程

JSF教程
1. 建立 JSP 页面，用 JSF 组件包装 HTML 元素。 2. 写一个 JavaBean 用来保持用户输入与组件数据的状态。 3. 写一个事件侦听器来决定当某事件发生时应该有什么反映，比如 用户点击了一个按钮或者提交了表单。 4. JSF 支持两个事件：ActionEvent 与 valueChangeEvent 。 ActionEvent 是针对用户提交表单与点击按钮的，而 valueChangeEvent 是当一个 JSF 组件改变了时触发。
JSF运行时分析 运行时分析
• 每当用户做任何事情，如点击按钮或者提交表单， 每当用户做任何事情，如点击按钮或者提交表单， 都有事件产生。 都有事件产生。 • 然后事件消息通过 HTTP 传到服务器上的 传到服务器上的JSF引 引 擎 • Faces servlet引擎通过分析请求，从用户的请求 引擎通过分析请求， 引擎通过分析请求 中获取JSF组件上对应的 组件上对应的Bean数据并做处理 中获取 组件上对应的 数据并做处理
JSF运行时的重要对象 运行时的重要对象
• JSP 页面包含 JSF 组件用来描述 WEB 控件，如表单、输 控件，如表单、 入框、按钮等等。组件可以嵌入另一个组件中， 入框、按钮等等。组件可以嵌入另一个组件中，正如输入框 可以在表单中。 页面就这样表示为JSF组件树。 组件树。 可以在表单中。每个 JSP 页面就这样表示为 组件树 • Managed Beans 从用户的请求中获取数据并存储 • 为了捕获组件产生的事件，需要为这个组件写一个侦听器， 为了捕获组件产生的事件，需要为这个组件写一个侦听器， 并把它注册给这个组件。 并把它注册给这个组件。通过在表示组件的客户端标签中嵌 元素能做到这一点。 入 <action_listener> 元素能做到这一点。 • 在服务器端，有一个配置了叫做 Faces servlet 的特殊 在服务器端， servlet 的 WEB 引擎容器。 引擎容器。 • 另一个重要的对象是 javax.faces.context. FacesContext, 它包括了所有关于当前用户请求的必要信息。 它包括了所有关于当前用户请求的必要信息。

JSP实用教程(第三版)》课后答案

JSP实用教程(第三版)》课后答案

《JSP实用教程（第三版）》课后答案第1章 JSP简介1.安装Tomcat引擎的计算机需要事先安装JDK吗答：需要。

2.怎样启动和关闭Tomcat服务器答：bin目录下使用启动Tomcat服务器。

bin目录下使用关闭Tomcat服务器。

3. 和是否是相同的JSP文件名字答：不是4. 请在D:\下建立一个名字为water的目录，并将该目录设置成一个Web服务目录，然后编写一个简单JSP页面保存到该目录中，让用户使用虚拟目录fish来访问该JSP页面。

答：设置方法:①建立D:\ water目录;②修改文件,在</host>上一行添加:<Context path="/fish" docBase="D:\ water" debug="0" reloadable="true"/>③使用fish /访问页面.5. 假设Dalian是一个Web服务目录，其虚拟目录为moon。

保存在Dalian的子目录sea中。

那么在Tomcat服务器（端口号8080）所在计算机的浏览器键入下列哪种方式是访问的正确方式A． B. D. 答：D6．如果想修改Tomcat服务器的端口号，应当修改哪个文件能否将端口号修改为80答：修改Tomcat服务器的conf目录下的主配置文件可以更改端口号.若Tomcat服务器上没有其它占有80端口号的程序，可以将其修改为80，否则不能。

第2章JSP语法1.＂<%!＂和＂%>＂之间声明的变量与＂<%＂和＂%>＂声明的变量有何不同答:＂<%!＂和＂%>＂声明的变量为类的成员变量,其所占的内存直到Tomcat服务器关闭才释放.＂<%＂和＂%>＂为类方法中声明的局部变量,仅在JSP页面后继的程序片及表达式中有效.2. 如果有2个用户访问一个JSP页面,该页面中的Java程序片将被执行几次答:2次(当有一个用户访问JSP页面,JAVA程序片就被访问一次).5. 假设有两个不同用户访问下列JSP页面,请问第一个访问和第二个访问页面的用户看到的页面的效果有何不同<%@ page contentType="text/html;charset=GB2312" %><%@ page isThreadSafe="false" %><BODY><HTML><%! int sum=1;void add(int m){sum = sum +m;}%><% int n =100;add(n);%><%=sum%></BODY></HTML>答:第一个客户看到结果是101;第二个客户看到结果是201;6. 请编写一个简单的JSP页面，显示英文字母表。

JSF运行流程简介

JSF运行流程简介

JSF运行流程简介1. 概述JSF（JavaServer Faces）是一个用于构建Web用户界面的Java规范。

它提供了一种组件化的方法来构建用户界面，使开发人员可以更轻松地开发复杂的Web应用程序。

在本文中，我们将介绍JSF的运行流程，包括请求处理、生命周期和渲染过程。

2. 请求处理当用户访问一个使用JSF构建的页面时，请求会被发送到一个Servlet，该Servlet负责将请求交给JSF的核心处理器：FacesServlet。

FacesServlet是JSF应用程序的入口点，它负责将请求路由到正确的JSF组件以及处理各种生命周期事件。

3. 生命周期JSF的生命周期分为六个阶段，每个阶段都有不同的功能，确保页面的正确渲染和数据处理。

以下是JSF的六个生命周期阶段：3.1 Phase 1: Restore View在这个阶段，JSF会尝试还原视图状态，即将之前页面的状态还原到当前页面。

如果是第一次访问页面，则会创建一个新的视图。

3.2 Phase 2: Apply Request Values在这个阶段，JSF会将请求的参数值应用到组件模型中，以便在后续阶段中继续处理这些值。

3.3 Phase 3: Process Validations在这个阶段，JSF会校验用户输入的数据，并记录任何校验错误，以便后续显示给用户。

3.4 Phase 4: Update Model Values在这个阶段，JSF会将输入数据更新到模型中，确保模型中的数据与用户界面保持同步。

3.5 Phase 5: Invoke Application在这个阶段，JSF会调用任何需要在后台执行的业务逻辑，并根据之前阶段的处理结果确定接下来的操作。

3.6 Phase 6: Render Response在这个阶段，JSF会将视图渲染为HTML，并将其返回给客户端，完成请求的处理过程。

4. 渲染过程在JSF的渲染过程中，每个组件都会根据自身的属性和状态进行渲染，最终生成HTML。

江苏省农村土地承包经营权流转合同(示范文本)(JSF-)

江苏省农村土地承包经营权流转合同(示范文本)(JSF-)

江苏省农村土地承包经营权流转合同（示范文本）（JSF-）第一章总则第一条合同目的本合同旨在规范江苏省农村土地承包经营权的流转行为，保护土地经营者的合法权益，促进农村土地资源的优化配置和农业生产的持续发展。

第二条适用范围本合同适用于江苏省农村土地承包经营权的流转行为，包括土地承包经营权的出让、转让、转包和租赁等。

第三条合同性质本合同为民事合同，合同双方在自愿、平等的基础上达成协议，并依法享有相应的权利和承担相应的义务。

第二章合同的内容第四条合同主体本合同由土地流转方（以下简称“出让方”）和土地接受方（以下简称“承包方”）共同订立。

第五条流转条件1.出让方必须取得相应的农村土地承包经营权；2.承包方必须符合当地土地流转政策规定的条件，并具备相应的经营能力和资质。

第六条流转方式本合同所述的土地承包经营权流转方式包括：1.出让：出让方将土地承包经营权全部或部分转让给承包方，承包方取得相应的经营权；2.转让：承包方将自己取得的土地承包经营权全部或部分转让给第三方，第三方取得相应的经营权；3.转包：承包方将自己取得的土地承包经营权授权给第三方经营，第三方按约定给予承包方相应的经济补偿；4.租赁：出让方将土地承包经营权租赁给承包方，承包方获得在一定期限内经营土地的权利。

第七条流转期限1.出让方式流转的土地承包经营权的期限由双方协商确定；2.租赁方式流转的土地承包经营权的期限为租赁合同约定的期限。

第三章合同的签订与履行第八条合同签订1.本合同应由双方当事人亲自签字并加盖公章；2.双方当事人应提供相关证件和证明材料，并保证所提供的信息的真实性、合法性和有效性。

第九条合同履行1.双方应按合同约定的方式和期限履行合同义务；2.承包方应按照合同约定使用土地、依法缴纳土地承包费用，并承担农业生产经营的风险和责任；3.出让方应按照合同约定向承包方提供土地承包证明和相应的支持和保障。

第十条合同变更和解除1.合同双方一致同意的，可以变更合同内容；2.合同的解除应经双方协商一致，并按照法律法规的规定办理解除手续。

JSF在Web开发中的应用

JSF在Web开发中的应用
广泛的采用，包括SUN，Oracle，IBM，BEA， Apache，EDS
作为JavaEE 5.0的组成部分 大型第三方组件市场（iLog, Business
Objects, Oracle, Sun, IBM) 业内领先的工具支持（Sun Java Studio
Creator, NetBeans，Oracle JDeveloper, IBM WSAD, BEA Workshop, Exadel Studio)
<title>第一个JSF程序</title> </head> <body>
<f:view> <h:form> <h3>请输入您的名称</h3> 名称: <h:inputText value="#{}"/><p> <h:commandButton value=“提交" action="login"/>
Managed-Bean JSP页面 Pages Navigation
JSF应用一：输入页面
<!-- 开始使用JSF的视图输出 --> <f:view>
<!-- 输出国际化资源文件中的国际化信息 --> <h:outputText value="#{msg.loginHeader}"/> <!-- 输出login Bean的err属性 --> <b><h:outputText value="#{login.err}"/></b> <h:form id="loginForm">

JSF实战

JSF实战

本章内容l JSF是什么，不是什么l 基础技术（HTTP、servlet、portlet、JavaBean以及JSP）l JSF与现有的Web开发框架的关系l 构建简单的应用程序欢迎阅读本书。

JSF（JavaServer Faces），或简称Faces，通过将丰富的、强大的UI组件（如文本框、列表框、分页面板和数据网格等）的支持引入Web开发领域，使得Web开发更加容易。

目前，JSF已经正式成为JavaEE的一个组成部分。

本书将帮助你了解JSF到底是什么，它如何工作，以及现在怎样将它应用到项目之中。

1.1 这是RAD化的世界前Web时代的一个流行词汇是快速应用开发（Rapid Application Developm ent，简称RAD）。

RAD 的主要目标是使你能够使用大量可重用的组件来构建强大的应用程序。

如果曾用过诸如Visual Basic、PowerBuilder或者Delphi之类的工具，你就知道它们对提高软件开发的生产率来说是一个极大的飞跃。

我们第一次能够很容易地开发复杂的UI并将其与数据源进行集成。

你可以从组件面板拖出应用部件（UI控件或者其他组件），然后放到应用中。

这些组件都有它们自己的、影响其自身行为的属性（例如，font是所有显示文本的控件的公共属性；而数据网格则具有表达其数据存储源的dataSource属性）。

这些组件会产生一组事件，而事件处理函数则定义UI与应用的其他部分之间的交互。

你可以在集成开发环境（IDE）中直接访问它们，还可以很方便地在设计视图和代码视图之间进行切换。

RAD工具最适于开发全面完整的应用，同时它们对开发快速原型也是十分有用的，因为它们只需要很少代码甚至不需要代码就可以快速地创建UI。

另外，不管是对经验丰富的程序员还是新手来说，较低的门槛都能使他们立竿见影地得到开发结果。

这些工具通常分为四层：l 基础组件架构；l 标准部件；l 应用基础设施（application infrasturcture）；l 工具自身。

第3章 深入使用JSF

第3章 深入使用JSF
经典Java EE课程
段鹏松
第3章 深入使用JSF
课程目标
了解JSF的事件机制 掌握JSF 的国际化文件配置 掌握JSF的类型转换 掌握JSF的校验器用法
目录
• • • • • • JSF事件机制 JSF的国际化支持 使用转换器完成类型转换 自定义转换器 使用验证器进行输入校验 自定义校验器
目录
• • • • • • JSF事件机制 JSF的国际化支持 使用转换器完成类型转换 自定义转换器 使用验证器进行输入校验 自定义校验器
JSF提供的国际化支持
• 静态内容国际化 • 错误消息国际化 • 动态数据国际化
加载国际化资源文件
• JSF同样允许使用两种国际化资源文件
– 使用*.properties国际化资源文件 – 使用*.class类文件作为国际化资源文件
– Java需要单独的监听器类，JSF只要方法签名就行
• 为了向UI组件注册事件监听器，JSF提供了如下 自定义标签：
– <f:actionListener.../> – <f:valueChangeListener.../> – <f:phaseListener.../>
JSF中事件的分类
• Action事件
浏览器 字符串
转换
后台处理 各种类型
类型转换器的分类
• 转换器（Converter）协助模型与视图之 间的数据转换。
– 标准（内置）转换器
自动类型转换
– 自定义转换器
用户手动定义转换器
使用自动类型转换器
• 使用方式
– 自动使用（当把组件的值或组件本身绑定到托 管Bean的属性时） – 通过专用标签使用
动态数据国际化

jsf用法 -回复

jsf用法 -回复

jsf用法-回复JSF（JavaServer Faces）是一个MVC（Model-View-Controller）架构的Java Web应用程序框架，用于构建用户界面。

它提供了一组丰富的组件和标签库，使开发人员能够轻松创建可重用、可扩展和易于维护的Web 界面。

在本文中，我们将一步一步回答关于JSF的用法。

第一步：环境设置与配置要开始使用JSF，我们首先需要安装Java开发工具包（JDK）和Eclipse IDE （集成开发环境）。

确保JDK已正确安装并配置了环境变量，并在Eclipse 中安装了JSF插件。

第二步：创建JSF项目在Eclipse中，我们可以使用JSF项目向导来创建一个新的JSF项目。

选择“File -> New -> Other”菜单项，并从弹出对话框中选择“JSF Project”。

输入项目的名称和位置，并选择适当的JSF版本。

第三步：定义面板页面在JSF中，界面由一系列的面板组成。

可以使用标准HTML标记或JSF组件标记来定义这些面板。

在页面的顶部，我们需要添加JSF命名空间的声明，如下所示：<html xmlns="xmlns:h="xmlns:f="然后，我们可以使用`<h:body>`标签来定义页面的主体内容。

在这个标签内，我们可以使用各种JSF组件来构建用户界面。

第四步：添加JSF组件JSF提供了各种组件，如输入框、按钮、表格等。

我们可以使用这些组件来创建用户友好的界面。

下面是几个常见的JSF组件的示例：- `<h:inputText>`：用于显示和接收文本输入的组件。

- `<h:commandButton>`：用于触发动作的按钮组件。

- `<h:dataTable>`：用于显示数据的表格组件。

这些组件的属性和事件可以通过JSF标签的属性和监听器来自定义和处理。

第五步：管理数据与业务逻辑在JSF中，我们可以通过使用Managed Bean来管理数据和业务逻辑。

JSF标签使用参考手册

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控件使用说明书。

JavaScript高级程序设计（第3版）笔记——chapter3：基本概念（函数部分）

JavaScript高级程序设计（第3版）笔记——chapter3：基本概念（函数部分）

JavaScript⾼级程序设计（第3版）笔记——chapter3：基本概念（函数部分）3.7函数3.7.1 理解参数ECMAScript 函数不介意传递进来多个参数，也不在乎传递进来的参数是什么数据类型。

因为在 ECMAScript 中的参数在内部是⽤⼀个数组来表⽰的。

在函数体内可以通过arguments对象来访问这个参数数组，从⽽获取传递给函数的每⼀个参数。

命名的参数只提供便利，但不是必需的。

arguments 对象可以与命名参数⼀起使⽤。

arguments对象为⼀个类数组。

arguments对象的值永远与对应命名参数的值保持同步。

不过，这并不是说读取这两个值会访问相同的内存空间。

它们的内存空间是独⽴的，但它们的值会同步。

arguments对象的长度有传⼊的参数的个数决定，不是由定义函数时的命名参数的个数决定的。

没有传递值的命名参数将⾃动被赋予undefined值。

ECMAScript 中所有的参数传递的都是值，不可能通过引⽤传递参数。

arguments对象与命名参数的关系：1function say_hello(var1, var2, var3) {2var len = arguments.length;3 alert(len);4for (i in arguments) {5 alert(arguments[i]);6 }7 alert(var1);8 alert(var2);9 alert(var3);10 }1112 say_hello(); //0, undefined, undefined, undefined13 say_hello("first"); // 1, first, first, undefined, undefined14 say_hello("first", "second", "third"); // 3, first, second, third, first, second, third15 say_hello("first", "second", "third", "forth");// 4, first, second, third, forth, first, second, third1function say_hello(var1, var2, var3) {2for (i in arguments) {3 arguments[i] = "change";4 }5 alert(var1 + var2 + var3);6 }78 say_hello(1,2,3); //changechangechange3.7.2 没有重载没有函数签名，真正的重载是不可以做到的。

JSF学习笔记

JSF学习笔记

Jsf学习笔记系列（一）Tag：jsf学习入门第一课Core的作者说你可以把JavaServer Faces(JSF)看成“swing for server-side applications”，我想这是因为：1、JSF里面定义了很多可用的UI部件（用户可自定义）。

2、JSF有消息驱动机制。

要用JSF，除了JDK和Tomcat（servlet container）之外，还要下载一个JavaServer Faces reference implementation，要用到里面的lib，现在sun 网站上有1.1的版本。

一个简单的开发例子：1、建立一个目录，这个目录是部署这个应用的单元（打包成.war)，比如sample。

2、在这个目录下放置jsp页面。

3、在此目录下建立WEB-INF目录，在其中放置faces-config.xml和web.xml。

4、在WEB-INF目录下建立class和lib目录。

5、将bean的java code以包的形式放在class目录下（并且将它们编译）。

6、将必要的.jar放在lib目录下。

7、制作.war: jar cvf sample.war。

8、将.war放到tomcat/webapps下接着就可以用http://localhost:8080/sample来访问了。

再分别把具体的东西解释下：1、必要的jar有六个，你可以像上面那样放到.war里，也可以直接将他们放到tomcat/common/lib中，而且这样的话，你就不必在每个.war中包含它们 :jsf/lib/jsf-api.jarjsf/lib/jsf-impl.jar:jsf/lib/jsf-impl.jartomcat/server/lib/commons-digester.jartomcat/server/lib/commons-beanutils.jartomcat/webapps/jsp-examples/WEB-INF/lib/jstl.jartomcat/webapps/jsp-examples/WEB-INF/lib/standard.jar2、bean class里面的getter和setter是前端和后端的管道，没什么好说的。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

否 否
否 否
否 是
3.3 基本组件 1.标签
–通常用作其他组件的标签。 • for属性(String)：指定与之关联的组件的id值。 • text属性(String)：标签上显示的文本。 • labelLevel属性(int)：通常，值越小，文字显示的 字体越大、越粗。
–说明：标签组件会对关联组件中的设置和更改做出 响应。具体说来，如果输入组件的required属性为 true，则标签组件将显示一个星号。如果因输入无效 服务器拒绝了该页面的提交申请，则在页面中以红色 显示标签组件的文本。
JSF Web 应用开发
2013年7月9日星期二
第3章 UI组件
娄不夜（loubuye@）
3.1 UI组件概述
1. 组件的功能与分类 UI组件是构成用户界面的基本元素，从功能 上可分为三类：
- 向用户显示业务数据或者信息 - 接收用户输入的数据或者信息。 - 允许用户执行指定的业务功能。
3.3 基本组件
8.下拉列表
• items属性(Object)：指定选项数组。 在设计时，当添加一个下拉列表组件时，NetBeans 自动在页面中添加一个“单选选项列表”对象 (SingleSelectOptionsList)，该对象包含一个options 属性，其类型是Option[]，作为下拉列表的选项数组。 下拉列表的items属性会自动与“单选选项列表”对 象的options属性绑定在一起。 右击下拉列表，选择“配置默认选项”，可以设置选 项数组。 • selected属性(Object)：存放下拉列表中被选中的选 项的值(一般可强制转换成String)。
3.3 基本组件
10.复选框
• selected(Object)、selectedValue(Object)： 如果未指定selectedValue属性或其值为 null，则 复选框的行为类似于布尔型控件。在这种情况下， 如果用户选中了复选框组件，则 selected 属性值 是一个结果为 true 的 Boolean 实例。如果未选中 复选框，则 selected 属性值是一个结果为 false 的 Boolean 实例。 如果设置了selectedValue属性，则当复选框被勾 选时，selected属性包含的值等于selectedValue 属性的值，未被勾选时包含null值。
3.2 组件的一般属性
5. toolTip(String) 为组建设置工具提示。 6. tabIndex属性(int) Tab键索引。确定按Tab键时各组件获得焦 点的顺序。
3.2 组件的一般属性
7. disabled(boolean) 禁用标志。取true时，指明不允许用户激活 该组件，并且不会随表单一起提交该组件 的值。 8. visible(boolean) 可见标志。取false时，指明该组件不可见， 因此也不能激活，但其值会随表单一起提 交。 9. rendered属性(boolean) 呈现标志。取false时，指明该组件的HTML 代码不包含在呈现的HTML中。
3.3 基本组件
9. 列表框
• selected属性(Object)：存放列表框中被选中的选 项的值（单选时一般可强制转换成String，多选时 一般可强制转换成String[]）。
3.3 基本组件
10.复选框
–是一个输入类组件，允许用户在一个两值状态中作 出选择。 • label(String)：显示在复选框组件旁边的说明性文 字。
– 在NetBeans中，UI组件被分为基本、布局 和组合三类。
3.1 UI组件概述
2.组件与组件类 在服务器端，每一个UI组件都有一个相应的 Java类。以按钮组件为例，其对应的Java类 为： - 标准的JSF组件包：
ponent.html.HtmlCommandButton
3.3 基本组件
6.超级链接
–两种作用：超级链接或按钮。 • text属性(String)：超级链接显示的文字。 • url属性(String)：指定超级链接所指目标资源的绝 对、相对URL。若没有指定该属性，则组件作为 按钮使用，由执行action方法决定目标资源。 • target(String)：目标资源的打开位置。 _blank：在新的浏览器窗口打开目标资源。 _self：在当前浏览器窗口打开目标资源。3.3来自基本组件12.单选按钮
–与复选框相似的一个输入类组件，两者不同之处在 于，单选按钮一旦被选中便无法取消，而复选框则可 以取消。
3.3 基本组件
13.单选按钮组
–是与下拉列表相似的一个输入类组件，两者只是在 表现形式上不同而已。
14.表、表行组、表列
14.1 概述 - 表组件用来在页面上以二维表形式显示和操作数据。 - 表组件通常包含一个表行组组件，表行组组件决定表 的数据来源。 - 表行组组件通常通过其sourceData绑定到称为“数据 提供器”的不可视组件，数据提供器才是真正的数据 提供者。 - 数据提供器中数据元素的个数决定表的行数，如果行 数太多，可以分页显示。
3.3 基本组件
11.复选框组 –复选框组是一个输入类组件，用来在一组选项中选 择一个或多个。 –复选框组的功能与列表框的功能非常相似，惟一的 区别是：列表框可以被设置成只能单选或允许多选， 而复选框组总是允许多选。 • columns(int)：设置一行显示的复选框数量。 • items(Object) ： 指 定 选 项 数 组 。 复选框组的选项数组来自“多选选项列表”对象 (MultipleSelectOptionsList)，总是允许多选。 • selected属性(Object)：存放列表框中被选中的选 项的值（一般可强制转换成String[]）。
表3-4 rendered、disabled和visible
行为特征 rendered (取false值) 否 否 disabled (取true值) 是 是 visible (取false值) 否 是
组件是否呈现在页面上 组件是否出现在HTML文 档中
组件是否能接受焦点 组件是否被JSF框架处理
3.1 UI组件概述
4. 组件的事件及其响应 – UI组件可以触发两类事件，一类是动作事 件，另一类是值改变事件。 – 可以触发动作事件的UI组件： 按钮、超级链接、图像超级链接 – 可以触发值改变事件的UI组件包括所有的 输入类组件： 文本字段、文本区域、列表框、复选框、 单选按钮等。
3.1 UI组件概述
3.3 基本组件
2.静态文本
–用来在页面上显示一行文本。 • text属性(String)：指定要在页面上显示的文本。 • escape属性(boolean)：取true（默认）时，对文 本中的特殊文字进行转义，这样浏览器就不会将 其解释为HTML标记。
3.3 基本组件
3.文本字段
–最常用的输入类组件，用于接收用户输入的信息。 • text属性(String)：设计时，可设置文本字段的初 始值；运行时，存放用户输入的新的值。 • trim属性(boolean)：取true(默认)时，提交的文本 值的前后空格都被截去。 • columns属性(int)：指定文本字段的宽度（字符列 数）。 • maxLength属性(int)：指定可在此字段上输入的最 多字符数。
4. 组件的事件及其响应 – JSF的事件及其响应机制，遵循JavaBeans 的事件模型规范。JSF支持两种方法响应事 件 ： 一是在页面Bean中直接编写事件处理方法； 二是编写一个专门的监听器类，然后将该 类注册到组件类。
3.1 UI组件概述
5. 组件外观和CSS – 在网页设计中经常使用一种技术 CSS(Cascading Style Sheets，即层叠样 式表)，用以实现HTML文档格式和内容的 分离。 – 在HTML文件中，可以使用标签的style属性 直接指定样式的诸如颜色、字体、对齐方 式等；也可以使用标签的class属性指定已 经定义的样式。 – 在JSF中，UI组件通常有相应的两个属性 style和styleClass，用以指定组件的外观。
3.3 基本组件
4.文本区域
–功能与文本字段组件类似，只不过文本字段只能接 受一行输入，而该组件可以接受多行输入，各行之间 以回车换行符分隔。 • text、trim、columns属性：与文本字段类似。 • rows属性(int)：指定能显示的文本的行数。
3.3 基本组件
5.按钮 - 单击按钮可以提交或重置表单。 - 单击按钮将触发action事件，调用action事件处理程序 (button-id_action方法)。 - 默认情况下，button-id_action方法返回null，此时导 航到当前页面本身。 - 如果要导航到某一固定页面(静态导航)，可在导航编 辑器中打开该页面，然后单击该页面并单击该按钮， 最后拖到您希望按钮打开的页面。 - 如果希望按钮能够根据某些条件确定要打开的页面 (动态导航)，则需要编写button-id_action方法。方法 代码应根据情况返回相应的指示页面导航条件名称的 字符串。
- Visual Web Pack：
ponent.Button
3.1 UI组件概述
3. 组件与页面Bean – 页面和页面Bean有一一对应关系，页面上 的UI组件与页面Bean的属性之间也可以建 立一一对应关系。 – 通过页面Bean，程序员可以访问JSF页面 上的所有UI组件，并且以对象的方式对这 些组件进行操作。
3.3 基本组件
7.图像超级链接
–与普通超级链接的功能完全一样，只不过图像超级 链接可以指定一个图像或者图标来装饰超级链接。
3.3 基本组件
8.下拉列表
–是一个输入类组件，用来从从一组预定的选项中选 择一个选项。 –下拉列表的选项存放在一个Option[]型的选项数组中。 下拉列表通过items属性指定该选项数组。 –选 项 (Option 对 象 ) 有 两 个 属 性 ， 一 个 为 标 签 属 性 label，指定显示在下拉列表中的文字；另一个为值属 性value，是当该选项被选中后实际提交给服务器的 值。 –下拉列表有一个专门的属性selected，用来保存用户 的选择。

相关主题