盧 冶， 翟東濤， 過錫偉

(1. 江蘇科技大學(xué) 電氣與信息工程學(xué)院,江蘇 張家港 215600; 2. 張家港金典軟件有限公司,江蘇 張家港 215600; 3. 張家港邊防檢查站，江蘇 張家港 215600)

?

邊檢“V通關(guān)”微信服務(wù)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

盧 冶1， 翟東濤2， 過錫偉3

(1. 江蘇科技大學(xué) 電氣與信息工程學(xué)院,江蘇 張家港 215600; 2. 張家港金典軟件有限公司,江蘇 張家港 215600; 3. 張家港邊防檢查站，江蘇 張家港 215600)

伴隨移動(dòng)互聯(lián)技術(shù)的迅猛發(fā)展，面對(duì)眾多的船務(wù)代理公司和代理人員，為提高邊防檢查工作效率和服務(wù)管理水平，設(shè)計(jì)并實(shí)現(xiàn)了讓廣大服務(wù)對(duì)象享受快速優(yōu)質(zhì)通關(guān)服務(wù)的平臺(tái)。微信前臺(tái)基于 HTML、CSS、JavaScript 設(shè)計(jì)自適應(yīng)網(wǎng)頁(yè)，負(fù)責(zé)采集多媒體信息；業(yè)務(wù)處理在 Struts2、Spring 和 Hibernate 框架的基礎(chǔ)上，結(jié)合前端框架 Ext-JS，構(gòu)建了公眾賬號(hào)服務(wù)器應(yīng)用程序。多媒體信息的發(fā)送和接收，實(shí)現(xiàn)了即時(shí)消息傳達(dá)和溝通互動(dòng)；Ext-JS 良好的組件化設(shè)計(jì)提升了 Web 界面品質(zhì)和開發(fā)效率。平臺(tái)的應(yīng)用促進(jìn)了邊檢服務(wù)模式的轉(zhuǎn)變，也為管理工作進(jìn)入新的層次奠定了基礎(chǔ)。

微信； 多媒體信息； 邊防檢查； Ext-JS

0 引 言

微信是一個(gè)為智能終端提供即時(shí)通訊服務(wù)的免費(fèi)應(yīng)用程序。它的通信功能和社交功能實(shí)現(xiàn)和提升了用戶間的互動(dòng)交流，平臺(tái)化功能則提供了一種新型的移動(dòng)應(yīng)用開發(fā)方式[1]。微信公眾平臺(tái)作為微信最為重要的組成部分，吸引著眾多企業(yè)和個(gè)人開發(fā)者不斷加入到微信開發(fā)陣營(yíng)，陸續(xù)在公眾平臺(tái)上創(chuàng)建并推廣自己的品牌和服務(wù)。

張家港邊防檢查站[2]經(jīng)國(guó)務(wù)院批準(zhǔn)成立于1982年8月，主要擔(dān)負(fù)長(zhǎng)江水域張家港段63.57 km內(nèi)的26個(gè)對(duì)外開放碼頭、74個(gè)開放泊位、15個(gè)江心浮筒和2個(gè)檢疫錨地的出入境邊防檢查任務(wù)。伴隨移動(dòng)互聯(lián)技術(shù)的迅猛發(fā)展，面對(duì)眾多的船務(wù)代理公司和代理人員，為了進(jìn)一步創(chuàng)新便民、利民舉措，創(chuàng)優(yōu)邊檢服務(wù)管理水平，需要構(gòu)建一套智能化、信息化、高效率、互動(dòng)性強(qiáng)的整體解決方案：① 對(duì)于船務(wù)代理公司和代理人員的信息進(jìn)行現(xiàn)場(chǎng)備案；② 通過微信前臺(tái)頁(yè)面采集服務(wù)對(duì)象的多媒體業(yè)務(wù)數(shù)據(jù)(文本、聲音、圖片、視頻等)并發(fā)送到部署了Web 應(yīng)用的公眾賬號(hào)服務(wù)器上；③ 邊檢值班人員及時(shí)應(yīng)對(duì)處理并將結(jié)果反饋到服務(wù)對(duì)象的手機(jī)上；④ 統(tǒng)計(jì)和備份服務(wù)對(duì)象發(fā)生的業(yè)務(wù)數(shù)據(jù)，并實(shí)現(xiàn)與原有業(yè)務(wù)系統(tǒng)的無(wú)縫對(duì)接。

