JSF标签

最新推荐文章于 2021-11-10 16:02:59 发布
最新推荐文章于 2021-11-10 16:02:59 发布
阅读量453 收藏 1
点赞数
分类专栏： 前端 # JSF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41520636/article/details/113787238
版权
前端 同时被 2 个专栏收录
25 篇文章 3 订阅
订阅专栏
JSF
1 篇文章 0 订阅
订阅专栏

前言

这个技术已经非常老旧，属于日本还在使用，或者一些老项目还在使用。

No标签描述使用例子
1<f:actionListener>为h:commandLin,h:commandButton等指定自定义的事件监听类

<h:commandButton id="regist" value="Regist">

<f:actionListener type="mypackage.ActionListenerImpl"></f:actionListener>

</h:commandButton>

2<f:attribute>设置父标签的属性

<h:grahicImage url="/img/hikktn.jpg">

<f:attribute name="height" value="30"></f:attribute>

</h:grahicImage>

3<f:convertDateTime>转换日期格式

<h:outputText value="#{bean.outDate}">

<f:convertDateTimeTime pattern="yyyy年MM月dd日"></f:convertDateTime>

</h:outputText>

4<f:converter>

调用converter-id的JSF Conerter组件实现（javax.faces.convert.Conerter）

能够将JSF组件的输入输出值加以变换

<h:inputText value="123456">

<f:converter converterId="myConverterID"></f:converter>

</h:inputText>

5<f:convertNumber>对数字、货币符号进行格式转换

<h:inputText value="123456">

<f:convertNumber type="currency" currencySYmbol="$"></f:convertNumber>

</h:inputText>

6<f:facet>只要有f:face标签的父组件，和子组件f:face标签有一种特殊关系。常和h:panelCrid,h:dataTable等标签连用,申明组件为标签或页脚

<f:facet name="header">

<h:outputText value="title"/>

<f:facet>

7<f:loadBundle>JSF提供的一个支持JSP本地化（多语言支持）操作的标签<f:loadBundle basename="com.test.resouce.Messages" var="msg"/>
8<f:param>向组件添加参数

<h:outputLink value="/someUrl">

  <f:param name="id" value="#{bean.id}" />

  <f:param name="name" value="#{bean.name}"/>

</h:outputLink>

或者

<h:outputFormat value="You have {0} items in your shopping cart">

  <f:param value="#{SessionBean.cart.itemCount}"/>

</h:outputFormat>

9<f:selectItem>指定UISelectOne或UISelectMany组件的一个项目，用来为h:selectOneMenu等选择性组件设置数据项

<h:selectOneMenu value="#{bean.selectItemValue"}>

  <f:selectItem itemLabe="Label1" value="0"/>

  <f:selectItem itemLabe="Label2" value="1"/>

</h:selectOneMenu>

10<f:selectItems>

多了组件设置

h:selectManyCheckbox

h:selectManyListbox

h:selectManyMenu

h:selectOneMenu

h:selectOneListbox

h:selectOneRadio

 
11<f:subview>

指定的JSF页面，或者其他JSF组件

使用f:subview包含JSF页面时，被包含的页面里面只能包含有JSF组件，所有非JSF组件元素必须用f:subview标签进行转换

<f:subview id="id">

<%@include file="subpage.jsp" %>

</f:subview>

12<f:vaildateDoubleRange>可以对所有输入类型的组件的输入值加以验证。

<h:inputText id="amount" value="#{mybean.amount}" required="true">

<f:vaildateDoubleRange maximum="2500.8" minimum="0.00"></f:vaildateDoubleRange>

</h:inputText>

13<f:vaildateLength> 

<h:inputText id="userId" value="#{mybean.userId}" required="true">

<f:vaildateLength maximum="16" minimum="8"></f:vaildateLength>

</h:inputText>

14<f:vaildateLongRange>可以对所有输入类型的组件的输入值加以验证。<h:inputText id="amount" value="#{mybean.amount}" required="true">
 <f:vaildateLongRange maximum="2500" minimum="800"></f:vaildateLongRange>
