<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 
	
    

    







    
	    
    




    








    

				

    




    







    
        
	



主站蜘蛛池模板：
精品福利一区二区三区免费视频
|
特黄特色大片免费|
性感美女视频在线观看免费精品|
亚洲第一二三四区|
最近中文字幕高清免费中文字幕mv|
亚洲国产综合专区在线电影|
国产精品偷伦视频观看免费|
亚洲第一精品在线视频|
久久久久av无码免费网|
亚洲成_人网站图片|
在线免费观看国产视频|
国产偷国产偷亚洲高清人|
亚洲一区日韩高清中文字幕亚洲|
国产99久久久国产精免费|
精品亚洲综合久久中文字幕|
国产好大好硬好爽免费不卡|
亚洲国产高清美女在线观看
|
国产zzjjzzjj视频全免费|
免费人成视频在线播放|
亚洲精品少妇30p|
亚洲免费视频播放|
黄页视频在线观看免费|
久久久久亚洲精品男人的天堂|
中文字幕a∨在线乱码免费看|
久久精品九九亚洲精品|
成年女性特黄午夜视频免费看|
无遮挡a级毛片免费看|
国产亚洲成av片在线观看|
2021国产精品成人免费视频|
亚洲GV天堂GV无码男同|
亚洲精品高清无码视频|
免费av欧美国产在钱|
一区二区三区免费视频观看|
久久精品国产亚洲AV无码偷窥
|
国产亚洲成归v人片在线观看|
午夜视频在线免费观看|
亚洲av永久无码一区二区三区|
伊人久久大香线蕉亚洲|
国产在线a免费观看|
gogo免费在线观看|
亚洲区视频在线观看|