Terry.Li-彬

虛其心，可解天下之問；專其心，可治天下之學；靜其心，可悟天下之理；恒其心，可成天下之業。

:: 管理 ::

143 隨筆 :: 344 文章 :: 130 評論 :: 0 Trackbacks

Liferay Portal 的 CMS（Content Manage System）提供了兩大功能：文檔管理和文章發布。文檔管理包括文檔庫和圖片集兩個 portlets ，能夠提供對 Microsoft Office 文檔、 PDFs 、文本文件和圖片的管理；文章發布功能依靠 Liferay Portal 中的 Journal portlet 完成，它的特性是能夠將數據（ data entry ）和版面設計（ Layout Design ）很輕易的分開，這就使得 content 能夠復合一致的“ look and feel ”，另外， Journal portlet 提供了 content 的版本跟蹤和發布流程的功能。

Liferay Portal的CMS功能是通過Journal Portlet實現的，在介紹怎樣使用Journal Portlet之前，有必要理解structures、templates和articles的概念，它們是Journal portlet功能的基礎。

l Structures：定于了content的類型和數量，content的類型包括text、text area、images、selection lists等

l Templates：確定content怎樣排列或擺放

l Articles：確定每個content包含的實際的text和images

我們以下圖為例定義一個content，分為三個步驟：

第一步、創建Structure，包含一下元素：一個text元素名為“headline”（對應圖片1區域）、三個text area元素為名稱分別為“body-text”（對應4區域）“caption-1”（對應2區域）“caption-2”（對應6區域）、兩個image元素名稱分別為“image-1”（對應3區域）和“image-2”（對應5區域）

添加完這些元素后的界面如下：

點擊Launch Editor按鈕，可以看到XML定義，也可以在此增刪或修改元素及類型，內容如下：

<root>

<dynamic-element name='headline' type='text'>dynamic-element>

<dynamic-element name='body-text' type='text_area'>dynamic-element>

<dynamic-element name='caption-1' type='text_area'>dynamic-element>

<dynamic-element name='caption-2' type='text_area'>dynamic-element>

<dynamic-element name='image-1' type='image'>dynamic-element>

<dynamic-element name='image-2' type='image'>dynamic-element>

root>

第二步、創建 Template ，添入 ID 、 Name 、 Description 信息后，在 Structure 一欄選擇上一步創建的 Structure （這里為 test ）

然后點擊 Launch Editor 按鈕，打開 Template 編輯窗口，按照所需要的格式定義 Template ，如下：

xml version = " 1.0 " ?>

< xsl:stylesheet xmlns:xsl = " http://www.w3.org/1999/XSL/Transform " version = " 1.0 " >

< xsl:output method = " html " omit - xml - declaration = " yes " />

< xsl:template match = " / " >

< table cellpadding = " 0 " cellspacing = " 0 " border = " 0 " width = " 100% " >

< tr >

< td colspan = " 2 " >

< xsl:value - of

disable - output - escaping = " yes " select = " root/dynamic-element[@name='headline']/dynamic-content " />

td >

tr >

< tr >

< td >

< img >

< xsl:attribute name = " src " >

< xsl:value - of

disable - output - escaping = " yes " select = " root/dynamic-element[@name='image-1']/dynamic-content " />

xsl:attribute >

img >

td >

< td >

< xsl:value - of

disable - output - escaping = " yes " select = " root/dynamic-element[@name='caption-1']/dynamic-content " />

td >

tr >

< tr >

< td colspan = " 2 " >

< xsl:value - of

disable - output - escaping = " yes " select = " root/dynamic-element[@name='body-text']/dynamic-content " />

td >

tr >

< tr >

< td >

< xsl:value - of

disable - output - escaping = " yes " select = " root/dynamic-element[@name='caption-2']/dynamic-content " />

td >

< td >

< img >

< xsl:attribute name = " src " >

< xsl:value - of

disable - output - escaping = " yes " select = " root/dynamic-element[@name='image-2']/dynamic-content " />

xsl:attribute >

img >

td >

tr >

table >

xsl:template >

xsl:stylesheet >

下面對該文件進行說明：

1 、這里的 @name=’ 名稱 ’ 必須要和第一步中創建 Structure 中的元素名稱一致，頁面格式根據需求使用 HTML 語言定義即可。

2 、對 text 、 text area 類型的元素輸出時的格式如下：

disable-output-escaping="yes" select="root/dynamic-element[@name='caption-2']/dynamic-content"/>

1、對 image 類型的元素輸出時的格式如下：

disable-output-escaping="yes" select="root/dynamic-element[@name='image-2']/dynamic-content"/>

第三步、創建 Article ，添寫基本信息后，在 Structure 一欄選擇 test ，對應的 Template 一欄也選擇 test 即可，然后在對應的元素域里添入合適的文本或者圖片，點擊預覽即可以看到如下界面，確定無問題后，點擊保存或者保存并發布按鈕即可完成 content 的定制。

通過以上三個步驟，我們就實現了定制content的功能。使用Journal Portlet，我們可以定制任何不同風格的content來展示必要的信息。

posted on 2008-03-02 22:49 禮物閱讀(914) 評論(0) 編輯收藏所屬分類: Liferay

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 深入淺出Liferay Portal (12) 深入淺出Liferay Portal (11) 深入淺出Liferay Portal (10) 深入淺出Liferay Portal (9) 深入淺出Liferay Portal (8) 深入淺出Liferay Portal (7) 深入淺出Liferay Portal (6) 深入淺出Liferay Portal (5) 深入淺出Liferay Portal (4) 深入淺出Liferay Portal (3)

Terry.Li-彬

常用鏈接

留言簿(19)

隨筆分類(107)

隨筆檔案(141)

文章分類(284)

文章檔案(342)

相冊

收藏夾(58)

家裝

最新隨筆

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