</h:inputText>
15<valueChangeListener>向父组件注册值添加变更监听器<h:selectBooleanCheckbox id="id" value="#{pc_Attribute.selected}" valueChangeListener="#{pc_Attribute.onOperateSelcetedChange}" οnclick="submit();"></h:selectBooleanCheckbox>
16<f:verbatim>输出标签<f:verbatim><li/></f:verbatim>
17<f:view>创建顶层视图

<html>

  <body>

    <f:view>

      <h:column>

        <h:outputText value="#{user.name}" />

      </h:column>

    </f:view>

  </body>

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

JSF HTML标签

No标签描述使用例子
1<h:dataTable>配合<h:column>标签以表格显示数据。

<h:dateTable value="#{tableBean.userList}" var="user">
    <h:column>
                  <f:facet name="header">
                      <h:outputText value="name"/>
                  </f:facet>
    </h:column>

</h:dateTable>

2<h:commandButton>显示一个命令按钮，输出<input>HTML标签，其type属性可以设定为button，submit或者reset，当属性是submit，按下按钮会触发javax.faces.event.ActionEvent<h:commandButton value="提交" action="#{user.userId}"></h:commandButton
3<h:commandLink>生成超链接，会输出<a>标签，而href属性会有'#'<h:commandLink value="#{msg.commandText}" action="#{user.userId}"/>
4<h:form>和HTML里面的form一样用于表单提交 
5<h:graphicImage>绘制一个HTML<img>标签，value指定路径或图片URL，路径可以指定相对路径或绝对路径<h:graphicImage value="/img/hikktn.jpg"/>
6<h:inputHidden>隐藏输入框，即输出<input>标签，其type属性设定为hidden，隐藏输入框的只用于保留一些与客户端，在下一次发送表单时提交<h:inputHidden value="#{user.hiddenInfo}"/>
7<h:inputSecret>显示密码输入框，即输出<input>标签，其type属性设置为password。可以设定redisplay属性来决定是否要显示密码栏目的值，默认为false<h:inputSecret value="#{user.password}"/>
8<h:inputText>显示单行输入框，即<input>标签，type属性设置为text<h:inputText value="#{user.name}"/>
9<h:inputTextarea>显示多行输入文字区域，即<textarea>标签<h:inputTextarea value="#{user.command}"/>
10<h:message>显示一个组件最近使用的消息

<h:inputText id="id"/>

<h:message id="message" showSummary="false" showDetail="true"/>

11<h:messages>显示所有消息<h:messages id="messageAll" showDetail="true" showSummary="true"/>
12<h:outputFormat>生成指定的文字，可以搭配<param>来设定的参数以格式化文字<h:outputFormat value="#{msgs.welcomText}">
    <f:param value="hello"/>
    <f:param value="world"/>
 </h:outputFormat>
13<h:outputLabel>生成<label>标签。

<h:inputText id="user" value="#{user.name}"/>

<h:outputLabel for="user" value="#{user.name}"/>

14<h:outputLink>生成<a>标签。

<h:outputLink value="/index.jsp" />

  <h:outputText value="Link to Index"/>

  <f:param name="name" value="MyName"/>

</h:outputLink>

15<h:outputText>显示指定或者绑定的值<h:outputText value="#{user.name}"/>
16<h:panelGrid>用作简单的组件排版，它会使用HTML表格标签来绘制表格，并将组件置于其中。

<h:panelGrid columns="2">

  <h:outputText value="username"/>

  <h:inputText id ="name" value="#{userBean.name}"/>

</h:panelGrid>

17<h:panelGroup>用来将数个JSF组件封装起来，使其看起来像一个组件<h:panelGroup>
    <h:commandButton value="submit" action="login"/>
</h:panelGroup>
18<h:selectBooleanCheckbox>在视图上呈现一个复选框<h:selectBooleanCheckbox value="#\{user.aggress\}">
19<h:selectManyCheckbox>提供使用者复选项目的功能<h:selectManyCheckbox layout="pageDirection" value="#{user.preferColors}">
         <f:selectItem itemLabel="红" itemValue="false"/>
         <f:selectItem itemLabel="蓝" itemValue="false"/>       </h:selectManyCheckbox>
