iT邦幫忙

DAY 28
4

進程。Processing系列 第 28

[進程。Processing] 28.編碼(Encoding)

系統上線執行逐漸穩定了,這一天 James 接到總經理的 mail,有一張採購單怎麼採購簽核資訊怎麼都沒有顯示?
首先,James 檢查 SQL Server 與 IIS Server 的狀況,都正常運作,執行別張單據,也都正常,問題應該就只有這張單了。

James 比對採購分析資訊上的料號以及 BPM 採購單的料號,發現 BPM 採購單上的料號有一個 + 號,但是網頁上的料號該字元卻是空白。

這時 James 猛然想起,Google 查詢 Submit 後的 URL Location,每次查詢 Keyword 中有空白時,都會出現 + 號,「哎呀!+ 被 QueryString 當成空白了」

於是 James 將 js 中,有關 url 傳遞 part_id 參數的部分,都加上 encodeURIComponent,將傳輸的 QueryString 編碼,以避免被自動轉換掉。

$.ajax({
        url: 'doPO_sp.aspx?slip_no=' + SLIP_NO + '&slip_date=' + SLIP_DATE + '&part_id=' + encodeURIComponent(part_id) + '&type=renew&Debug=' +isDebug+'&user_id='+user_id,

同時,從 BPM 那邊傳過來的部份,應該也會有這個問題,所以 James 請小艾在 BPM 中的 URL Link 中加上 java.net.URLEncoder.encode(part_id)

var part_link="<a href='http://10.2.32.168/ERP/qryPO_Parts.aspx?SLIP_NO="+po_no+"&user_id="+cmem_workid+"&SLIP_DATE="+po_date+"&part_id="+ java.net.URLEncoder.encode(part_id)+"' target='_blank'>"

重新開啟採購分析資訊時,料號與相關資訊的顯示都正常了,James 透過採購簽核查詢介面,又測試了幾張單,發現還有一個狀況,中文會出現亂碼;以前料件編碼沒有定義好,燒錄料的部份使用了中文編碼,使得經過的料號,採用 ISO-8859-1 編碼,於是要小艾再將 URLEncoder 修改一下,改以 java.net.URLEncoder.encode(part_id, "utf8") 的方式,就 OK 了。

James 這天剛好帶 iPad 來,就順便用 iPad 來測試一下採購簽核資訊的操作,在這之前他在 qryPO_parts.aspx 中加入了 HTML5 對行動裝置的支援作法。(註1)

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

讓畫面可以符合行動裝置的顯示方式。(圖1)(圖2)

圖1:iPad 執行畫面 1

圖2:iPad 執行畫面 2

「效果還蠻好的」James 將 iPad 上的呈現效果拿給小艾及喬安看,大家也都覺得很新奇。

「幾乎沒什麼差別」小艾也試著操作看看「不過,Scrollbar 的部份就沒辦法顯示,只能憑直覺滑動」

「嗯,這應該跟 Ext js 這部份的 CSS 沒有特別針對行動裝置去調整有關,不過那得花時間去研究了」James 不想多花時間去處理這個問題,也許等哪一天有空,再去查一下 Forum 看有沒有人反映過這個問題了。

註1:請參考 Choosing a viewport for iPad sites
& Safari Developer LIbrary:Supported Meta Tags

Prev Next

本篇全系列文章


上一篇
[進程。Processing] 27.更新(Refreshing)
下一篇
[進程。Processing] 29.效能(Performance)
系列文
進程。Processing31

1 則留言

0
ted99tw
iT邦高手 1 級 ‧ 2012-10-28 10:13:07

哇, iPad也可以用耶~~~喜歡喜歡喜歡

我要留言

立即登入留言