<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

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

    

    
	
    
		
    
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理 ::


			
			
				

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

    

			    		
		
    
	
    

    


    


    
	
					

    
	
	
	
    
		Liferay Portal 4.0 		為我們提供了幾種不同的頁面布局，我們可以通過 		Add Content 		中的 		Template 		參數來指定不同的頁面布局，但是，但我們利用 		CMS 		來定制文章內容的時候，僅有的幾種頁面布局并不能滿足我們的需求，所以我們需要開發能夠滿足特定需求的頁面布局。
    
    我們將開發一個具有下圖風格的頁面布局，該布局中我們指定了7個區域來分別裝配portlet實現獨特的頁面風格。
    
1.JPG
    
一、編寫模板文件
    
    我們將該頁面風格名稱定義為1_2_3_2 Columns，在Liferay/html/layouttpl/custom目錄下新建1_2_3_2_columns.tpl文件，內容如下：
    

    <div id="layout-content-outer-decoration">
    
    <div id="layout-content-inner-decoration">
    
        <div id="layout-content-container">
    
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
    
            <tr>
    
              <td colspan="3" valign="top">
    
            $processor.processColumn(    "column-1")
    
              td>
    
            tr>
    
            <tr>
    
              <td width="79%" valign="top">
    
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    
                    <tr>
    
                    <td width="26%" valign="top">
    
                  $processor.processColumn(    "column-2")
    
                    td>
    
    <td class="layout-column-spacer" width="1%">
    
                        <div>&nbsp;div>
    
                      td>
    
                    <td width="26%" valign="top">
    
                  $processor.processColumn(    "column-3")
    
                    td>
    
                      <td class="layout-column-spacer" width="1%">
    
                        <div>&nbsp;div>
    
                      td>
    
                    <td width="26%" valign="top">
    
                  $processor.processColumn(    "column-4")
    
                    td>
    
                    tr>
    
                  table>
    
                td>
    
              <td class="layout-column-spacer" width="1%">
    
                <div>&nbsp;div>
    
              td>
    
              <td width="20%" rowspan="2" valign="top">
    
            $processor.processColumn(    "column-5")
    
              td>
    
            tr>
    
            <tr>
    
              <td colspan="2">
    
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
    
                  <tr>
    
                    <td width="50%" valign="top">
    
                  $processor.processColumn(    "column-6")
    
                    td>
    
                    <td width="50%" valign="top">
    
                  $processor.processColumn(    "column-7")
    
                    td>
    
                  tr>
    
                table>
    
                td>
    
            tr>
    
          table>
    
        div>
    
    div>
    
    div>
    

    
    

     				    文件中前三行定義的 				

     				和最后三行 				
    
 				是固定的模板格式，從第四行開始就是我們需要定制的頁面風格的 				HTML 				格式，我們需要將輸出 				portlet 				區域的 				HTML 				語句用 				$processor.processColumn("column-1") 				來替換，“ 				column-1 				”是該區域的名稱，并且每個區域的名字不能重復，這樣系統在生成模板的時候會自動生成不同的區域來存放我們指定的 				portlet 				。
    

    
二、編寫屬性文件
    
     		
    

     				    我們需要在 				 						liferay-layout-templates.xml 				 				文件中配置我們自定義的頁面布局文件 				 						1_2_3_2_columns.tpl 				 				，為了和系統自帶的布局文件區分開，我們創建擴展文件 				 						liferay-layout-templates-ext.xml 				 				，在該文件中指定我們的頁面布局文件，當然也可以在 				 						liferay-layout-templates.xml 				 				文件直接增加定義。 		
    

     				  		
    

     				 						liferay-layout-templates-ext.xml 				 				： 		
    

     				 				 				xml version 				= 				" 				1.0 				" 				?> 				 						
    
 				     				 				DOCTYPE layout 				- 				templates PUBLIC  				" 				-//Liferay//DTD Layout Templates 4.0.0//EN 				" 				  				" 				http://www.liferay.com/dtd/liferay-layout-templates_4_0_0.dtd 				" 				> 				 						
    
 						
    
 				     				< 				layout 				- 				templates 				> 				 						
    
         				< 				custom 				> 				 						
    
             				< 				layout 				- 				template id 				= 				" 				1_2_3_2_columns 				" 				 name 				= 				" 				1-2-3-2 Columns 				" 				> 				 						
    
                 				< 				template 				- 				path 				>/ 				html 				/ 				layouttpl 				/ 				custom 				/ 				1_2_3_2_columns.tpl 				 				template 				- 				path 				> 				 						
    
             				 				layout 				- 				template 				> 				 						
    
         				 				custom 				> 				 						
    
 				     				 				layout 				- 				templates 				> 				 						
    
 				     		
    

     				參數 				 						id 				 				定義該 				 						template 				 				的 				 						ID 				 				號， 				 						name 				 				定義該 				 						template 				 				在 				 						Add Content 				 				中顯示的名稱， 				 						template-path 				 				定義該 				 						template 				 				的路徑名。 		
    

     				
    
三、定制頁面
    
    定制好頁面風格后，需要重新啟動TOMCAT，登陸系統，進入GUEST頻道，點擊Add Content ，在Template中將會顯示我們自定義的頁面布局名稱1-2-3-2 Columns，選擇該Template，然后在頁面中添加Journal Content，按照我們自定義的布局將portlet拖拉到合適的位置，再為每個Journal Content指定Article，最后就完成了各種風格頁面的定制過程。使用這個的方法，我們可以定制各種滿足不同需求的頁面。
    

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

    







    
	    
    




    








    

				

    




    







    
        
	



主站蜘蛛池模板：
免费99热在线观看|
亚洲日韩在线观看免费视频|
狠狠亚洲婷婷综合色香五月排名|
曰批视频免费30分钟成人|
中国一级全黄的免费观看|
免费的黄网站男人的天堂
|
中文字幕的电影免费网站|
亚洲狠狠色丁香婷婷综合|
亚洲成a人片7777|
亚洲免费在线播放|
亚洲乱码精品久久久久..|
亚洲AV无码乱码在线观看性色扶
|
亚洲午夜激情视频|
国产乱子影视频上线免费观看|
18禁止观看免费私人影院|
久久精品国产免费一区|
国产福利免费视频
|
狠狠色伊人亚洲综合成人|
亚洲男人第一无码aⅴ网站|
国产在线ts人妖免费视频|
成人特黄a级毛片免费视频|
午夜性色一区二区三区免费不卡视频|
久久精品中文字幕免费|
a毛片免费播放全部完整|
成在线人免费无码高潮喷水|
人人爽人人爽人人片A免费|
精品久久久久久亚洲中文字幕|
亚洲成熟丰满熟妇高潮XXXXX|
77777午夜亚洲|
亚洲一线产品二线产品|
亚洲毛片基地4455ww|
亚洲精品免费网站|
亚洲AV无码一区二区三区牲色
|
91免费在线播放|
无码国产精品一区二区免费
|
国产精品久久久亚洲|
亚洲va无码手机在线电影|
亚洲av日韩av激情亚洲|
亚洲天堂中文资源|
亚洲av无码久久忘忧草|
亚洲愉拍一区二区三区|