rss· 投稿· 设为首页· 加入收藏· 繁體版

一个简单的jsf例子

包com.bean.action 下的bean
*************************************************************
package com.bean.action;import java.util.Date;public class DateBean {
    private Date date;    public Date getDate() {
        return date;
    }    public void setDate(Date date) {
        this.date = date;
    }}
******************************************************************************************
package com.bean.action;public class LoginBean {
private String username;
private String password;
private String errMessage;
public String getUsername() {
    return username;
}
public void setUsername(String username) {
    this.username = username;
}
public String getPassword() {
    return password;
}
public void setPassword(String password) {
    this.password = password;
}
public String getErrMessage() {
    return errMessage;
}
public void setErrMessage(String errMessage) {
    this.errMessage = errMessage;
}
public String  verify(){
    if(username.equals("aaa")&&password.equals("123")){
        return "success";
    }
    else{
        errMessage = "名称或密码错误";
        return "failure";
        }
}
}
WEB-INF下的faces-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<faces-config version="1.2" xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xi="http://www.w3.org/2001/XInclude"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd">
 <managed-bean>
  <managed-bean-name>user</managed-bean-name>
  <managed-bean-class>com.bean.action.LoginBean</managed-bean-class>
  <managed-bean-scope>request</managed-bean-scope>
 </managed-bean>
 <managed-bean>
  <managed-bean-name>datebean</managed-bean-name>
  <managed-bean-class>com.bean.action.DateBean</managed-bean-class>
  <managed-bean-scope>request</managed-bean-scope>
 </managed-bean>
 <navigation-rule>
  <from-view-id>/index.jsp</from-view-id>
  <navigation-case>
   <from-outcome>success</from-outcome>
   <to-view-id>/welcome.jsp</to-view-id>
  </navigation-case>
  <navigation-case>
   <from-outcome>failure</from-outcome>
   <to-view-id>/index.jsp</to-view-id>
  </navigation-case>
 </navigation-rule>
 <navigation-rule>
  <from-view-id>/dateshow.jsp</from-view-id>
  <navigation-case>
   <from-outcome>show</from-outcome>
   <to-view-id>/dateshow.jsp</to-view-id>
  </navigation-case>
 </navigation-rule>
</faces-config>
**************************************************************************************************
web.xml的配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.5" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>0</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.jsp</welcome-file>
  </welcome-file-list>
</web-app>
********************************************************************************
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>用户登录</title>
  </head>
    <body>
    <f:view>
    <h:messages layout="table" style="color:red"></h:messages>
    <h:form>
    <h3>输入用户名</h3>
    <h:outputText value="#{user.errMessage}"></h:outputText><br/>
    姓名:<h:inputText value="#{user.username}" required="true"></h:inputText><br/>
    密码: <h:inputSecret value="#{user.password}" required="true">
        <f:validateLength minimum="6"></f:validateLength>
      </h:inputSecret><br/>
       <h:commandButton value="登录" action="#{user.verify}"></h:commandButton>   
    </h:form>
    </f:view>
  </body>
</html>
dateshow.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>用户登录</title>
  </head>
    <body>
    <f:view>
    <h:form>
    <h3>输入用户名</h3>
    <h:outputText value="#{datebean.date}"><f:convertDateTime pattern="yyyy-MM-dd"/></h:outputText><br/>
    时间:<h:inputText id="datefield" value="#{datebean.date}"><f:convertDateTime pattern="yyyy-MM-dd"/></h:inputText><br/>
       <h:message for="datefield" style="color:red"></h:message>
       <h:commandButton value="提交" action="show"></h:commandButton>   
    </h:form>
    </f:view>
  </body>
</html>
**********************************************************************************************
welcome.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>用户登录</title>
  </head>
    <body>
    <f:view>
       <h3>欢迎登录</h3>
    </f:view>
  </body>
</html>
访问页面时不能是.jsp后缀而是.faces后缀。例如访问index.jsp 时的url应该是:........./项目名/index.faces
顶一下
(0)
踩一下
(0)