基于上述業(yè)務(wù)需求，本文設(shè)計(jì)并實(shí)現(xiàn)了邊檢“V通關(guān)”微信服務(wù)平臺(tái)(簡(jiǎn)稱邊檢通關(guān)平臺(tái))。平臺(tái)是邊檢機(jī)關(guān)通過微信渠道讓廣大服務(wù)對(duì)象享受快速優(yōu)質(zhì)通關(guān)服務(wù)的完整方案。微信前臺(tái)基于HTML、CSS、JavaScript[3-5]設(shè)計(jì)自適應(yīng)網(wǎng)頁(yè)；業(yè)務(wù)處理在 Struts2、Spring 和 Hibernate[4-6]框架的基礎(chǔ)上，結(jié)合Web 前端框架Ext-JS[7]，構(gòu)建了公眾賬號(hào)服務(wù)器應(yīng)用程序。除了具有政策法規(guī)發(fā)布、在線咨詢回復(fù)、投訴建議受理等信息推送、互動(dòng)基礎(chǔ)服務(wù)功能外，主要受理登輪證辦理、船舶移泊申請(qǐng)、船舶實(shí)際抵離港時(shí)間申報(bào)三項(xiàng)業(yè)務(wù)。平臺(tái)實(shí)現(xiàn)了邊檢服務(wù)管理工作從傳統(tǒng)的計(jì)算機(jī)應(yīng)用模式向移動(dòng)互聯(lián)管理模式的轉(zhuǎn)變。

1 系統(tǒng)設(shè)計(jì)

1.1 系統(tǒng)架構(gòu)

為了滿足特定業(yè)務(wù)需求，諸如實(shí)現(xiàn)用戶身份驗(yàn)證、對(duì)接企業(yè)的業(yè)務(wù)系統(tǒng)、實(shí)現(xiàn)個(gè)性化回復(fù)等，需要企業(yè)注冊(cè)公眾服務(wù)帳號(hào)、啟用開發(fā)模式、并且部署 Web 應(yīng)用的公網(wǎng)環(huán)境。用戶持有的手機(jī)終端是邊檢通關(guān)平臺(tái)的感知層，負(fù)責(zé)業(yè)務(wù)數(shù)據(jù)的全面采集。公眾賬號(hào)服務(wù)器是后臺(tái)處理程序，是傳統(tǒng)的 Web 應(yīng)用環(huán)境，全面處理和統(tǒng)計(jì)前端采集的數(shù)據(jù)并將結(jié)果反饋給手機(jī)用戶，以實(shí)現(xiàn)信息傳達(dá)、動(dòng)態(tài)交互和智能管理。

1.2 開發(fā)架構(gòu)

邊檢通關(guān)平臺(tái)的開發(fā)架構(gòu)如圖1所示。微信前臺(tái)創(chuàng)建自定義功能菜單，分為6個(gè)模塊：用戶授權(quán)模塊、登輪許可證辦理模塊、在港船舶移泊申請(qǐng)模塊、實(shí)際抵離港時(shí)間申報(bào)模塊、在線咨詢模塊和舉報(bào)投訴模塊。

圖1 邊檢通關(guān)平臺(tái)的開發(fā)架構(gòu)

業(yè)務(wù)前臺(tái)與微信前臺(tái)對(duì)應(yīng)，除上述6個(gè)功能模塊以外，還包括：現(xiàn)場(chǎng)備案模塊、日志管理模塊和系統(tǒng)管理模塊。

