這是一個分為兩部分的系列，其中我介紹了JSF 2及其如何適合Java EE生態系統。

在第1部分中，我將介紹JavaServer Pages（JSF）背后的基本思想 ，在第2部分中，將介紹Facelets聲明語言 。

在構建Web應用程序時，我們為最終用戶提供了一種與我們的應用程序進行交互的方式，這就是JSF所提供的。

我將向您介紹MVC設計模式以及如何使用它，并且您將發現Facelets視圖語言及其使用方式，如何將數據和事件綁定到上下文以及如何通過表達語言來實現。

我將通過查看替代模板框架（例如Primefaces）來說明AJAX是如何本地支持的以及生態系統的可插入性。

應用結構

Java EE應用程序通常是分層應用程序 。 好吧，我在本文中談論的層是表示層。 表示層負責訪問者在訪問您的網站時所看到的內容。

這是用戶與您的網站進行交互的方式，應盡可能地方便用戶使用 。 幸運的是，借助諸如JSF之類的Java EE API很難做到這一點。 在JSF API包括很多便利，使開發人員能夠提供高品質的用戶體驗的開箱和用很少的設計知識。

MVC設計模式

讓我們先來看一下Model View Controller設計模式，該模式也稱為MVC。

MVC是用于實現用戶界面的體系結構模式，該用戶界面將Web應用程序分為三個邏輯連接的部分。 這樣做是為了將數據的內部表示形式與數據的表示方式分開。

JSF實際上是古典意義上的MVC框架 ，其中使用Facelets聲明語言構建視圖，并且模型由CDI托管bean表示，控制器由JSF引擎本身負責。

在以后的文章中，我將對CDI托管bean及其扮演的角色有更深的了解。

查看：Facelets

Facelets是用于構建JSF視圖和可重用復合組件的視圖聲明語言。 通常，通過組合復合組件，表達式語言和標簽庫，將視圖構建為XHTML頁面。

我們不會在標簽庫或復合組件的構造方面進行詳細介紹。 這些超出了本課程的范圍。 盡管如此，我們將研究如何使用表達式語言來綁定CDI bean和用來自應用程序內部層的數據替換視圖中的值。

復合組件

復合組件是按給定方式運行的可重用代碼段，例如接受用戶輸入的輸入字段。 他們可以附加驗證器，偵聽器和其他元素，以提供更多有用的交互功能。

但是，Facelets不是我們工具包中僅有的模板語言。 實際上，圍繞第三方組件庫的社區非常繁忙。

可插拔庫

可插拔的庫（例如PrimeFaces ， Apache MyFaces和ICEFaces ）都提供了復合組件，這些組件為視圖增加了實質性功能，從而增強了用戶體驗。 實際上，我們將在應用程序中使用PrimeFaces的組件，并且稍后將在本課程中看到其示例。

導航

Facelets使導航變得簡單。 您可以僅將視圖名稱傳遞給組件的操作，而JSF引擎負責定位和呈現視圖。

這是一個代碼段，您可以在其中看到管理儀表板模板已傳遞到“取消”按鈕的action屬性。 這是單擊按鈕時將呈現的模板。

<p:commandButton value="Cancel" action="/admin/dashboard" />

型號：裝訂

CDI bean處理了模型部分，并且將它們綁定到視圖的方式是通過表達語言。 數據和事件的綁定都是通過這種方式完成的，稍后我們將看到很多示例。

在這里，您可以看到數據綁定的示例。 我們正在做的是將帳戶CDI bean的名稱字段綁定到頁面的上下文。 呈現后，名稱字段的值將在視圖中替換，并在屏幕上顯示給最終用戶。

Welcome <p>#{account.name}</p>

AJAX和HTML 5

通過使用內置JavaScript資源庫，可以直接使用AJAX。 f：ajax標記無需任何編碼即可將AJAX功能添加到任何UI組件。

此代碼段顯示了AJAX是為“提交”按鈕上的鼠標單擊事件觸發的。

<h:commandButton id="submit" value="Submit"> <f:ajax event="click" /> </h:commandButton>

現在，讓我們繼續使用Facelets聲明語言本身。 語言語法基于標簽的概念，其中每個標簽代表某種功能，并通過一起使用這些標簽來構造視圖。

下一步是什么

在第2部分中，您將學習有關JSF API的更多信息，并了解Facelets聲明語言。

翻譯自: https://www.javacodegeeks.com/2017/09/javaserver-faces-jsf.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的什么是JavaServer Faces（JSF）的全部內容，希望文章能夠幫你解決所遇到的問題。

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