liferay5主題制作.doc

Liferay5主題制作說(shuō)明：通過(guò)下載預(yù)覽liferay功能的文件liferay-portal-tomcat-5.5-5.2.3；來(lái)制作主題對(duì)機(jī)子的性能要求不高。若要直接搭建好的Liferay中制作主題參考，VSS中的“成果資料”中的“主題.rar”(一) 準(zhǔn)備文件1) liferay-portal-5.2.3（即下載的liferay-portal-tomcat-5.5-5.2.3包）2) liferay-plugins-sdk-5.2.33) apache-ant-1.8.0 4) lib（一些常用包，該目錄復(fù)制Liferay環(huán)境搭建中的lib包即可）(二) 存放文件1) 將lib文件放在liferay-portal-5.2.3tomcat-5.5.27文件夾下2) 這里我將“l(fā)iferay-portal-5.2.3”和“l(fā)iferay-plugins-sdk-5.2.3”放在同級(jí)目錄中。如下圖所示：(三) 配置ANT環(huán)境變量 右擊“我的電腦”“屬性”“高級(jí)”“環(huán)境變量” 在系統(tǒng)變量中新建“ANT_HOME”情況如下圖： （變量值為該軟件存放路徑）在path中增加%ANT_HOME%bin;(四) 修改文件1) 獲取本機(jī)計(jì)算機(jī)名；操作如下： 開(kāi)始運(yùn)行cmdset 輸入如下圖所示：從紅色部分就可以知道計(jì)算機(jī)名為“Administrator”。2) 增加文件重寫(xiě)“perties”文件中某些屬性 在“l(fā)iferay-plugins-sdk-5.2.3”目錄下，增加“perties”文件；其中中間的“administrator”就是前面查詢出來(lái)的計(jì)算機(jī)名。 在該文件中編寫(xiě)語(yǔ)句如下：app.server.dir=E:/liferay-portal-tomcat-5.5-5.2.3/liferay-portal-5.2.3/tomcat-5.5.27auto.deploy.dir=E:/liferay-portal-tomcat-5.5-5.2.3/liferay-portal-5.2.3/deploy紅色部分為相應(yīng)文件的目錄。(五) 用SDK制作主題（1）、 開(kāi)始運(yùn)行cmd用命令切換到“l(fā)iferay-plugins-sdk-5.2.3themes”目錄下。如下 創(chuàng)建文件,create test “test” 其中這里的test是名字，自己可以隨便命名，如下圖則就在“E:liferay-portal-tomcat-5.5-5.2.3liferay-plugins-sdk-5.2.3themes”目錄下建立了“test-theme”文件夾。（2）、復(fù)制系統(tǒng)主題文件夾到“test-themedocroot_diffs”文件夾中。如： 從“l(fā)iferay-portal-5.2.3tomcat-5.5.27webappsROOThtmlthemesclassic”下復(fù)制“css,images,javascript,templates”這四個(gè)文件夾到剛剛創(chuàng)建的“test-themedocroot_diffs”文件夾中。如下圖（3）在命令行中輸入：ant deploy 進(jìn)行編譯 運(yùn)行如下圖：(六) 啟動(dòng)服務(wù)啟動(dòng)liferay-portal-5.2.3tomcat-5.5.27bin目錄下的startup.bat批處理文件。(七) 打開(kāi)網(wǎng)頁(yè)選擇制作的主題登錄平臺(tái)后，選擇“管理頁(yè)面”。如下圖接著切換“外觀和風(fēng)格”點(diǎn)擊“可用主題模式”中前面編譯的主題test-themes.如下圖：這個(gè)整個(gè)頁(yè)面就切換到該主題。(八) 修改成我們需要的主題進(jìn)入“l(fā)iferay-plugins-sdk-5.2.3themestest-themedocroot_diffs”該目錄下，可以修改各個(gè)文件內(nèi)容來(lái)調(diào)整主題。如下圖：下面對(duì)各文件進(jìn)行說(shuō)明：CSS文件中（主題樣式文件）：main.css：主樣式文件；base.css：基礎(chǔ)樣式；custom.css：個(gè)性化樣式；form.css：portlet中form樣式；layout.css：布局樣式；navigation.css：導(dǎo)航樣式；portlet.css：portlet樣式；tabs.css：表格樣式images文件（主題的圖片文件）javascript文件（主題所需要的javascript文件）templates文件（主題的velocity模板文件） portal_normal.vm是整體portal模板，它包括了banner部分，logo微標(biāo)，dock管理工具， navigation導(dǎo)航部分，portlet容器部分等 navigation.vm 導(dǎo)航模板 dock.vm 管理工具模板 portlet.vm portlet模板 (九) 重新編譯進(jìn)行查看 當(dāng)對(duì)“l(fā)iferay-plugins-sdk-5.2.3themestest-themedocroot_diffs”該目錄下的4個(gè)文件修改后，需要查看頁(yè)面效果。重新編譯改文件即可。操作如下： （1）、 開(kāi)始運(yùn)行cmd用命令切換到“