(1) 現(xiàn)場(chǎng)備案模塊。持有手機(jī)的船務(wù)代理人員必須進(jìn)行現(xiàn)場(chǎng)備案，才能進(jìn)行業(yè)務(wù)操作。備案模塊分為公司備案與個(gè)人備案，個(gè)人備案必須在公司備案的基礎(chǔ)上進(jìn)行。備案過程由一系列資料的提交與處理構(gòu)成，以便查詢與追溯備案的過程與結(jié)果。除了提交規(guī)定的資料以外，還需要處理以下關(guān)鍵信息，以建立備案數(shù)據(jù)的多重關(guān)聯(lián)關(guān)系，如圖2所示。

圖2 備案數(shù)據(jù)的多重關(guān)聯(lián)

(2) 登輪許可證辦理模塊。負(fù)責(zé)辦理登輪手續(xù)。登輪證分為三種：普通登輪證、從事供應(yīng)、加油、維修等業(yè)務(wù)登輪證(需要《船方委托書》(照片))和船員親屬登輪證(需要《船方申請(qǐng)》(照片)、親屬關(guān)系證明(照片))。服務(wù)對(duì)象通過實(shí)名備案后，就可以通過手機(jī)直接進(jìn)行登輪許可的申請(qǐng)。邊檢值班人員在接到申請(qǐng)后，對(duì)通過審核的服務(wù)對(duì)象推送一個(gè)二維碼圖片，服務(wù)對(duì)象憑借二維碼圖片到碼頭出示給檢查人員，通過警務(wù)通的驗(yàn)證后即可直接登輪。

(3) 在港船舶移泊申請(qǐng)模塊。負(fù)責(zé)邊檢站所轄港口的船舶從原來的靠泊地移動(dòng)到另一靠泊地的時(shí)間申請(qǐng)和批準(zhǔn)。

(4) 抵離港申請(qǐng)模塊。負(fù)責(zé)邊檢站所轄港口的船舶到達(dá)和駛離時(shí)間的申請(qǐng)和批準(zhǔn)。

(5) 在線咨詢和舉報(bào)投訴模塊。服務(wù)對(duì)象通過手機(jī)發(fā)送文本、圖片和聲音等多媒體信息。業(yè)務(wù)前臺(tái)接收信息后可以實(shí)時(shí)播放這些多媒體文件，邊檢值班人員根據(jù)咨詢和投訴內(nèi)容，通過富文本編輯器編輯多媒體信息進(jìn)行回復(fù)。

(6) 用戶授權(quán)模塊。實(shí)現(xiàn)邊檢通關(guān)平臺(tái)用戶(船務(wù)代理人員和邊檢值班人員)的動(dòng)態(tài)管理。菜單對(duì)象定義系統(tǒng)的不同功能模塊；角色對(duì)象指定不同角色所擁有的等級(jí)和權(quán)限；用戶授權(quán)功能則為指定用戶分配角色，從而不同的用戶會(huì)看到不同的菜單內(nèi)容。微信前臺(tái)對(duì)于不同角色的用戶會(huì)推送不同的信息；業(yè)務(wù)前臺(tái)則以樹型結(jié)構(gòu)進(jìn)行菜單的動(dòng)態(tài)呈現(xiàn)[8]。

(7) 日志管理模塊。邊檢值班人員的所有操作都將記錄日志。日志管理模塊能夠按照業(yè)務(wù)模塊和值班人員進(jìn)行操作查詢和數(shù)據(jù)統(tǒng)計(jì)。

(8) 系統(tǒng)管理模塊。負(fù)責(zé)邊檢值班人員的信息管理、密碼修改、以及業(yè)務(wù)常用回復(fù)信息的動(dòng)態(tài)維護(hù)等。

1.3 技術(shù)架構(gòu)

從技術(shù)架構(gòu)來說，邊檢通關(guān)平臺(tái)的微信前臺(tái)基于 HTML、CSS、JavaScript 和 AJAX[9]技術(shù)實(shí)現(xiàn)；公眾賬號(hào)服務(wù)器以 Struts2、Spring 和 Hibernate 框架為基礎(chǔ)，采用了基于 B/S 結(jié)構(gòu)的多層架構(gòu)設(shè)計(jì)思想，結(jié)合 Web 前端框架——Ext-JS，把系統(tǒng)實(shí)現(xiàn)為頁(yè)面表示層、控制層、業(yè)務(wù)層、數(shù)據(jù)訪問層和數(shù)據(jù)持久層。Struts2、Spring 與 Hibernate 整合在一起，能夠有效搭建三層或多層系統(tǒng)，不僅可以解耦、職責(zé)劃分清晰，還有利于提高可維護(hù)性和可擴(kuò)展性。Spring 是服務(wù)于所有層面的應(yīng)用程序，提供了 Bean 的配置基礎(chǔ)、AOP 的支持、JDBC 提取框架、抽象事務(wù)支持等，還有效地組織了系統(tǒng)中的中間層對(duì)象，消除了組件對(duì)象創(chuàng)建與使用耦合緊密的問題[10]。Hibernate 充分利用提供的 O/R 映射功能，采用DAO 設(shè)計(jì)模式與數(shù)據(jù)庫(kù)進(jìn)行交互。該模式不僅將前端技術(shù)與后端技術(shù)完全分離，還能夠保證源碼簡(jiǎn)練和完全面向?qū)ο箫L(fēng)格[11]。數(shù)據(jù)庫(kù)使用MySQL，Web 服務(wù)器為 Tomcat。

2 系統(tǒng)分析與實(shí)現(xiàn)

2.1 發(fā)送HTTPS請(qǐng)求

創(chuàng)建自定義菜單、獲取手機(jī)用戶基本信息、篩選關(guān)注者列表、上傳及下載多媒體文件等功能，都需要調(diào)用公眾平臺(tái)開放的接口，這些接口是基于HTTPS協(xié)議的。HTTPS是HTTP和SSL/TLS協(xié)議的組合，用于提供加密通信以及對(duì)網(wǎng)絡(luò)服務(wù)器身份的驗(yàn)證。SSL協(xié)議使用X.509認(rèn)證，包括加密的網(wǎng)絡(luò)上客戶端和服務(wù)器相互發(fā)送的信息；驗(yàn)證消息在傳送過程是否被人改動(dòng)；用RSA公鑰方法驗(yàn)證服務(wù)器；驗(yàn)證客戶身份[12]。

JSSE(Java Secure Socket Extension) 是一個(gè) SSL 和 TLS 的純 Java 實(shí)現(xiàn)，可以透明地提供數(shù)據(jù)加密、服務(wù)器認(rèn)證、信息完整性等功能。JSSE 將危險(xiǎn)的安全弱點(diǎn)降到最低，并且可以減輕開發(fā)者的負(fù)擔(dān)，使得開發(fā)者可以很容易編程實(shí)現(xiàn)對(duì) HTTPS 站點(diǎn)的訪問。

客戶端在連接 SSL 服務(wù)器時(shí)，SSL 服務(wù)器會(huì)將自己的證書鏈交給客戶端驗(yàn)證。如果在證書鏈中發(fā)現(xiàn)存在無(wú)效的證書，客戶端會(huì)立即終止連接?？蛻舳说?TrustStore 文件保存著被客戶端所信任的服務(wù)器的證書信息，JSSE 正是根據(jù) TrustStore 文件決定是否信任服務(wù)器端的證書。

JSSE 提供了一系列應(yīng)用程序編程接口以及這些接口的實(shí)現(xiàn)類[13]。其中有一個(gè)默認(rèn)的信任管理器類，它負(fù)責(zé)決定是否信任服務(wù)器端的證書?？蛻舳嗽L問 HTTPS 鏈接時(shí)，有兩種方法能夠讓 JSSE 信任 HTTPS 服務(wù)器端的安全證書：一是將 HTTPS 服務(wù)器端的安全證書導(dǎo)入到客戶端的 TrustStore 文件中，該方法相對(duì)安全，但是如果服務(wù)器端證書經(jīng)常變化，則非常不方便；二是實(shí)現(xiàn)自定義的信任管理器類；該方法避免手工導(dǎo)入證書，相對(duì)靈活[14]。

邊檢通關(guān)平臺(tái)采用了自定義的信任管理器。管理器類實(shí)現(xiàn)了 X509TrustManager 接口，并實(shí)現(xiàn)了該接口的3個(gè)方法：① checkClientTrusted() 方法用于檢查客戶端的證書；② checkServerTtrusted() 方法用于檢查服務(wù)器端的證書；③ getAcceptedIssuers() 方法返回受信任的 X509 證書數(shù)組。

2.2 自定義菜單接口

通過調(diào)用自定義菜單接口，能夠?qū)崿F(xiàn)菜單的創(chuàng)建、查詢與刪除。自定義菜單項(xiàng)通常被看作是按鈕，按鈕的類型有Click(點(diǎn)擊事件)和 View(訪問網(wǎng)頁(yè))兩種。Click 類型按鈕會(huì)根據(jù)微信服務(wù)器返回的 Key 值和 Event 事件進(jìn)行消息響應(yīng)；而 View 類型的按鈕則會(huì)通過微信內(nèi)置瀏覽器訪問開發(fā)者指定的 URL。

(1) 菜單結(jié)構(gòu)說明。由于 JSON 格式的數(shù)據(jù)簡(jiǎn)單、便捷，所以向微信服務(wù)器提交的菜單結(jié)構(gòu)采用 JSON 格式。但是，JSON 格式?jīng)]有 XML 格式一目了然，尤其是 JSON 數(shù)據(jù)很長(zhǎng)的時(shí)候，會(huì)陷入繁瑣復(fù)雜的數(shù)據(jù)節(jié)點(diǎn)查找中；同時(shí)，使用手工或者字符串拼接的方式實(shí)現(xiàn)編輯，容易出錯(cuò)，也不利于代碼的閱讀和后期維護(hù)，所以要借助 JSON 開源工具包。

(2) 封裝菜單結(jié)構(gòu)。菜單的層級(jí)分為一級(jí)和二級(jí)，通常為 3*5 的菜單結(jié)構(gòu)。首先將菜單按鈕封裝成 Button 對(duì)象，然后按照結(jié)構(gòu)將按鈕對(duì)象分為三類：ComplexButton 對(duì)象為一級(jí)菜單；二級(jí)菜單分別是 ClickButton 對(duì)象和 ViewButton 對(duì)象。Menu 對(duì)象是三類按鈕對(duì)象的組合。在獲取到 Menu 對(duì)象后，使用 JSON-lib 工具包將 Menu 對(duì)象轉(zhuǎn)換成 JSON 字符串提交給微信服務(wù)器。

(3) 響應(yīng)菜單點(diǎn)擊事件。菜單創(chuàng)建完成后，手機(jī)客戶端將會(huì)看到效果。點(diǎn)擊 View 類型的按鈕會(huì)打開指定的 URL，此時(shí)由于無(wú)法獲取用戶的發(fā)送方賬號(hào)(對(duì)于一個(gè)公眾賬號(hào)，用戶擁有一個(gè)唯一的發(fā)送方賬號(hào))，那么 View 類型的按鈕會(huì)指向邊檢動(dòng)態(tài)、使用幫助、活動(dòng)宣傳、值班信息等頁(yè)面。而 Click 類型的按鈕則需要通過邊檢通關(guān)平臺(tái)接收事件消息，并經(jīng)由 OAuth2.0 實(shí)現(xiàn)網(wǎng)頁(yè)授權(quán)進(jìn)入業(yè)務(wù)處理頁(yè)面。

自定義功能菜單和菜單項(xiàng)鏈接頁(yè)面如圖3所示。

圖3 功能菜單和鏈接頁(yè)面

2.3 多媒體數(shù)據(jù)交互

構(gòu)建公眾賬號(hào)服務(wù)器應(yīng)用程序，主要是發(fā)揮微信平臺(tái)其信息流轉(zhuǎn)、連接用戶與業(yè)務(wù)、實(shí)現(xiàn)溝通互動(dòng)的服務(wù)特點(diǎn)。因此，消息的發(fā)送、接收與響應(yīng)是后臺(tái)處理中的重中之重。

通常，公眾平臺(tái)的消息交互流程如下：當(dāng)微信用戶向公眾賬號(hào)發(fā)送消息時(shí)，微信服務(wù)器將信息以 XML 數(shù)據(jù)包的形式發(fā)送到開發(fā)者填寫的 URL 上。后臺(tái)處理程序接收消息并進(jìn)行處理，然后按原路返回特定的 XML 結(jié)構(gòu)進(jìn)行消息響應(yīng)。目前支持文本、圖片、圖文、語(yǔ)音、視頻、音樂格式。

(1) 消息的分類。微信服務(wù)器與公眾賬號(hào)服務(wù)器交互的消息可以分為 3 類：請(qǐng)求消息、事件和響應(yīng)消息。請(qǐng)求消息是由手機(jī)用戶發(fā)送給公眾賬號(hào)的消息。事件是用戶對(duì)公眾賬號(hào)做出某種操作(如關(guān)注操作)時(shí)，微信服務(wù)器會(huì)將對(duì)應(yīng)的事件推送給公眾賬號(hào)服務(wù)器。響應(yīng)消息是公眾賬號(hào)回復(fù)給手機(jī)用戶的消息。

(2) 上傳及下載多媒體文件。公眾賬號(hào)服務(wù)器應(yīng)用程序在接收用戶發(fā)送的多媒體消息時(shí)，需要憑借唯一的 media_id 從微信服務(wù)器上下載多媒體文件，并可以在線播放和查閱；同樣地，公眾賬號(hào)服務(wù)器應(yīng)用程序給手機(jī)用戶回復(fù)多媒體消息時(shí)，也需要預(yù)先將多媒體文件上傳到微信服務(wù)器，上傳成功后會(huì)返回唯一的 media_id。

(3) 富文本編輯器。登輪證辦理、在港船舶移泊申請(qǐng)、抵離港時(shí)間申報(bào)的在線回復(fù)中需要編輯包含多個(gè)段落的文本信息；在線咨詢、舉報(bào)投訴的回復(fù)內(nèi)容還需要編輯多媒體信息。因此，基于 Ext-JS 的 HTMLEditor 組件并做適當(dāng)擴(kuò)展[15]，實(shí)現(xiàn)了一個(gè)富文本編輯器。它不僅可以管理符合 HTML 規(guī)范的文檔信息，還能夠?qū)崿F(xiàn)圖片、聲音、視頻文件的上傳，還可以查看符合 HTML 規(guī)范的源代碼。

手機(jī)客戶端多媒體消息的接收和推送的登輪二維碼圖片見圖4，該二維碼是使用 QRCode 生成的。

圖4 手機(jī)終端接收多媒體消息和二維碼

2.4 增強(qiáng)用戶體驗(yàn)

在構(gòu)建邊檢通關(guān)平臺(tái)的手機(jī)頁(yè)面和公眾賬號(hào)后臺(tái)處理程序時(shí)，十分注重細(xì)節(jié)的設(shè)計(jì)，方便船務(wù)代理人員和邊檢值班人員的使用，增強(qiáng)用戶體驗(yàn)。

(1) 國(guó)籍模糊查詢。由于船舶隸屬于 200 多個(gè)國(guó)家，因此在手機(jī)終端填寫國(guó)籍信息時(shí)需要進(jìn)行模糊查詢。采用 JavaScript 構(gòu)建了基于浮動(dòng) DIV 的下拉列表框，列表框的國(guó)籍?dāng)?shù)據(jù)會(huì)根據(jù)文本框輸入動(dòng)態(tài)生成，選中國(guó)籍后會(huì)把完整國(guó)籍信息顯示在對(duì)應(yīng)文本框中。

(2) 阻止表單重復(fù)提交。在測(cè)試的過程中，發(fā)現(xiàn)華為 P6 手機(jī)在業(yè)務(wù)提交成功后，點(diǎn)擊回退按鈕時(shí)會(huì)重復(fù)提交數(shù)據(jù)。因此，采用 Struts2 的 Token 機(jī)制，避免表單數(shù)據(jù)的重復(fù)提交。

