1.開發(fā)環(huán)境
與Eclipse下Struts的開發(fā)類似，安裝好Eclipse和Tomcat之后，還需要兩個插件：tomcat 插件和JSF插件（如果相關(guān)插件還沒有安裝），以下是相關(guān)下載地址：
Eclipse SDK：
http://www.eclipse.org/downloads/index.php JSF:
https://sourceforge.jp/projects/amateras/files/
FaceIDE+htmlEditor，htmlEditer也是必要的
Tomcat :
http://www.sysdeo.com/eclipse/tomcatplugin Plugin Search:
http://eclipse-plugins.2y.net/eclipse/search.jsp 插件的安裝和配置有問題請直接Google。
2.開始
入門嘛，我們就找一個最簡單的Login就可以了
新建Tomcat project
加入JSF支持
新建一個ManagedBean：
/**
*
*/
package com.jsf;
/**
* @author lzy
*
*/
public class UserBean {
private String name;
private String password;
public String verify() {
if(this.name.equals("name")&&this.password.equals("password"))
return "failure";
else
return "success";
}
/**
* @return Returns the name.
*/
public String getName() {
return name;
}
/**
* @param name The name to set.
*/
public void setName(String name) {
this.name = name;
}
/**
* @return Returns the password.
*/
public String getPassword() {
return password;
}
/**
* @param password The password to set.
*/
public void setPassword(String password) {
this.password = password;
}
}
新建兩個JSP頁面，login.jsp,welcom.jsp
login.jsp
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="
http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="
http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="
http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="
http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<link href="main.css" rel="stylesheet"/>
<title></title>
</head>
<body>
<f:view>
<f:loadBundle basename="com.jsf.MessageResources" var="msgs"></f:loadBundle>
<h:form>
<h:panelGrid columns="3" headerClass="header" rowClasses="evenRow,oddRow">
<f:facet name="header" >
<h:outputText value="#{msgs.header}"/>
</f:facet>
<h:outputText value="#{msgs.namePromt}"></h:outputText>
<h:inputText id="name" required="true" value="#{user.name}">
<f:validateLength minimum="2" maximum="10"></f:validateLength>
</h:inputText>
<h:message for="name" errorClass="errors"/>
<h:outputText value="#{msgs.passwordPromt}"></h:outputText>
<h:inputSecret id="password" value="#{user.password}" required="true" redisplay="true">
<f:validateLength minimum="2"></f:validateLength>
</h:inputSecret>
<h:message for="password"/>
<f:facet name="footer" >
<h:outputText value="#{msgs.footer}"/>
</f:facet>
</h:panelGrid>
<h:commandButton value="#{msgs.submitPromt}" action="#{user.verify}"/>
<h:commandButton value="#{msgs.resetPromt}" type="reset"/>
</h:form>
</f:view>
</body>
</html>
welcome.jsp
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="
http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="
http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title></title>
</head>
<body>
<f:view>
<h:outputText value="#{user.name}"/> is a good boy！
<h3>welcome JavaServer Faces</h3>
</f:view>
</body>
</html>
編輯WEB－INF/lib下的faces－config.xml
struts-config.xml
<?xml version="1.0"?>
<!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>/login.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>/login.jsp</to-view-id>
</navigation-case>
</navigation-rule>
<managed-bean>
<managed-bean-name>user</managed-bean-name>
<managed-bean-class>com.jsf.UserBean</managed-bean-class>
<managed-bean-scope>session</managed-bean-scope>
</managed-bean>
</faces-config>
最后是資源文件
# --login.jsp--
header=Welcom
namePromt=Name:
passwordPromt=Password:
amountPromt=Amount:
datePromt=Date:
submitPromt=Submit
resetPromt=Reset
footer=Thank you!
3.測試
在test工程中選擇tomcat project－>Update context definition
然后運行Tomcat
http://127.0.0.1:8080/jsfTest/login.jsf