選擇首選頁(yè)面語(yǔ)言：JSF框架的早期版本默認(rèn)為JSP表示頁(yè)面。現(xiàn)在，在最新版本2.0及更高版本中，JSF包含了強(qiáng)大的“Facelets”工具。所以，這里我們選擇了Facelets語(yǔ)言作為頁(yè)面。我們將在下一章中詳細(xì)討論Facelets。

運(yùn)行：現(xiàn)在，您可以在右鍵單擊項(xiàng)目后選擇運(yùn)行選項(xiàng)來(lái)運(yùn)行應(yīng)用程序。它會(huì)產(chǎn)生一個(gè)默認(rèn)消息“Hello from Facelets”。如下圖所示 -

我們已經(jīng)成功創(chuàng)建了JSF項(xiàng)目。該項(xiàng)目包括以下文件：

index.xhtml：在F:\worksp\jsf\jsf-helloworld\web目錄下。
web.xml：在F:\worksp\jsf\jsf-helloworld\web\WEB-INF目錄下。

每運(yùn)行該項(xiàng)目時(shí)，它會(huì)將index.xhtml作為輸出。現(xiàn)在，我們創(chuàng)建一個(gè)包含兩個(gè)網(wǎng)頁(yè)，一個(gè)bean類和一個(gè)配置文件的應(yīng)用程序。

為了開發(fā)新的應(yīng)用程序，它需要以下步驟：

創(chuàng)建用戶界面
創(chuàng)建托管bean
配置和管理FacesServlet

1)創(chuàng)建用戶界面

我們將使用默認(rèn)頁(yè)面index.xhtml來(lái)呈現(xiàn)網(wǎng)頁(yè)。修改index.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://xmlns.jcp.org/jsf/html">  
    <h:head>  
        <title>User Form</title>  
    </h:head>  
    <h:body>  
        <h:form>  
            <h:outputLabel for="username">User Name</h:outputLabel>  
            <h:inputText id="username" value="#{user.name}" required="true" requiredMessage="User Name is required" /><br/>  
            <h:commandButton id="submit-button" value="Submit" action="response.xhtml"/>  
        </h:form>  
    </h:body>  
</html>

創(chuàng)建第二個(gè)JSF網(wǎng)頁(yè)，response.xhtml如下所示 -

response.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://xmlns.jcp.org/jsf/html">  
    <h:head>  
        <title>Welcome Page</title>  
    </h:head>  
    <h:body>  
        <h2>Hello, <h:outputText value="#{user.name}"></h:outputText></h2>  
    </h:body>  
</html>

2)創(chuàng)建托管Bean

它是一個(gè)包含屬性和getter/setter方法的Java類。 JSF使用它作為模型。所以，您也可以使用它來(lái)編寫業(yè)務(wù)邏輯。

創(chuàng)建Java類后，將以下代碼放入User.java文件中。

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package com.yiibai;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean
@RequestScoped
public class User {

    String name;

    public String getName() {
        return name;
    }

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

3)配置應(yīng)用程序

要配置應(yīng)用程序，打開項(xiàng)目包含的web.xml文件，設(shè)置FacesServlet實(shí)例。您還可以設(shè)置應(yīng)用程序歡迎頁(yè)面和其他。

以下是此應(yīng)用程序的web.xml代碼的代碼 -

<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="3.1" xmlns="http://xmlns.jcp.org/xml/ns/javaee"   
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee   
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">  
    <context-param>  
        <param-name>javax.faces.PROJECT_STAGE</param-name>  
        <param-value>Development</param-value>  
    </context-param>  
    <servlet>  
        <servlet-name>Faces Servlet</servlet-name>  
        <servlet-class>javax.faces.webapFacelet Titlep.FacesServlet</servlet-class>  
        <load-on-startup>1</load-on-startup>  
    </servlet>  
    <servlet-mapping>  
        <servlet-name>Faces Servlet</servlet-name>  
        <url-pattern>/faces/*</url-pattern>  
    </servlet-mapping>  
    <session-config>  
        <session-timeout>  
            30  
        </session-timeout>  
    </session-config>  
    <welcome-file-list>  
        <welcome-file>faces/index.xhtml</welcome-file>  
    </welcome-file-list>  
</web-app>

現(xiàn)在，可以運(yùn)行應(yīng)用程序來(lái)看看結(jié)果(這是應(yīng)用程序的索引(默認(rèn)index.xhtml)頁(yè)。) -

填寫一個(gè)有效的值 -

完！

上一篇：JSF列表框下一篇：JSF托管Bean