用JavaServer Faces開發Web應用(3) (轉)

用JavaServer Faces開發Web應用(3) (轉)[@more@]

構建你自己的應用

:namespace prefix = o ns = "urn:schemas--com::office" /> 

這一部分具體講述如何一步一步地建立你自己的Server Faces應用。我所使用的例子很簡單，它要求輸入他（她）的名字，然後點選Submit按鈕，然後應用程式會向使用者顯示一個歡迎的資訊。

1. 建立如下目錄結構：

  c:4.1apps

  hello

  src

  web

  WEB-INF

  web.xml

    lib

  classes

 

這個目錄結構的基本意思是說，我想建立一個叫做hello的新應用程式。在hello子目錄下，有一個src子目錄，裡面放所有的Java 源；還有一個web子目錄，該目錄下有一個WEB-INF目錄，裡面包含web.xml檔案及另外兩個子目錄，分別是lib和classes。

2. 把c:j-ea3lib 目錄下所有的jar檔案複製到我們上面建立的lib子目錄中。
3. 建立web.xml 檔案，用來我們的這個Web應用。在使用JavaServer Faces的時候，必須指定幾個配置，諸如：(1) context listener、(2) 用來處理JavaServer Faces 請求的servlet以及 (3) 上述servlet的servlet map。 下面的程式碼是這個應用程式的一個配置檔案。

程式碼1： web.xml

 

/P>

  "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"

  "">

 

  <!-- Used to initialize and destroy the application helper and register a Renderer to a RenderKit --&gt

  BasicServletContextListener

 

  <!-- Faces Servlet --&gt

 

  Faces Servlet

  javax.faces.webapp.FacesServlet

  <!-- FaceServlet should be loaded when the application starts up --&gt

  1

 

  <!-- Faces Servlet Mapping. Map the path to the servlet when a request for

  the servlet is received --&gt

 

  Faces Servlet

  /faces/*

 

4. 使用JavaServer Faces 標記建立HTML頁面。

首先我們寫一個 index.html 頁面，這是使用者進入這個應用程式的第一個頁面。這個頁面裡面有一個超級連線，點選它可以啟動應用程式。程式碼如下：

 

程式碼2： index.html

 

 

 

 

Click here to start the application.

---

 

當使用者點選了“here”，就會裝載“index.jsp”，程式碼如下：

 

程式碼3： index.jsp

 

 

 

 

 

 

What is your name?

 

 

 

   

  modelReference="UserNameBean.userName"/>

   

 

 

 

這個JSP頁面有幾個值得注意的地方：

• 定製標記庫。標記庫不需要硬編碼HTML來構成UI元件，從而使得元件可以複用，而且core tag library可以讓向元件註冊事件和其它行為更為簡單。
• 這個標記用來建立一個JavaBean的例項，它的類為UserNameBean，名字也是UserNameBean。當然，這個是在上實現的。
• form 標記用來表示一個輸入窗體。Input_text和command_button用來表示該窗體中的元件，巢狀在form標記中。
• input_text標記表示一個文字框，可以供使用者輸入一個字串。這個標記有兩個屬性，分別為id和modelReference。id屬性對應這個元件，是可選的。modelReference代表模型的屬性，這個屬性儲存了我們輸入文字框的值。
• command_button 代表了一個提交按鈕。

5. 如有必要，編寫模型物件（JavaBean元件）。

模型物件bean 就像其它JavaBean元件一樣：它有一組訪問方法。下面的程式碼段顯示了我們這個應用中要使用的JavaBean元件。

 

程式碼4： UserNameBean.java

 

public class UserNameBean {

  String userName = null;

  public UserNameBean () {

  }

  public void setUserName(String user_name) {

   userName = user_name;

  }

  public String getUserName() {

  return userName;

  }

}

 

其餘部分請參考：

ASP?id=18705">http://www.csdn.net/develop/read_article.asp?id=18705 用JavaServer Faces開發Web應用(1)

http://www.csdn.net/develop/read_article.asp?id=18707 用JavaServer Faces開發Web應用(2)

http://www.csdn.net/develop/read_article.asp?id=18710 用JavaServer Faces開發Web應用(4)

http://www.csdn.net/develop/read_article.asp?id=18712 用JavaServer Faces開發Web應用(5)