(3) 查詢船務(wù)代理人員的備案信息及業(yè)務(wù)歷史數(shù)據(jù)。在 5個(gè)業(yè)務(wù)功能查詢結(jié)果中，點(diǎn)擊代理人姓名鏈接，即可查詢出其備案信息及業(yè)務(wù)辦理歷史數(shù)據(jù)(共多少、通過多少次、未通過多少次)。

(4) 消息提醒。當(dāng)有手機(jī)用戶提交數(shù)據(jù)時(shí)，需要在邊檢通關(guān)平臺(tái)的后臺(tái)處理程序中實(shí)時(shí)提醒值班人員。因此，采用了類似電子郵箱的處理機(jī)制。當(dāng)有任何業(yè)務(wù)數(shù)據(jù)提交時(shí)，會(huì)在屏幕的右下角以小窗口+語(yǔ)音的形式提醒值班人員，并在相應(yīng)業(yè)務(wù)菜單的后面提示未處理數(shù)據(jù)的條數(shù)。當(dāng)數(shù)據(jù)處理完畢后，對(duì)應(yīng)未處理?xiàng)l數(shù)會(huì)相應(yīng)遞減。

(5) Web 在線踢人。為了保證每名值班人員只能在一臺(tái)機(jī)器上登錄，實(shí)現(xiàn)了 Web 在線踢人功能。首先創(chuàng)建一個(gè) Map 容器，Key 值為值班人員的姓名，Value 為值班人員對(duì)象。然后創(chuàng)建一個(gè) Session 監(jiān)聽器去監(jiān)聽 Session 屬性的創(chuàng)建。當(dāng)檢測(cè)到有 Session 的屬性 username 添加時(shí)，就會(huì)把對(duì)應(yīng)的 Session 中 username 屬性清空。最后創(chuàng)建一個(gè)攔截器，攔截器會(huì)根據(jù)登錄時(shí)間判斷登錄次序的先后，舊的登錄人員只能跳轉(zhuǎn)到登錄頁(yè)面。

3 結(jié) 語(yǔ)

本文針對(duì)移動(dòng)互聯(lián)發(fā)展趨勢(shì)中，邊檢服務(wù)多元化信息處理、以及簡(jiǎn)化客戶處理流程的需求，借助微信渠道設(shè)計(jì)并實(shí)現(xiàn)了邊檢“V通關(guān)”微信服務(wù)平臺(tái)。平臺(tái)由手機(jī)頁(yè)面和公眾賬號(hào)服務(wù)器應(yīng)用程序兩部分構(gòu)成。手機(jī)頁(yè)面通過 HTML、CSS、JavaScript 控制自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)；公眾賬號(hào)服務(wù)器程序則基于 SSH + Ext-JS 框架。其優(yōu)點(diǎn)在于：多媒體消息的發(fā)送、接收以及在線播放與編輯，實(shí)現(xiàn)了即時(shí)信息傳達(dá)和溝通互動(dòng)；與現(xiàn)有邊檢業(yè)務(wù)系統(tǒng)的無(wú)縫對(duì)接，讓廣大服務(wù)對(duì)象享受了快速優(yōu)質(zhì)通關(guān)服務(wù)；Ext-JS 良好的組件化設(shè)計(jì)提升了 Web 界面品質(zhì)和開發(fā)效率。平臺(tái)的應(yīng)用促進(jìn)了邊檢服務(wù)模式的轉(zhuǎn)變，簡(jiǎn)化了業(yè)務(wù)處理流程，提高了工作效率，也為管理工作進(jìn)入新的層次奠定了基礎(chǔ)。

[1] 王 萍. 微信移動(dòng)學(xué)習(xí)平臺(tái)建設(shè)與應(yīng)用[J]. 現(xiàn)代教育技術(shù), 2014, 24(5): 88-95.

[2] 張家港邊防檢查站[EB/OL]. http://www.zjgbjz.com/index.asp, 2014.

[3] David Flanagan. JavaScript權(quán)威指南(第6版)[M]. 北京: 機(jī)械工業(yè)出版社, 2012.

[4] 李 剛. 輕量級(jí)Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)(第3版)[M]. 北京: 電子工業(yè)出版社, 2014.

