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

盧 冶， 翟東濤， 過錫偉

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

?

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

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

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

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

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

0 引 言

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

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

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

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

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

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

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

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

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

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

(1) 現(xiàn)場備案模塊。持有手機(jī)的船務(wù)代理人員必須進(jìn)行現(xiàn)場備案，才能進(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ù)登輪證(需要《船方委托書》(照片))和船員親屬登輪證(需要《船方申請》(照片)、親屬關(guān)系證明(照片))。服務(wù)對象通過實(shí)名備案后，就可以通過手機(jī)直接進(jìn)行登輪許可的申請。邊檢值班人員在接到申請后，對通過審核的服務(wù)對象推送一個(gè)二維碼圖片，服務(wù)對象憑借二維碼圖片到碼頭出示給檢查人員，通過警務(wù)通的驗(yàn)證后即可直接登輪。

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

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

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

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

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

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

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

從技術(shù)架構(gòu)來說，邊檢通關(guān)平臺的微信前臺基于 HTML、CSS、JavaScript 和 AJAX[9]技術(shù)實(shí)現(xiàn)；公眾賬號服務(wù)器以 Struts2、Spring 和 Hibernate 框架為基礎(chǔ)，采用了基于 B/S 結(jié)構(gòu)的多層架構(gòu)設(shè)計(jì)思想，結(jié)合 Web 前端框架——Ext-JS，把系統(tǒng)實(shí)現(xiàn)為頁面表示層、控制層、業(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)中的中間層對象，消除了組件對象創(chuàng)建與使用耦合緊密的問題[10]。Hibernate 充分利用提供的 O/R 映射功能，采用DAO 設(shè)計(jì)模式與數(shù)據(jù)庫進(jìn)行交互。該模式不僅將前端技術(shù)與后端技術(shù)完全分離，還能夠保證源碼簡練和完全面向?qū)ο箫L(fēng)格[11]。數(shù)據(jù)庫使用MySQL，Web 服務(wù)器為 Tomcat。

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

2.1 發(fā)送HTTPS請求

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

客戶端在連接 SSL 服務(wù)器時(shí)，SSL 服務(wù)器會將自己的證書鏈交給客戶端驗(yàn)證。如果在證書鏈中發(fā)現(xiàn)存在無效的證書，客戶端會立即終止連接?？蛻舳说?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 文件中，該方法相對安全，但是如果服務(wù)器端證書經(jīng)常變化，則非常不方便；二是實(shí)現(xiàn)自定義的信任管理器類；該方法避免手工導(dǎo)入證書，相對靈活[14]。

邊檢通關(guān)平臺采用了自定義的信任管理器。管理器類實(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)頁)兩種。Click 類型按鈕會根據(jù)微信服務(wù)器返回的 Key 值和 Event 事件進(jìn)行消息響應(yīng)；而 View 類型的按鈕則會通過微信內(nèi)置瀏覽器訪問開發(fā)者指定的 URL。

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

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

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

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

圖3 功能菜單和鏈接頁面

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

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

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

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

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

(3) 富文本編輯器。登輪證辦理、在港船舶移泊申請、抵離港時(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)平臺的手機(jī)頁面和公眾賬號后臺處理程序時(shí)，十分注重細(xì)節(jié)的設(shè)計(jì)，方便船務(wù)代理人員和邊檢值班人員的使用，增強(qiáng)用戶體驗(yàn)。

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

(2) 阻止表單重復(fù)提交。在測試的過程中，發(fā)現(xiàn)華為 P6 手機(jī)在業(yè)務(wù)提交成功后，點(diǎn)擊回退按鈕時(shí)會重復(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)平臺的后臺處理程序中實(shí)時(shí)提醒值班人員。因此，采用了類似電子郵箱的處理機(jī)制。當(dāng)有任何業(yè)務(wù)數(shù)據(jù)提交時(shí)，會在屏幕的右下角以小窗口+語音的形式提醒值班人員，并在相應(yīng)業(yè)務(wù)菜單的后面提示未處理數(shù)據(jù)的條數(shù)。當(dāng)數(shù)據(jù)處理完畢后，對應(yīng)未處理?xiàng)l數(shù)會相應(yīng)遞減。

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

3 結(jié) 語

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

[1] 王 萍. 微信移動學(xué)習(xí)平臺建設(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] 李 剛. 輕量級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對象持久化技術(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)室安全知識培訓(xùn)系統(tǒng)研發(fā)[J]. 實(shí)驗(yàn)室研究與探索, 2012, 31(2): 195-197.

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

[11] 盧 冶, 徐 明, 蘇 勇. 農(nóng)村環(huán)境連片整治長效管理感知平臺的設(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] 柳 峰. 微信公眾平臺應(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言處理與軟件工程。

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

TP 311

A

1006-7167(2015)10-0092-04