實例:MyEclipse開發JSF:html
1:建立Java Web項目名稱爲JSFTest。java
2:右擊項目MyEclipse----Add JSF Capabilites...----出現以下圖:web
finish後打開faces-config.xml,在大綱視圖出現以下圖:數據庫
右擊Managed Beans以下圖:瀏覽器
以下圖:tomcat
以下填寫:服務器
爲Bean添加屬性,右擊:app
以下配置:框架
再來一個屬性:jsp
此時的UserBean以下:
添加方法hello以下:
public java.lang.String hello(){
if(this.getName().equals("")){
return "fail";
}
else{
this.setWelcome("歡迎,"+this.getName());
return "login";
}
}
右擊Managed Beans以下圖:
以下圖:
以下填寫:
爲Bean添加屬性,右擊:
以下配置:
再來一個屬性:
此時的UserBean以下:
添加方法hello以下:
public java.lang.String hello(){
if(this.getName().equals("")){
return "fail";
}
else{
this.setWelcome("歡迎,"+this.getName());
return "login";
}
}
點擊J圖形工具以下圖:
而後再配置文件裏面單擊出現以下圖:
配置第一個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=utf-8"%>
<html>
<head>
<title>第一個JSF程序</title>
</head>
<body>
<f:view>
<h:form>
請輸入姓名:<h:inputText value="#{user.name}"/><p>
<h:commandButton value="提交" action="#{user.hello}"/>
</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=utf-8"%>
<html>
<head>
<title>第一個JSF程序</title>
</head>
<body>
<f:view>
<h:outputText value="#{user.welcome}"/>
</f:view>
</body>
</html>
兩個JSP以下圖:
單擊以下圖工具:
先點擊index.jsp再點擊welcome.jsp出現以下,配置login:
點擊兩下index.jsp出現以下圖配置fail:
獲得的配置圖形: