JSF 2.0 初學Demo

最後更新：2018-12-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

目錄結構：

Root

--Web Pages

--login.xhtml

--index.html

--error.html

--WEB-INF

--web.xml

--sources Packages

--org

--b3log

--application

--Login.java

--entity

--User.java

pom.xml

去除 XML 配置

JSF2.0省去了大量的陪值，主要原因是納入了Facelets。省去了faces-config.xml中的大量配置。

<managed-bean> <managed-bean-name>user</managed-bean-name> <managed-bean-class> com.corejsf.UserBean </managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean>

導航配置的簡化

不需要

<navigation-rule>  <navigation-case>    <from-view-id>/pages/login.xhtml</from-view-id>    <outcome>places</outcome>    <to-view-id>/pages/places.xhtml</to-view-id>  </navigation-case></navigation-rule>






這樣複雜的導航規則，只需要通過約定進行絕對路徑來進行導航便可。



例如



<h:form>            <h:commandLink action="login" value="Back"/>        </h:form>






就可以直接跳轉到同一級目錄下的login.xhtml頁面。



也可以根據java 應用代碼中返回的String來進行頁面的跳轉。



例如



public String login(final String password) {        if (password.equals("Vanessa")) {            return "index";        }        return "error";    }

EL運算式的加強

以往 JSF 的運算式不支援參數的傳遞，現在我們可以通過配置相關的設定檔來實現

1.通過 Maven 擷取需要的依賴
<dependencies> <dependency> <groupId>javax.el</groupId> <artifactId>el-api</artifactId> <version>2.1.2-b05</version> </dependency> <dependency> <groupId>org.jboss.el</groupId> <artifactId>jboss-el</artifactId> <version>2.0.1.GA</version> </dependency> </dependencies> <repositories> <repository> <id>sun</id> <url>http://download.java.net/maven/2/</url> </repository> <repository> <id>java.net</id> <url>http://download.java.net/maven/2</url> </repository> <repository> <id>jboss.org</id> <url>http://repository.jboss.org/maven2</url> </repository> </repositories>

2. 在 web.xml 中配置一個 expressionFactory

   <context-param>
        <param-name>com.sun.faces.expressionFactory</param-name>
        <param-value>org.jboss.el.ExpressionFactoryImpl</param-value>
    </context-param>

3.就可以使用 EL 運算式傳入一個對象

eg:

<h:commandButton value="Login" action="#{login.login(user.password)}"/>

應用解說

使用者輸入使用者名稱和密碼，進行登入

1.登入成功--密碼為“Vanessa”，進入 index.xhtml 頁面，顯示：Welcome，#{user.userName}!

2.登入失敗--密碼不為“Vanessa”，進入 error.xhtml 頁面，提示錯誤原因，點擊Back後返回index.xhtml

部分代碼

--login.xhtml

<?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <head> <title>Welcome Login</title> </head> <body> <h:form> <h:panelGrid columns="2"> <h:outputLabel for="userName" value="User Name"/> <h:inputText id="userName" value="#{user.userName}"/> <h:outputLabel for="password" value="Password"/> <h:inputSecret id="password" value="#{user.password}"/> <h:outputLabel value=""/> <h:commandButton value="Login" action="#{login.login(user.password)}"/> </h:panelGrid> </h:form> </body> </html>

--index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Index</title> </head> <body> Welcome, #{user.userName}! </body> </html>

--error.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <head> <title>Error</title> </head> <body> The Password is Error! <h:form> <h:commandLink action="login" value="Back"/> </h:form> </body> </html>

--Login.java

/* * To change this template, choose Tools | Templates * and open the template in the editor. */ package org.b3log.application.jsf; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import org.b3log.entity.User; /** * * @author Vanessa */ @ManagedBean(name = "login") @SessionScoped public class Login { public String login(final String password) { if (password.equals("Vanessa")) { return "index"; } return "error"; } }

--User.java

package org.b3log.entity; import java.io.Serializable; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; /** * This class depicts a user of B3log. This class only describes user's * information basically, such as user name, email address, etc. The security * information(i.e. user password, user roles, etc) is depicted in class * <code>UserAccount</code>. * * @author <a href="mailto:lly219@gmail.com" mce_href="mailto:lly219@gmail.com">Liyuan Li</a> * @version 1.0.0.0, Aug 4, 2009 * @see UserAccount */ @ManagedBean(name = "user") @SessionScoped public class User implements Serializable { private String userName; private String email; private String password; public String getEmail() { return email; } public void setEmail(String email) { this.email = email; } 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; } }

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JSF 2.0 初學Demo

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support