jsf入门例子

来源：互联网发布：淘宝怎么添加客服账号编辑：程序博客网时间：2024/05/17 03:48

TestJsf.rar (1.7 MB)

1.在Eclipse里新建tomcat项目TestJsf，拷贝jsf需要的包
    * jsf-impl.jar
    * jsf-api.jar
    * commons-digester.jar
    * commons-collections.jar
    * commons-beanutils.jar
    * jstl.jar
    * standard.jar
到lib里
2.填写web.xml文件，再新建faces-config.xml文件，内容分别如下
web.xml：
<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
    version="2.4">

    <description>
        JSF Demo
    </description>
    <display-name>JSFDemo</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>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.cy</url-pattern>
    </servlet-mapping>

    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
</web-app>
faces-config.xml：
<?xml version="1.0"?>
<!DOCTYPE faces-config PUBLIC
"-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
"http://java.sun.com/dtd/web-facesconfig_1_0.dtd">

<faces-config>
    <navigation-rule>
        <from-view-id>/index.jsp</from-view-id>
        <navigation-case>
            <from-outcome>login</from-outcome>
            <to-view-id>/welcome.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>
3.新建UserBean类
如下：package onlyfun.caterpillar;

public class UserBean {
    private String name;

    public void setName(String name) {
        this.name = name;
    }

    public String getName() {
        return name;
    }
}
4.建两个jsp文件index.jsp和welcome.jsp
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=Big5"%>
<html>
<head>
<title>first JSF!! </title>
</head>
<body>
    <f:view>
        <h:form>
            <h3>input your name</h3>
            name: <h:inputText value="#{user.name}"/><p>
            <h:commandButton value="send" action="login"/>
        </h:form>
    </f:view>
</body>
</html>
welcome.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=Big5"%>
<html>
<head>
<title>first JSF!!!</title>
</head>
<body>
    <f:view>
        <h:outputText value="#{user.name}"/> is a good boy！
        <h3>welcome JavaServer Faces</h3>
    </f:view>
</body>
</html>
5.运行，启动tomcat输入http://127.0.0.1:8080/TestJsf/index.cy，输入姓名，一切ok。
　我使用了JSF的core与html标签库，core是有关于UI元件的处理，而html则是有关于HTML的进阶标签。
附件里是例子直接可以运行，^_^。