20<h:selectManyListbox>提供使用者复选项目的功能          <h:selectManyListbox layout="pageDirection" value="#{user.preferColors}">
         <f:selectItem itemLabel="红" itemValue="false"/>
        <f:selectItem itemLabel="蓝" itemValue="false"/>
</h:selectManyListbox>
21<h:selectManyMenu>提供使用者复选项目的功能<h:selectManyMenu layout="pageDirection" value="#{user.preferColors}">
         <f:selectItem itemLabel="红" itemValue="false"/>
        <f:selectItem itemLabel="蓝" itemValue="false"/>
</h:selectManyMenu>
22<h:selectOneListbox>单选列表框<h:selectOneListbox layout="pageDirection" value="#{user.preferColors}">
         <f:selectItem itemLabel="红" itemValue="false"/>
        <f:selectItem itemLabel="蓝" itemValue="false"/>
</h:selectOneListbox>
23<h:selctOneMenu>下拉框<h:selctOneMenu layout="pageDirection" value="#{user.preferColors}">
         <f:selectItem itemLabel="红" itemValue="false"/>
        <f:selectItem itemLabel="蓝" itemValue="false"/>
</h:selctOneMenu>
24<h:selectOneRadio>单选按钮框，类似于<input type="radio"/><h:selectOneRadio layout="pageDirection" value="#{user.preferColors}">
         <f:selectItem itemLabel="红" itemValue="false"/>
        <f:selectItem itemLabel="蓝" itemValue="false"/>
</h:selectOneRadio>

 

