JSF接口是JavaServer Faces的一种技术，它是一种用于开发Web应用程序的框架。它使用Java语言来创建功能强大的Web应用程序，并且可以让开发人员快速地创建出复杂的Web界面。JSF接口允许开发人员使用标准的JavaBeans来定义数据和行为，并且还允许他们使用XML文件来定义界面布局。
JSF接口有很多优势，其中最重要的是它能够帮助开发人员快速地创建出复杂的Web界面。此外，JSF还具有很好的扩展性，因此开发人员可以根据自己的需要对其进行扩展。此外，JSF还具有很好的易用性，因此即使不熟悉Java语言也能够快速上手。
public class MyBean {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String sayHello() {
return "Hello " + name;
}
}
h:outputLink标签渲染一个HTML“anchor"元素。
以下JSF标记
<h:outputLink value="page1.jsf" >Page 1</h:outputLink>
将渲染为以下HTML标记。
<a href="page1.jsf">Page 1</a>
| 属性 | 描述 |
|---|---|
| id | 标签的标识 |
| binding | 引用在backing bean中使用的组件 |
| rendered | 布尔值; false将抑制渲染 |
| styleClass | 级联样式表(CSS)类名称 |
| value | 值绑定 |
| valueChangeListener | 响应值更改的方法绑定 |
| converter | 转换器类名 |
| validator | 附加到组件的验证器的类名 |
| required | 布尔值; 如果为true，则根据需要标记标签 |
| accesskey | 给予一个元素的焦点 |
| accept | 表单的内容类型的逗号分隔列表 |
| accept-charset | 表单的字符编码的逗号或空格分隔列表。 |
| alt | 非文字元素(例如图片)的替代文字 |
| border | 元素的边框宽度的像素值 |
| charset | 链接资源的字符编码 |
| coords | 形状为矩形，圆形或多边形的元素的坐标 |
| dir | 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 |
| hreflang | 使用 href 属性指定的资源的基本语言; |
| lang | 元素的属性和文本的基本语言 |
| maxlength | 文本字段的最大字符数 |
| readonly | 输入字段的只读状态 |
| rel | 当前页面和链接页面之间的关系 |
| rev | 将从 href 指定的锚点反向链接到当前文档。 |
| style | 内联样式信息 |
| tabindex | 指定制表符索引的数值 |
| target | 打开文档的框架的名称 |
| title | 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 |
| type | 链接类型; 例如样式表 |
| width | 元素的宽度 |
| onblur | 失去焦点的事件处理程序 |
| onchange | 值更改的事件处理程序 |
| onclick | 鼠标按钮的事件处理程序点击该元素 |
| ondblclick | 双击鼠标按钮的事件处理程序 |
| onfocus | 元素接收焦点的事件处理程序 |
| onkeydown | 按键的事件处理程序 |
| onkeypress | 键按下并释放的事件处理程序 |
| onkeyup | Key的事件处理程序发布 |
| onmousedown | 鼠标按钮的事件处理程序 |
| onmousemove | 鼠标移动的事件处理程序 |
| onmouseout | 鼠标左的事件处理程序 |
| onmouseover | 鼠标移动到的事件处理程序 |
| onmouseup | 释放鼠标按钮的事件处理程序 |
| onreset | 表单重置的事件处理程序 |
| onselect | 选择文本的事件处理程序 |
以下代码来自demo.xhtml。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<h:form>
<h:link value="Login page" outcome="login" />
<br/>
<h:link value="Login page + Param " outcome="login" >
<f:param name="username" value="mkyong" />
</h:link>
<br/>
<h:link outcome="login" >
<h:graphicImage library="images" name="myImage.png" />
</h:link>
<br/>
<h:commandLink value="Login page" />
<br/>
<h:commandLink action="#{user.goLoginPage}" value="Login page" />
<br/>
<h:commandLink action="#{user.goLoginPage}" value="Login page + Param ">
<f:param name="username" value="mkyong" />
</h:commandLink>
<br/>
<h:commandLink action="#{user.goLoginPage}">
<h:graphicImage library="images" name="myImage.png" />
</h:commandLink>
<br/>
<h:outputLink>Login page</h:outputLink>
<br/>
<h:outputLink value="login.xhtml" >Login page</h:outputLink>
<br/>
<h:outputLink value="login.xhtml">
<h:outputText value="Login page" />
<f:param name="username" value="www..cn" />
</h:outputLink>
<br/>
<h:outputLink value="login.xhtml">
<h:graphicImage library="images" name="myImage.png" />
</h:outputLink>
</h:form>
</h:body>
</html>
下面的代码来自UserBean.java。
package cn..common;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean{
public String goLoginPage(){
return "login";
}
}
以下代码来自login.xhtml。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
>
<h:body>
<h1>login.xhtml</h1>
</h:body>
</html>
下载 Link-commandLink-outputLink.zip将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹，并运行Tomcat-Install-folder/bin/startup.bat。
Tomcat完成启动后，在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
JSF教程 -JSF表单单选按钮示例以下部分显示如何使用JSF中的创建单选按钮。h:selectOneRadio标签呈现一组类型为“radio”的HTML输...
JSF教程 -JSF OutputScript示例h:outputScript标记渲染类型为“script的HTML元素，类型为“text/javascript。此标记将外部JavaSc...
JSF教程 -JSF验证字符串长度示例f:validateLength标记用于验证字符串值的长度。我们可以使用f:validateLength标签，如下所示。f:...
JSF教程 -JSF DataTable行号示例以下代码显示如何向DataTable添加行号。例子以下代码来自demo.xhtml。?xml version=1.0 encoding...
JSF教程 -JSF ActionListener示例我们可以处理用户点击事件为h:commandButton或h:link。要注册事件处理程序，我们可以传递UI Com...