JSF (JavaServer Faces) 在 Eclipse + MyEclipse 中的快速上手與核心機制

建立 JSF 專案步驟 (MyEclipse 向導)

1. 建立 J2EE Web Project。
2. Add JSF Capabilities：自動引入 JSF 庫、建立 faces-config.xml、messages.properties 等配置。
3. 新增 JSF 頁面 (實為 .jsp)，引入兩大 Taglib：

   <%@ taglib uri="https://java.sun.com/jsf/html" prefix="h" %>  <!-- UI 組件 -->
   <%@ taglib uri="https://java.sun.com/jsf/core" prefix="f" %>   <!-- 核心邏輯/國際化 -->

4. 建立 Managed Bean (POJO) 處理業務邏輯。
5. 配置 faces-config.xml 定義導航規則與 Bean 管理。
6. 標準部署至應用伺服器 (注意 WebLogic 8.1 對 Taglib 有警告)。

核心機制解析

1. 國際化資源包引用

<f:loadBundle var="bundle" basename="com.Login.MessageBundle" />

EL 表達式 #{bundle.login_button_label} 直接取值。

2. 導航規則配置

<navigation-rule>
  <from-view-id>/Login.jsp</from-view-id>
  <navigation-case>
    <from-outcome>success</from-outcome>
    <to-view-id>/LoginSuccessfully.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>

3. Managed Bean 宣告

<managed-bean>
  <managed-bean-name>UserBean</managed-bean-name>
  <managed-bean-class>com.Login.Use.UserBean</managed-bean-class>
  <managed-bean-scope>session</managed-bean-scope>
</managed-bean>

4. 頁面綁定 Bean 方法/屬性

<h:commandButton id="submit" action="#{UserBean.loginUser}" value="#{bundle.login_button_label}" />

5. 請求副檔名映射

頁面為 .jsp，請求用 .faces (如 /login.faces) 對應 FacesServlet。

總結

JSF 不僅分離業務邏輯與表示層，更進一步分離了頁面內容 (透過資源包)，實現「三層分離」，提升維護彈性。