當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JSF框架在NetBeans下的编码

發布時間：2025/7/14 javascript 17 豆豆

生活随笔收集整理的這篇文章主要介紹了 JSF框架在NetBeans下的编码小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本文是介紹在 NetBeans IDE　中使用 JavaServer Faces 框架編碼 Web 應用程序系列文章中的第一篇。通過本系列教程的學習，我們將創建名為 jAstrologer 的 Web 應用程序，此程序可獲取用戶的姓名和生日，然后返回用戶的十二宮圖、誕生石和星座等信息。

JavaServer Faces (JSF) 框架是標準的 Java API，用于在 Web 應用程序中構建用戶界面組件。JSF 框架可被視為一個裝滿即開即用組件的工具箱，在 Web 應用程序中可輕松快捷地重用這些組件。這些組件可能很簡單（如獲取和存儲用戶數據的文本輸入字段），也可能較復雜（如具有彈出日歷的有格式的日期字段）。您可以將此類組件嵌入 JSP 頁面，并且使用此框架處理不同 JSP 頁面之間的導航。

在這一部分，我們將學習執行以下操作：

l????? 創建啟用 JSF 框架的 Web 應用程序。

l????? 創建使用 JSF 組件獲取用戶輸入信息的簡單 JSP 頁面。

l????? 配置頁面導航。

l????? 創建 JSF 托管 bean，在 bean 屬性中讀寫用戶輸入信息。

前提條件

本教程假定您基本了解以下技術，并且有使用這些技術編程的經驗：

l????? Java 編程

l????? NetBeans IDE

本教程需要的軟件

使用本教程，需要在計算機上安裝以下軟件：

l????? NetBeans IDE 5.5。

l????? Java Standard Development Kit (JDK) 5.0 版

l????? Sun Java System Application Server Platform Edition 9

使用本教程，需要注冊使用該 IDE 的 Sun Java System Application Server 的本地實例。

教程練習

l????? 創建具有 JSF 框架的 Web 應用程序

l????? 創建 JSP 頁面

l????? 設置頁面導航

l????? 配置和運行應用程序

l????? 關聯支撐 Bean

使用 JSF 框架創建 Web 應用程序

使用 IDE，可以在創建應用程序或向已有應用程序添加支持時向 Web 應用程序添加 JSF 支持。Sun Java System Application Server 9 已包含 JSF 庫，因此無需下載，也無需在應用程序服務器上進行安裝。在本示例中，我們將在創建應用程序時添加 JSF 支持。

選擇 File > New Project (Ctrl-Shift-N)，從 Web 類別中選擇 Web Application，然后單擊 Next。

將項目命名為 jAstrologer，指定項目位置，將服務器設置為 Sun Java System Application Server，將 Java EE 版本設置為 Java EE 5，然后單擊 Next。

選中 JavaServer Faces 復選框并單擊 Finish。

IDE 將會創建 Web 應用程序。展開項目的 Libraries > Sun Java System Application Server 節點。注意，JSF 庫（如 jsf-impl.jar）已添加到類路徑中。展開 Configuration Files，此時顯示 IDE 已創建了 faces-config.xml 文件，此文件可控制 JSF 組件在 Web 應用程序中的行為。IDE 也已在 Web.xml 部署描述符中注冊了 Faces servlet。Faces servlet 可處理 JSF 框架控制的 JSP 頁面之間的導航。

創建 JSP 頁面

我們將創建歡迎用戶和收集用戶信息的新 JSP 頁面，名為 greeting.jsp。然后創建祝賀用戶注冊成功的 success.jsp 頁面。

創建歡迎頁面

右鍵單擊項目節點，然后選擇 New > JSP。將文件命名為 greeting，然后單擊 Finish。確保已選擇 JSP File (Standard Syntax) 選項。

現在需要在 JSF 文件中聲明 JSF 標記庫。將以下代碼：

<%-- <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> --%>

更改為以下內容：

<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %> <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>

注意，可使用代碼完成幫助您添加標記名稱和屬性。代碼完成還可幫助您添加選項卡庫的 URI。

將 title 和 h1 標記的內容更改為 Welcome to jAstrologer。

現在向文件添加 JSF 窗體。在 Palette 中，單擊 JSF Form 按鈕，將其拖動到 h1 標記下面，然后松開鼠標按鍵。在對話框中，選擇 Empty Form 并單擊 OK。IDE 將填寫以下以粗體顯示的代碼：

我們將使用 inputText 組件獲取用戶輸入信息并使用 commandButton 組件提交該窗體。在 Source Editor 中，將 h:form 元素的內容更改為以下內容：

??? <h1>Welcome to jAstrologer</h1> ? ??? <f:view> ??????? <h:form> ??????? </h:form> ??? </f:view> ??? </body> ??? <f:view> ??????? <h:form> ??????????? <p>Enter your name: <h:inputText value="name" /></p> ??????????? <p>Enter your birthday: <h:inputText value="birthday" /></p> ??????????? <h:commandButton value="Submit" action="submit" /> ??????? </h:form> ??? </f:view>

現在我們將創建內容只顯示“Congratulations”的頁面。

如上所述，創建新 JSP 文件。將此文件命名為 success。

將此文件的內容更改為以下內容：

<html> ??? <head> ?? ?????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ??????? <title>Congratulations</title> ??? </head> ??? <body> ? ??? <h1>Congratulations</h1> ? ??? <p>You've successfully registered with jAstrologer.</p> ? ??? </body> </html>

注意，我們在此使用的是純 HTML 格式，因此還無需聲明 JSF 標記庫。

設置頁面導航

JSF 框架中的頁面導航由 faces-config.xml 文件控制，該文件位于 Projects 窗口的 Configuration Files 節點下。設置了導航規則的每一頁均包含一個或多個導航用例。現在，我們只需將提交操作從 commandButton 映射到 success.jsp 即可，以使用戶不管在字段中輸入什么內容都能看見成功信息。

雙擊 faces-config.xml，在 Source Editor 中打開該文件。

在文件中右鍵單擊任何位置，并選擇 Java ServerFaces > Add Navigation Rule。在 Rule from View 字段中鍵入 /greeting.jsp，并可選地輸入規則描述。然后單擊 Add。

此時在 faces-config.xml 中已輸入以下代碼：

??? <navigation-rule> ??????? <description> ??????????? handle user input ??????? </description> ??????? <from-view-id>/greeting.jsp</from-view-id> ??? </navigation-rule>

右鍵單擊 faces-config.xml 并選擇 Java ServerFaces > Add Navigation Case。設置以下內容：

m???????? From View: /greeting.jsp

m???????? From Outcome: submit

m???????? To View: /success.jsp

單擊 Add。IDE 會在 faces-config.xml 中輸入以下代碼：

??? <navigation-rule> ??????? <description> ??????????? handle user input ??????? </description> ??????? <from-view-id>/greeting.jsp</from-view-id> ??????? <navigation-case> ??????????? <from-outcome>submit</from-outcome> ??????????? <to-view-id>/success.jsp</to-view-id> ??????? </navigation-case> ??? </navigation-rule>

轉載于:https://www.cnblogs.com/dengjiali/articles/2504347.html

總結

以上是生活随笔為你收集整理的JSF框架在NetBeans下的编码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。