javaserver

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

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

在構(gòu)建Web應(yīng)用程序時，我們?yōu)樽罱K用戶提供了一種與我們的應(yīng)用程序進行交互的方式，這就是JSF所提供的。

我將向您介紹MVC設(shè)計模式以及如何使用它，并且您將發(fā)現(xiàn)Facelets視圖語言以及如何使用它，如何將數(shù)據(jù)和事件綁定到上下文以及如何通過表達語言來實現(xiàn)。

我將通過查看替代模板框架（例如Primefaces）來說明AJAX本身是如何受支持的以及生態(tài)系統(tǒng)的可插入性。

應(yīng)用結(jié)構(gòu)

Java EE應(yīng)用程序通常是分層應(yīng)用程序 。 好吧，我在本文中談?wù)摰膶邮潜硎緦印?表示層負責訪問者在訪問您的網(wǎng)站時所看到的內(nèi)容。

這是用戶與您的網(wǎng)站進行交互的方式，并且應(yīng)盡可能做到用戶友好 。 幸運的是，借助諸如JSF之類的Java EE API很難做到這一點。 在JSF API包括很多便利，使開發(fā)人員能夠提供高品質(zhì)的用戶體驗的開箱和用很少的設(shè)計知識。

MVC設(shè)計模式

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

MVC是用于實現(xiàn)用戶界面的體系結(jié)構(gòu)模式，該用戶界面將Web應(yīng)用程序分為三個邏輯連接的部分。 這樣做是為了將數(shù)據(jù)的內(nèi)部表示形式與數(shù)據(jù)的表示方式分開。

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

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

查看：Facelets

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

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

復(fù)合組件

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

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

可插拔庫

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

導(dǎo)航

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

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

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

型號：裝訂

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

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

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

AJAX和HTML 5

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

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

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

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

下一步是什么

在第2部分中，您將了解有關(guān)JSF API的更多信息，并發(fā)現(xiàn)Facelets聲明語言。

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

javaserver

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。