所謂主題與皮膚，主要指門戶系統的界面風格與顯示方式。在企業門戶項目的實施中，主題與皮膚的開發是重中之重。因爲作爲所有企業內外信息、應用的統一入口，可謂是一個企業的臉面。從另一方面講，在一個企業內，沒有任何系統比門戶系統有更多的員工使用，在項目實踐中我也發現，花在主題與皮膚開發上面的時間往往佔很大的比重，對美工的要求也比較嚴格。
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-25 常規信息
按要求填寫信息，如圖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打包上傳到管理控制檯即可