hikktn
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
什么是jsf_什么是JSF？ JavaServer Faces简介
cxu0262的博客
06-27 3295
什么是jsf JavaServer Faces（JSF）是Java标准技术，用于构建基于组件的，面向事件的Web界面。 与JavaServer Pages（JSP）一样，JSF允许访问服务器端数据和逻辑。 与JSP本质上是一个具有服务器端功能HTML页面不同，JSF是一个XML文档，它表示逻辑树中的正式组件。 JSF组件由Java对象作为后盾，这些Java对象独立于HTML并且具​​有Java的...
JSF是什么?JSF的优点
wuxiaopengnihao1的博客
01-21 9468
JSF(JavaServer Faces)它是一个基于服务器端组件的用户界面框架。 它用于开发Web应用程序。 它提供了一个定义良好的编程模型，由丰富的API和标签库组成。最新版本JSF 2使用Facelets作为其默认模板系统。 它是用Java编写的。 JSF API提供组件(inputText，commandButton等)并帮助管理其状态。 它还提供服务器端验证，数据转换，定义页面导航，提供可扩展性，国际化支持，可访问性等。 JSF标签库用于在Web页面上添加组件，并将组件与服务器上的对象进行连接
JSF（JavaServer Face）标签库简介(JavaEE)
code袁的博客
11-10 1404
JSF（JavaServer Face）标签库简介(JavaEE) 一、JSF的简介 1. 什么是 JSF？ JavaServer Faces (JSF) 是一种用于构建 Web 应用程序的新标准 Java 框架。它提供了一种以组 件为中心来开发 Java Web 用户界面的方法，从而简化了开发。 JSF 还通过将良好构建的模型-视图-控制器 (MVC) 设计模式集成到它的体系结构中，确保了应用程 序具有更高的可维护性。 2. 功能特点 高效的 UI 设计； 前后端分离与 MVC 模式； 页面流程导航与控制
jsf标签
专注=成功
03-06 407
Jsf标签详解（一个不漏） 整理来自：www.web-tag.net actionListener f:actionListener标签为h:commandLink，h:commandButton等指定自定义的事件侦听类。 f:actionListener使用： JSP： 更多 actionListener 信息 attr...
JSF——JSF 标签
Ingenuus的专栏
02-01 4992
JSF 标签　　网页设计人员要作的就是了解JSF的标签的使用方式，这就像是学习进阶的HTML标签，另一件事就是与程序设计人员沟通好各个Bean的名称绑定。 标签入门卷标的相关属性查询，您可以参考 Tag Library Documentation，这边的介绍只是一些简单的入门实例。o 简介 JSF 标准标签o 输出类标签o 输入类标签o 命令类标签o 选择类标签 一o 选择类标签
JSF标签详解.docx
最新发布
09-19
在实际开发中，网页设计师需要理解JSF标签的用法，并与程序员协作确定Bean的名称绑定，以便正确地将数据展示在页面上。此外，标签的属性和事件处理机制也是关键，例如，`value`属性用于绑定组件的值，`action`属性...
JSF标签详解(一个不漏).doc
09-19
JSF标签详解 JSF（JavaServer Faces）是一种用于构建Web应用程序的框架，它提供了一组标准的UI组件和API，帮助开发者快速构建Web应用程序。JSF标签是JSF框架中的一部分，它们是用于在JSP页面中定义UI组件和事件处理...
JSF标签全解
03-19
JSF标签全解，JSF中的所有标签全部在这里了
JSF标签库教程.ppt
09-19
JSF 标签库教程 JSF（JavaServer Faces）是一种基于Java EE 的Web 应用程序框架，用于构建基于Web 的用户界面。JSF 提供了一组丰富的标签库，用于简化Web 应用程序的开发。下面是JSF 标签库教程的知识点总结： 一...
jsf标签北大青鸟
12-13
在标题"jsf标签北大青鸟"中，"jsf标签"指的是JSF框架中的自定义标签。JSF标签是预定义的或用户自定义的HTML样式的标记，它们扩展了HTML的功能，提供了更丰富的交互性和功能。这些标签通常与JavaBeans（JSF Managed ...
JSF标签（简体中文版，可作为jsf的UI设计人员的参考指南）
11-24
JSF标签 输入标签 输出标签 命令标签 选择类标签 各个标签的demo
JSF 标签使用
10-22
JSF 标签使用参考手册
JSF 核心标签库，h和f标签
11-07
JSF核心标签库，包括h，f~~~~~~~~
JSF组件标签介绍及详解
07-23
只要介绍JSF中各个组件标签的用法，对初学者来说是个很不错的资料哦！
JSF学习笔记超详细，从入门到精通，持续更新中~
冷芝士鸭的学习笔记
09-28 1019
JSF笔记 1、JSF概述 1.1 JSF设计目标 冗长且重复的编码 需要处理超文本传输协议（HTTP）请求和相应 1.2 JSF优点 易于创建用户界面 易于验证和数据管理 分离表示和业务逻辑 可扩展的架构 多个客户及设备的支持 1.3 JSF架构概述 1.3.3 JSF支持的渲染套件 HTML渲染套件：用于JSF UI组件的默认渲染套件 WML渲染套件：使用WML浏览器访问JSF页面的客户机 可缩放向量图形（SVG）渲染套件：显示包含图形和动画的UI组件 1.3.4 JSF生命周期 恢复视
JSF入门教程
松篁
08-12 317
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 ...
JSF 总结
For that dream
02-20 598
1.       什么是JSF JSF 是一个来自 Sun 的规范 ，Java Server Faces (JSF) JSF是一种用于构建Java Web 应用程序的标准框架(是Java Community Process 规定的JSR-127标准)。它提供了一种以组件为中心的用户界面(UI)构建方法，从而简化了Java服务器端应用程序的开发。Java Community Process（JCP
JSF标签详解
sinat_38032468的博客
04-06 953
HTML标记库HTML输入标记inputHidden 隐藏输入框，即输出<input> HTML标签，其type属性设定为hidden，隐藏输入框的值用于保留一些信息于客户端，以在下一次发送表单时一并提交，例如：<h:inputHidden value="#{user.hiddenInfo}"/> inputSecret 显示密码输入框，即输出<input> HTML标签，其type属性设定为pas

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hikktn

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值