<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 
	
    

    







    
	    
    




    








    

				

    




    







    
        
	



主站蜘蛛池模板：
中文字幕视频免费在线观看|
午夜精品在线免费观看|
亚洲国产成人精品无码区在线秒播|
国产成人无码免费看视频软件|
亚洲丶国产丶欧美一区二区三区|
久久久青草青青国产亚洲免观|
美女内射毛片在线看免费人动物|
亚洲AV成人影视在线观看|
国产亚洲成人久久|
性xxxxx免费视频播放|
免费又黄又爽又猛大片午夜|
亚洲酒色1314狠狠做|
在线观看永久免费视频网站|
一个人免费日韩不卡视频|
亚洲精品无码你懂的|
亚洲AV无码乱码在线观看富二代
|
国产猛烈高潮尖叫视频免费|
97无码人妻福利免费公开在线视频|
亚洲精品综合在线影院|
亚洲夜夜欢A∨一区二区三区|
免费A级毛片无码无遮挡内射|
国产免费A∨在线播放|
亚洲情A成黄在线观看动漫软件|
亚洲精品成人无码中文毛片不卡|
午夜两性色视频免费网站|
日韩成人免费视频|
91香蕉国产线在线观看免费|
朝桐光亚洲专区在线中文字幕
|
蜜桃精品免费久久久久影院|
秋霞人成在线观看免费视频|
国产精品亚洲综合天堂夜夜|
亚洲春色在线观看|
久久亚洲精品中文字幕无码|
国产啪亚洲国产精品无码|
日本免费一二区在线电影|
久久精品免费一区二区|
男人j进入女人j内部免费网站|
一级做a爰片性色毛片免费网站|
亚洲日韩亚洲另类激情文学|
亚洲av日韩av综合|
亚洲精品在线视频观看|