Liferay Portal內(nèi)容和布局

導(dǎo)航：上一頁

Portlet容器采用布局來對(duì)包含的Portlet進(jìn)行管理并呈現(xiàn)，不同的布局決定了不同的Portlet呈現(xiàn)效果。每個(gè)加入到Portal服務(wù)器的Portlet必須屬于某個(gè)布局，才能夠被使用者所看到。內(nèi)容則是Portlet對(duì)外呈現(xiàn)的信息片斷，是Portlet的核心。兩者都是Portal的重要組成部分。Liferay Portal采用開源框架Struts的Tiles來管理內(nèi)容和布局。

目錄

• 1 布局
• 2 內(nèi)容
• 3 選擇內(nèi)容和布局
• 4 相關(guān)條目

布局

布局，即Layout，也可以稱為布局管理器，是Portlet容器管理Portlet的一個(gè)重要工具。一個(gè)布局，在生成的Portal頁面中，呈現(xiàn)出單行多列或者多行多列的效果。而Portlet就內(nèi)嵌在某一列中。

在Liferay Portal中，將列分為寬欄和窄欄。通常，寬欄占據(jù)頁面2/3的寬度，窄欄占據(jù)頁面1/3的寬度。每個(gè)Portlet在部署的時(shí)候都必須在部署描述符文件中指定Portlet是被部署在寬欄或者窄欄當(dāng)中，默認(rèn)是部署在寬欄中。

Liferay Portal采用tpl文件來定義布局，這些tpl文件存儲(chǔ)在{PORTAL_HOME} /liferay/html/layouttpl文件夾中。在tpl文件中，規(guī)定每個(gè)列的寬度。當(dāng)Portlet加入到列中時(shí)，取得當(dāng)前列的寬度，然后根據(jù)這個(gè)寬度確定Portlet窗口的顯示寬度。tpl文件采用標(biāo)準(zhǔn)的HTML代碼和Liferay Portal自定義的標(biāo)簽來定義布局。如下圖所示：

只要把定義的tpl文件路徑加入到部署描述文件中，Liferay Portal在啟動(dòng)的時(shí)候就可以自動(dòng)載入，供系統(tǒng)調(diào)用。如下圖:

Liferay Portal默認(rèn)的布局允許有一列、二列、三列的布局。二次開發(fā)的時(shí)候可以定義自己的布局文件。

在每個(gè)列的底部，有一個(gè)下拉列表框，列出本列可用的所有Portlet。列表框旁邊的“添加”按鈕，則可以將選中的按鈕添加到列中顯示。

內(nèi)容

內(nèi)容具體指Portlet顯示出來的標(biāo)記片斷，稱為Portlet內(nèi)容。通常，當(dāng)Portlet窗口處于瀏覽或者編輯狀態(tài)的時(shí)候，就會(huì)表現(xiàn)相應(yīng)的Portlet內(nèi)容。內(nèi)容在開發(fā)Portlet的時(shí)候確定。

Portlet對(duì)各種來源的數(shù)據(jù)進(jìn)行加工和邏輯處理，最后輸出為一些規(guī)則的標(biāo)記(HTML、XHTML、WML)，最后在Portlet容器中形成Portlet窗口，供Portal組合成為Portal頁面。

內(nèi)容是Portlet的信息主體，它形成的表單、鏈接等同時(shí)接受使用者的信息請(qǐng)求或者數(shù)據(jù)提交，并將系統(tǒng)對(duì)使用者請(qǐng)求的響應(yīng)呈現(xiàn)在客戶端。下圖為以日歷為內(nèi)容的Portlet。

選擇內(nèi)容和布局

Liferay Portal內(nèi)置了數(shù)個(gè)Portlet應(yīng)用，包括系統(tǒng)管理、日歷、書簽等等。目前，Liferay Portal支持單行單列、單行兩列、單行三列的布局顯示，可以在相應(yīng)桌面的“內(nèi)容和布局”中選擇。

每個(gè)默認(rèn)的Portlet則來自于各個(gè)數(shù)據(jù)源的既有數(shù)據(jù)，或者對(duì)該數(shù)據(jù)的重新加工處理。通過定義Portlet所屬類別和相應(yīng)的用戶策略，成功實(shí)現(xiàn)Portlet的合理顯示。

Liferay Portal提供了基于Web的工具，可以很方便的在幾種默認(rèn)的布局之間切換。

• 登錄系統(tǒng)后，選擇桌面當(dāng)中的“內(nèi)容和布局”，進(jìn)入布局管理頁面。

• 選中桌面的第一級(jí)節(jié)點(diǎn)，然后在“列數(shù)”中選擇需要的列數(shù)。

• 點(diǎn)擊底部的“更新頁”按鈕，提交選擇。布局修改生效。返回桌面。

可以看到，單行單列的布局默認(rèn)是一個(gè)寬欄；單行兩列的布局默認(rèn)是一個(gè)寬欄和一個(gè)窄欄；單行三列的布局默認(rèn)是三個(gè)窄欄。

相關(guān)條目

• Liferay Portal Liferay的安裝與配置