所謂主題與皮膚,主要指門戶系統(tǒng)的界面風(fēng)格與顯示方式。在企業(yè)門戶項(xiàng)目的實(shí)施中,主題與皮膚的開發(fā)是重中之重。因?yàn)樽鳛樗衅髽I(yè)內(nèi)外信息、應(yīng)用的統(tǒng)一入口,可謂是一個(gè)企業(yè)的臉面。從另一方面講,在一個(gè)企業(yè)內(nèi),沒有任何系統(tǒng)比門戶系統(tǒng)有更多的員工使用,在項(xiàng)目實(shí)踐中我也發(fā)現(xiàn),花在主題與皮膚開發(fā)上面的時(shí)間往往占很大的比重,對美工的要求也比較嚴(yán)格。
創(chuàng)新互聯(lián)公司2013年成立,先為洪江管理區(qū)等服務(wù)建站,洪江管理區(qū)等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為洪江管理區(qū)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。Portal的主題與皮膚開發(fā),說穿了還是普通JSP的開發(fā),只不過大量使用了IBM自帶的標(biāo)簽庫,而且頁面之間的調(diào)用非常復(fù)雜,初級開發(fā)者甚至找不到頁面元素所在的文件,所以開發(fā)起來顯得比較麻煩。另外,各個(gè)版本的Portal其主題與皮膚構(gòu)成元素都在變化,看起來似乎很難掌握。但是,如果你深刻洞悉了與主題、皮膚相關(guān)的幾個(gè)文件之間的調(diào)用關(guān)系,使用起來就能游刃有余了。
2 WebSphere Portal 7.0的主題與皮膚部署方法2.1 主題與皮膚應(yīng)用程序部署WebSphere Portal 7.0和8.0比較相似,相對于6.0來說有了較大的變化。由于8.0版本在國內(nèi)的客戶不超過3家(截至2013年),而7.0版本的客戶較多且目前最流行,所以本節(jié)詳細(xì)介紹IBM WebSphere Portal 7.0的主題與皮膚開發(fā)。
2.1.1 主題與皮膚應(yīng)用程序(動態(tài)文件)使用工具:AnyClient。
首先下載并安裝AnyClient工具。
如果計(jì)算機(jī)上已經(jīng)存在該工具,則可直接運(yùn)行,界面如圖2-23所示。
單擊“File”,選擇“Site Manager”,如圖2-24所示。
單擊左下角的“New”按鈕,右側(cè)顯示了需要填寫的常規(guī)信息,更改Protocol為“WebDAV”,如圖2-25所示。
圖2-23 AnyClient界面
圖2-24 選擇“Site Manager” 圖2-25 常規(guī)信息
按要求填寫信息,如圖2-26所示。其中,Host表示計(jì)算機(jī)IP地址或者域名。
各常規(guī)選項(xiàng)如下。
— Host:添加ThemeList,http://hostname:10039/wps/mycontenthandler/dav/themelist/;添加SkinList,http://hostname:10039/wps/mycontenthandler/dav/skinlist/;添加fs-type1,http:// hostname:10039/wps/mycontenthandler/dav/fs-type1/。
— Username:wpsadmin。
— Password:wpsadmin。
— Protocol:WebDAV。
— Local Directory:選擇本地計(jì)算機(jī)需要上傳文件的目錄。
— Remote Directory:不填。
— Debug:不填。
— Prompt for password:選填。
圖2-26 按要求填寫信息
待上述操作完成,開始文件傳輸操作。
通過ThemeList傳輸主題文件,例如:wanhua.default.theme;通過SkinList傳輸皮膚文件,例如:wanhua.default.Standard。
上述文件傳輸完畢后,動態(tài)文件已經(jīng)全部部署。
1.2 主題與皮膚應(yīng)用程序(靜態(tài)文件)借助應(yīng)用程序打包工具,將主題與皮膚的靜態(tài)文件打成EAR包,然后上傳到管理控制臺的“應(yīng)用程序類型”下的“WebSphere企業(yè)應(yīng)用程序”中。這個(gè)過程比較簡單,這里不再一一詳述。初學(xué)者如果不懂,則可以到IBM官方網(wǎng)站查閱入門教程。
文件部署完成后,主題與皮膚即可用了。
2.2 主題與皮膚文件的導(dǎo)出/導(dǎo)入通過FlashFXP工具進(jìn)行主題與皮膚的導(dǎo)出/導(dǎo)入操作。配置文件導(dǎo)出/導(dǎo)入中的wpsadmin為管理員賬號。
2.2.1 配置文件導(dǎo)出使用FlashFXP工具連接到計(jì)算機(jī)上,如圖2-27所示。
圖2-27 使用FlashFXP連接計(jì)算機(jī)
進(jìn)入到執(zhí)行主題與皮膚命令所在的目錄,如圖2-28所示。
圖2-28 進(jìn)入到執(zhí)行主題與皮膚命令所在的目錄
將本地的“export.xml”文件上傳到該目錄下,通過SecureCRT工具連接到該機(jī)器,執(zhí)行圖2-29所示的命令,完成主題與皮膚的導(dǎo)出。
圖2-29 執(zhí)行命令
配置文件導(dǎo)出完成。
2.2.2 配置文件修改完成“配置文件導(dǎo)出”操作后,使用FlashFXP查看時(shí),右側(cè)會多出一個(gè)Out_Export.xml文件,如圖2-30所示。
圖2-30 查看文件
選擇Out_Export.xml并下載到本地,修改或添加圖2-31所示方框中的內(nèi)容(放大后查看)。
圖2-31 修改或添加內(nèi)容
修改完成后,保存。配置文件修改完成。
2.2.3 配置文件導(dǎo)入配置文件修改完成后,通過FlashFXP上傳至目錄,并使用SecureCRT工具上傳至服務(wù)器,如圖2-32所示。
圖2-32 執(zhí)行命令
配置文件導(dǎo)入完成。
2.3 主題與皮膚應(yīng)用程序的應(yīng)用進(jìn)入Portal首頁的“管理”中,單擊左側(cè)欄中的“主題和外表”,如圖2-33所示。
圖2-33 主題和外表
選擇“主題”列表中的主題名稱,單擊,如圖2-34所示。
圖2-34 設(shè)置默認(rèn)的門戶網(wǎng)站主題
設(shè)置成功后,單擊右側(cè)的“編輯主題”,如圖2-35所示。
圖2-35 編輯主題
將左側(cè)“所有外觀”列表中所需要的Skin添加到右側(cè)列表中,并且選擇一種外觀,設(shè)置為默認(rèn)值,如圖2-36所法。
圖2-36 設(shè)置默認(rèn)的外觀
單擊“確定”按鈕,完成主題與皮膚的設(shè)置,如圖2-37所示。
圖2-37 完成主題與皮膚的設(shè)置
主題與皮膚樣式應(yīng)用成功。
2.4 主題與皮膚修改文件的上傳操作(1)修改后的動態(tài)文件
通過AnyClient工具鏈接到fs-type1上,依次找到“/themes/wanhua.default.theme/”,將對應(yīng)的文件上傳到相應(yīng)的文件目錄下即可。
(2)修改后的靜態(tài)文件
通過EAR打包上傳到管理控制臺即可