Terry.Li-彬

          虛其心,可解天下之問;專其心,可治天下之學;靜其心,可悟天下之理;恒其心,可成天下之業(yè)。

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            143 隨筆 :: 344 文章 :: 130 評論 :: 0 Trackbacks
          Liferay Portal CMS(Content Manage System) 提供了兩大功能:文檔管理和文章發(fā)布。文檔管理包括文檔庫和圖片集兩個 portlets ,能夠提供對 Microsoft Office 文檔、 PDFs 、文本文件和圖片的管理;文章發(fā)布功能依靠 Liferay Portal 中的 Journal portlet 完成,它的特性是能夠?qū)?shù)據(jù)( data entry )和版面設(shè)計( Layout Design )很輕易的分開,這就使得 content 能夠復(fù)合一致的“ look and feel ”,另外, Journal portlet 提供了 content 的版本跟蹤和發(fā)布流程的功能。
             

          Liferay PortalCMS功能是通過Journal Portlet實現(xiàn)的,在介紹怎樣使用Journal Portlet之前,有必要理解structurestemplatesarticles的概念,它們是Journal portlet功能的基礎(chǔ)。

          l         Structures:定于了content的類型和數(shù)量,content的類型包括texttext areaimagesselection lists

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

          l         Articles:確定每個content包含的實際的textimages

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

          1.JPG

          第一步、創(chuàng)建Structure,包含一下元素:一個text元素名為“headline”(對應(yīng)圖片1區(qū)域)、三個text area元素為名稱分別為“body-text”(對應(yīng)4區(qū)域)“caption-1”(對應(yīng)2區(qū)域)“caption-2”(對應(yīng)6區(qū)域)、兩個image元素名稱分別為“image-1”(對應(yīng)3區(qū)域)和“image-2”(對應(yīng)5區(qū)域)

          添加完這些元素后的界面如下:
          2.JPG

          點擊Launch Editor按鈕,可以看到XML定義,也可以在此增刪或修改元素及類型,內(nèi)容如下:

          <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>

          第二步、創(chuàng)建 Template ,添入 ID Name Description 信息后,在 Structure 一欄選擇上一步創(chuàng)建的 Structure (這里為 test
          3.JPG

          然后點擊 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=’ 名稱 必須要和第一步中創(chuàng)建 Structure 中的元素名稱一致,頁面格式根據(jù)需求使用 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"/>

           

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

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

          posted on 2008-03-02 22:49 禮物 閱讀(914) 評論(0)  編輯  收藏 所屬分類: Liferay
          主站蜘蛛池模板: 河南省| 四川省| 黑山县| 武宣县| 浠水县| 历史| 开化县| 甘泉县| 莱州市| 贺州市| 迁安市| 文水县| 略阳县| 乐业县| 蒲江县| 宜春市| 修水县| 宁城县| 九龙城区| 辽宁省| 云林县| 称多县| 肃宁县| 锦屏县| 名山县| 双牌县| 彩票| 广元市| 柳林县| 方城县| 启东市| 扶绥县| 佛坪县| 马鞍山市| 额敏县| 虞城县| 华容县| 宜阳县| 雷州市| 汝南县| 洛扎县|