PeopleSoft 登入頁面更換

標籤：style   http   io   color   os   ar   使用   java   for   

開始前先說兩點建議：

1、你如果有網頁設計基礎，那好辦，但如果沒有，建議你就改LOGO圖片就好，改LOGO很簡單，找到LOGO圖片檔案夾（..../PORTAL.war/HR90PRD/images）,找到檔案OPSE_logo.gif，替換即可。務必注意，圖片大小和gif格式要一致。然後清理web緩衝，重啟web服務，就好。

2、如果你是整個頁面大改，你肯定要會網頁設計，分析PS標準登陸頁面裡面的內容，然後把關鍵區段（各個指令碼、圖片路徑，登陸和錯誤驗證的指令碼和訊息等）扣取出來，然後加上你自己設計的網頁和指令碼圖片檔案即可。同樣要注意清web緩衝，重啟web服務。

接下來開始講解如何完全更改PS登陸首頁：

一、設計好靜態網頁，建議將網頁的CSS樣式就直接放進HTM網頁檔案代碼中，不要分開檔案放，如果有JS指令碼也建議不要分開放，這後期處理會比較方便。一般靜態網頁檔案準備好後，會有幾個檔案：HTML網頁檔案和圖片檔案。

二、把PS登入首頁HTML檔案從伺服器拷貝出來，然後將靜態頁面按照PS登入頁面的功能要求變更，PS登入首頁檔案名稱叫“signin.html”，首頁在伺服器上的地址一般在：~/PT8.51/webserv/peoplesoft/applications/peoplesoft/PORTAL.war/WEB-INF/psftdocs。

     將靜態頁面更換成PS登入首頁是考驗一個既懂PS系統又懂網頁設計人功底的地方，建議用網頁設計工具同時開啟靜態網頁和PS登入首頁檔案進行編輯，我用的是VS2010。因為每家公司要求的首頁都不一樣，在這裡我主要提出一些注意點：

• 更換靜態頁面的圖片路徑、指令碼路徑，更換成PS系統圖片和指令碼目錄位址，如：src="<%=psCtxPath%><%=psHome%>/images/OPSE_logo.gif"。
• 將新頁面所需的圖片和其他所需指令檔上傳至PS系統的圖片目錄，圖片目錄一般為：~/PT8.51/webserv/peoplesoft/applications/peoplesoft/PORTAL.war/ps
• 將PS登陸首頁的JS指令碼複製黏貼進新頁面的相應位置，然後將新網頁裡的登陸按鈕、使用者名稱、密碼輸入框網頁元素的 ID，CLASS以及JS事件等更改為和老頁面一樣，同時注意更改新頁面CSS樣式的ID或者CLASS名字。
• 錯誤訊息欄的樣式，文字參數，以及JS事件按照老頁面進行調整。
• 網頁中可以看到大量的類似“<%=131%>”的參數，這個是文字顯示作用，因為PS系統支援多語言，所以當你選擇網頁上多語言選項時，系統會根據所選擇語言然後自動給那些數字參數配備相應語言的文字。那麼PS系統伺服器上在登入頁面所在目錄裡存放著不同語言的檔案（text_ZHS.properties、、、、），如果要更改頁面顯示文字，只要找到相應語言對應的檔案，然後用記事本開啟，找到對應的數字參數，更改數字參數對應的文字即可。但是，這裡設定檔中，使用的類似於\u4eba\u529b\u8d44\u6e90\u4fe1\u606f\u7cfb\u7edf的unicode編碼，那麼你無法直接辨認和更改，這時候，可以只用unicode轉碼工具，進行轉碼翻譯後即可使用。推薦一個ucicode轉中文碼網站：http://javawind.net/tools/native2ascii.jsp?action=transform

三、登入頁面更改完畢後，記得調整下逾時頁面和緩衝重新登入頁面LOGO或者文字。具體哪個頁面大家可以去首頁所在目錄裡面找找。

四、將更新好的分頁檔以及語言設定檔上傳至伺服器指定目錄後，記得還要重啟WEB服務才會生效。有人說要清下WEB緩衝，不過每次我沒有清WEB緩衝也都生效了。

 

 

PeopleSoft 登入頁面更換