史上最简单的JSF 入门实例。
公司用jsf框架开发,寡人只好学JSF.以下为最简明教程。
1.下载jar包
官方网址:http://java.sun.com/javaee/javaserverfaces/download.html
说明:建议下:JavaServer Faces v1.1 Specification Final Release ,这个版本比较稳定。
2. 搭建目录环境
要点:在WEB-INF目录下新建faces-config.xml.并把JSF解压目录下的所有jar包加入工程lib目录下。如果用MyEclipse的,直接可以生成。
3. 编写配置文件
1.========web.xml
<? xml version="1.0" encoding="UTF-8" ?>
< web-app xmlns ="http://java.sun.com/xml/ns/j2ee" xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance" version ="2.4" xsi:schemaLocation ="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" >
< context-param >
< param-name > javax.faces.CONFIG_FILES </ param-name >
< param-value > /WEB-INF/faces-config.xml </ param-value >
</ context-param >
< 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 >
< servlet-name > Faces Servlet </ servlet-name >
< url-pattern > *.faces </ url-pattern >
</ servlet-mapping >
![]()
< welcome-file-list >
< welcome-file > index.faces </ welcome-file >
</ welcome-file-list >
![]()
</ web-app >
![]()
2.========faces-config.xml
<? xml version="1.0" encoding="UTF-8" ?>
<! DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd" >
< faces-config >
< navigation-rule >
< from-view-id > /index.jsp </ from-view-id >
< navigation-case >
< from-outcome > login </ from-outcome >
< to-view-id > /index.jsp </ to-view-id >
</ navigation-case >
</ navigation-rule >
< managed-bean >
< managed-bean-name > user </ managed-bean-name >
< managed-bean-class >
onlyfun.caterpillar.UserBean
</ managed-bean-class >
< managed-bean-scope > session </ managed-bean-scope >
</ managed-bean >
</ faces-config >
![]()
4. 编写代码
1.========onlyfun.caterpillar.UserBean
package onlyfun.caterpillar;
public class UserBean ... {
private String name;
public void setName(String name) ...{
this.name = name;
}
public String getName() ...{
return name;
}
}
![]()
2.========index.jsp
![]()
<% ... @taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<% ... @taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<% ... @page contentType="text/html;charset=gb2312" %>
< html >
< head >
< title > 第一个JSF程序 </ title >
</ head >
< body >
< f:view >
< h:outputText value ="#{user.name}" />
< h:form >
< h3 ></ h3 >
请输入您的名称: < h:inputText value ="#{user.name}" />< p >
< h:commandButton value ="送出" action ="login" />
</ h:form >
</ f:view >
</ body >
</ html >
![]()
5. 大功告成
测试:http://localhost:8080/jsf/index.faces
JSF入门实例--简明版
最新推荐文章于 2020-07-11 05:56:39 发布