所謂主題與面板，主要指門戶系統的介面風格與顯示方式。在企業門戶專案的實施中，主題與面板的開發是重中之重。因為作為所有企業內外資訊、應用的統一入口，可謂是一個企業的臉面。從另一方面講，在一個企業內，沒有任何系統比門戶系統有更多的員工使用，在專案實踐中我也發現，花在主題與面板開發上面的時間往往佔很大的比重，對美工的要求也比較嚴格。

Portal的主題與面板開發，說穿了還是普通JSP的開發，只不過大量使用了IBM自帶的標籤庫，而且頁面之間的呼叫非常複雜，初級開發者甚至找不到頁面元素所在的檔案，所以開發起來顯得比較麻煩。另外，各個版本的Portal其主題與面板構成元素都在變化，看起來似乎很難掌握。但是，如果你深刻洞悉了與主題、面板相關的幾個檔案之間的呼叫關係，使用起來就能遊刃有餘了。

2  WebSphere Portal 7.0的主題與面板部署方法

2.1  主題與面板應用程式部署

WebSphere Portal 7.0和8.0比較相似，相對於6.0來說有了較大的變化。由於8.0版本在國內的客戶不超過3家（截至2013年），而7.0版本的客戶較多且目前最流行，所以本節詳細介紹IBM WebSphere Portal 7.0的主題與面板開發。

2.1.1  主題與面板應用程式（動態檔案）

使用工具：AnyClient。

首先下載並安裝AnyClient工具。

 如果計算機上已經存在該工具，則可直接執行，介面如圖2-23所示。

 單擊“File”，選擇“Site Manager”，如圖2-24所示。

 單擊左下角的“New”按鈕，右側顯示了需要填寫的常規資訊，更改Protocol為“WebDAV”，如圖2-25所示。

圖2-23  AnyClient介面

圖2-24  選擇“Site Manager”                                   圖

按要求填寫資訊，如圖2-26所示。其中，Host表示計算機IP地址或者域名。

各常規選項如下。

— 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：選擇本地計算機需要上傳檔案的目錄。

— Remote Directory：不填。

— Debug：不填。

— Prompt for password：選填。

圖2-26  按要求填寫資訊

 待上述操作完成，開始檔案傳輸操作。

通過ThemeList傳輸主題檔案，例如：wanhua.default.theme；通過SkinList傳輸面板檔案，例如：wanhua.default.Standard。

上述檔案傳輸完畢後，動態檔案已經全部部署。

1.2  主題與面板應用程式（靜態檔案）

藉助應用程式打包工具，將主題與面板的靜態檔案打成EAR包，然後上傳到管理控制檯的“應用程式型別”下的“WebSphere企業應用程式”中。這個過程比較簡單，這裡不再一一詳述。初學者如果不懂，則可以到IBM官方網站查閱入門教程。

檔案部署完成後，主題與面板即可用了。

2.2  主題與面板檔案的匯出/匯入

通過FlashFXP工具進行主題與面板的匯出/匯入操作。配置檔案匯出/匯入中的wpsadmin為管理員賬號。

2.2.1  配置檔案匯出

 使用FlashFXP工具連線到計算機上，如圖2-27所示。

圖2-27  使用FlashFXP連線計算機

 進入到執行主題與面板命令所在的目錄，如圖2-28所示。

圖2-28  進入到執行主題與面板命令所在的目錄

 將本地的“export.xml”檔案上傳到該目錄下，通過SecureCRT工具連線到該機器，執行圖2-29所示的命令，完成主題與面板的匯出。

圖2-29  執行命令

 配置檔案匯出完成。

2.2.2  配置檔案修改

 完成“配置檔案匯出”操作後，使用FlashFXP檢視時，右側會多出一個Out_Export.xml檔案，如圖2-30所示。

圖2-30  檢視檔案

 選擇Out_Export.xml並下載到本地，修改或新增圖2-31所示方框中的內容（放大後檢視）。

圖2-31  修改或新增內容

 修改完成後，儲存。配置檔案修改完成。

2.2.3  配置檔案匯入

 配置檔案修改完成後，通過FlashFXP上傳至目錄，並使用SecureCRT工具上傳至伺服器，如圖2-32所示。

圖2-32  執行命令

 配置檔案匯入完成。

2.3  主題與面板應用程式的應用

 進入Portal首頁的“管理”中，單擊左側欄中的“主題和外表”，如圖2-33所示。

圖2-33  主題和外表

 選擇“主題”列表中的主題名稱，單擊,如圖2-34所示。

圖2-34  設定預設的入口網站主題

 設定成功後，單擊右側的“編輯主題”，如圖2-35所示。

圖2-35  編輯主題

 將左側“所有外觀”列表中所需要的Skin新增到右側列表中，並且選擇一種外觀，設定為預設值，如圖2-36所法。

圖2-36  設定預設的外觀

 單擊“確定”按鈕，完成主題與面板的設定，如圖2-37所示。

圖2-37  完成主題與面板的設定

 主題與面板樣式應用成功。

2.4  主題與面板修改檔案的上傳操作

（1）修改後的動態檔案

通過AnyClient工具連結到fs-type1上，依次找到“/themes/wanhua.default.theme/”，將對應的檔案上傳到相應的檔案目錄下即可。

（2）修改後的靜態檔案

通過EAR打包上傳到管理控制檯即可