[5] 陳雄華, 林開雄. Spring 3.x企業(yè)應(yīng)用開發(fā)實(shí)戰(zhàn). 北京: 電子工業(yè)出版社, 2013.

[6] 孫衛(wèi)琴. 精通 Hibernate：Java對(duì)象持久化技術(shù)(第2版)[M]. 北京:電子工業(yè)出版社, 2010.

[7] 衛(wèi) 軍, 夏慧軍, 孟臘春, 等. ExtJS Web應(yīng)用程序開發(fā)指南(第2版)[M]. 北京:機(jī)械工業(yè)出版社, 2011.

[8] 李天鳴, 何月順. 基于ExtJS技術(shù)與SSH框架的權(quán)限管理研究[J]. 計(jì)算機(jī)應(yīng)用與軟件, 2011, 28(5): 165-166.

[9] 余建潮, 汪進(jìn)前, 葉秉良, 等. 基于Ajax的實(shí)驗(yàn)室安全知識(shí)培訓(xùn)系統(tǒng)研發(fā)[J]. 實(shí)驗(yàn)室研究與探索, 2012, 31(2): 195-197.

[10] 盧 冶, 徐 明, 蘇 勇. 一個(gè)基于Ext-JS技術(shù)的污水管理信息平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 計(jì)算機(jī)應(yīng)用與軟件, 2013, 30(9): 241-244.

[11] 盧 冶, 徐 明, 蘇 勇. 農(nóng)村環(huán)境連片整治長(zhǎng)效管理感知平臺(tái)的設(shè)計(jì)[J]. 實(shí)驗(yàn)室研究與探索, 2014, 33(2): 118-121.

[12] 梁敏鴻, 陳平華. 基于JSSE和SOAP頭的Web服務(wù)安全通信的研究與實(shí)現(xiàn)[J]. 現(xiàn)代計(jì)算機(jī)(專業(yè)版), 2012, (6): 49-53.

[13] 王偉強(qiáng), 唐晶磊, 劉忠彥. 基于JSSE的可擴(kuò)展安全通信系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J]. 計(jì)算機(jī)工程與設(shè)計(jì), 2009, 30(3): 597-599.

[14] 柳 峰. 微信公眾平臺(tái)應(yīng)用開發(fā)方法、技巧與案例[M]. 北京: 機(jī)械工業(yè)出版社, 2014.

[15] Ext-JS擴(kuò)展Htmleditor[EB/OL]. http://hi.baidu.com/jackvoilet/blog/item/38551a3dc709d40cbba16717.html,2010-03-27.

Design and Implementation of a Convenient Wechat Service Platform for Immigration Inspection

LUYe,ZHAIDong-tao,GUOXi-wei

(1. School of Electrical and Information Engineering, Jiangsu University of Science and Technology, Zhangjiang,215600, China; 2. Zhangjiagang Kingteam Software Co., Ltd, Zhangjiang, 215600, China; 3. Zhangjiagang Immigration Inspection Station, Zhangjiagang 215600, China)

With the rapid development of mobile networking, facing on the numerous shipping agent companies and agency staff, in order to improve the efficiency and management level of the immigration inspection, a platform which provides top quality service for the large-scale customers is designed and implemented. On the one hand, the Wechat front end whose responsibility is to gather multi-media information is made up of the adaptive web pages by means of HTML, CSS and JavaScript. On the other hand, a web application deployed to a public accounts server is constructed based on Struts2, Spring, Hibernate and Ext-JS. Due to the transmission and reception of multi-media information, the information delivery and communication interaction are achieved. Moreover, good component-based programming in Ext-JS effectively improved the quality of web pages and development efficiency. The application of this platform has promoted the transformation of the service mode, and also laid the foundation for the immigration inspection management entering a new level.

wechat; multi-media message; immigration inspection; Ext-JS

2015-01-24

盧 冶(1975-)，女，遼寧大連人，碩士，講師/工程師，研究方向?yàn)樽匀徽Z(yǔ)言處理與軟件工程。

Tel.：0512-56731561，18962234056；E-mail：houyily@126.com

TP 311

A

1006-7167(2015)10-0092-04