蘇雪林， 夏凌云， 董國卿， 高富文

(中國石油大學(xué)(華東)， 青島 266580)

基于微信的英語等級考試報名系統(tǒng)的設(shè)計與實現(xiàn)

蘇雪林， 夏凌云， 董國卿， 高富文

(中國石油大學(xué)(華東)， 青島 266580)

隨著微信軟件的使用人數(shù)不斷上升，越來越多的微信開發(fā)者基于微信公眾平臺對微信進行了二次開發(fā)。基于微信的英語等級考試報名系統(tǒng)的基本設(shè)計思想、頁面的UI設(shè)計和系統(tǒng)的開發(fā)原理以及業(yè)務(wù)邏輯、使用方法。開發(fā)使用介紹了的編輯語言為C#，同時用到ASP.NET和ADO.NET技術(shù)。在一定程度上，總結(jié)了ASP.NET和ADO.NET在該系統(tǒng)下的優(yōu)勢所在，同時解決了原有數(shù)字石油大學(xué)英語等級考試報名系統(tǒng)的限制?？偨Y(jié)了該系統(tǒng)的優(yōu)勢以及存在的問題。

微信公眾平臺； 二次開發(fā)； ASP.NET； ADO.NET； 英語等級考試報名系統(tǒng)

0 引言

微信成為不少智能手機用戶的裝機必備軟件，現(xiàn)在已經(jīng)擁有了6億甚至更多的用戶[1]。人們?nèi)缃竦娜粘Ｉ罹c微信相關(guān)，和朋友發(fā)語音聊天，發(fā)朋友圈，閱讀微信公眾號發(fā)布的文章。微信作為移動互聯(lián)網(wǎng)的重要入口，在一開始，就以開放的姿態(tài)問世，這給微信愛好者契機，可以供移動應(yīng)用開發(fā)者和公眾賬號運營者使用的是微信公眾平臺的開放平臺。每個個體都有自己的品牌，大到企業(yè)、組織，小到媒體、個人，微信公眾平臺為大家提供服務(wù)的形式均是以輕應(yīng)用的形式。微信的開發(fā)者模式和眾多的開放接口，為微信愛好者提供了難得的機遇和廣闊的想象空間。

大學(xué)英語等級考試是國家教育考試，其目的是提供一個客觀、公正的評價學(xué)生的英語應(yīng)用能力，為大學(xué)英語教學(xué)服務(wù)[2]。針對大學(xué)英語等級考試的線上報名管理工作，我們積極探索一些現(xiàn)代化手段，這些手段是適用于現(xiàn)代化條件下學(xué)生學(xué)習(xí)活動的，所以團隊申報了學(xué)校《基于微信的等級考試報名系統(tǒng)》大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練項目。其目的是為了構(gòu)建效率高、服務(wù)好、誤差小、管理成本低的英語等級考試報名系統(tǒng)。

基于微信的英語等級考試報名系統(tǒng)的開發(fā)是一項艱巨的工作，系統(tǒng)的效率程度、服務(wù)質(zhì)量和成本以及用戶的滿意程度，在很大程度上依賴于系統(tǒng)開發(fā)方法的選擇，所以團隊選擇了ASP.NET技術(shù)和ADO.NET技術(shù)進行系統(tǒng)開發(fā)。ASP.NET和ADO.NET技術(shù)是真正能夠較全面地支持整個考試報名系統(tǒng)開發(fā)的程序開發(fā)技術(shù)。

1 微信公眾平臺開發(fā)模式的數(shù)據(jù)交互

微信是一款社交軟件。微信用戶可以通過其與好友進行與短信、彩信等方式類似的聯(lián)系，但是形式又更加豐富[3]。騰訊公司之后新出了微信公眾平臺，個人和企業(yè)可以申請一個微信公眾賬號，并實現(xiàn)和特定群體的全方位溝通、互動[4-5]。同時眾所周知，基于微信公眾平臺，微信應(yīng)用號已經(jīng)進行內(nèi)測。我們團隊選擇了微信公眾平臺的服務(wù)號類型，模式使用的是服務(wù)號的開發(fā)者模式，通過公眾平臺提供的接口實現(xiàn)了自定義菜單、自動回復(fù)、查詢各類教務(wù)信息以及英語等級考試報名等功能。

開發(fā)者可以使用公眾平臺的開放接口，開發(fā)屬于自己團隊的小程序并部署在自己的服務(wù)器上，但前提是公眾賬號需要開啟開發(fā)者模式，實現(xiàn)特定功能，同時可以和用戶進行消息交互。用戶在使用該微信公眾賬號的功能，需要先關(guān)注該賬號，然后通過微信客戶端點擊開發(fā)者已經(jīng)實現(xiàn)的菜單或者向公眾賬號發(fā)送消息，微信后臺接收到通過網(wǎng)絡(luò)傳輸來的用戶消息后，會將其轉(zhuǎn)發(fā)團隊自身公眾賬號服務(wù)器上，XML消息被服務(wù)器接收，服務(wù)器快速解析消息，并在程序和后臺數(shù)據(jù)庫中遍歷所需的消息，再次將信息封裝成XML消息，微信后臺接收XML消息，將返回的消息轉(zhuǎn)發(fā)到用戶微信移動客戶端，用戶就接收到了公共賬號發(fā)送的消息[4]。

2 系統(tǒng)設(shè)計思想

團隊經(jīng)過調(diào)研和觀察，發(fā)現(xiàn)在當(dāng)代大學(xué)生中微信的使用頻率蒸蒸日上，所以學(xué)校相繼部署屬于自己的官方微信，發(fā)布各類消息，除了發(fā)布消息以及一些推文之外，還會通過開發(fā)模式開發(fā)日常教務(wù)應(yīng)用，例如成績查詢、課表查詢、校園一卡通余額查詢等，極大地便利了全校師生。正是基于便利廣大師生的思想，才有了開發(fā)基于微信的英語等級考試報名系統(tǒng)的想法。

在前文已經(jīng)提到，團隊微信公眾賬號類型選擇了服務(wù)號，服務(wù)號更有利于開發(fā)者去開發(fā)相應(yīng)的功能，使用開發(fā)者寫的Webservice代碼從對應(yīng)的教務(wù)處數(shù)據(jù)庫和四六級數(shù)據(jù)庫里調(diào)用相應(yīng)的學(xué)生個人信息以及之前所報名科目的成績數(shù)據(jù)再返回給Webservice，經(jīng)過處理與整合再將數(shù)據(jù)傳給微信后臺，從而實現(xiàn)在手機微信端能一打開報名頁面即可看到已自動生成好的報名表，里面涵蓋學(xué)生個人信息。用戶操作方式采用微信菜單與用戶向公眾平臺發(fā)送消息兩者相結(jié)合的方式，同時設(shè)計了回復(fù)關(guān)鍵字接收相應(yīng)的消息的方式。此外，微信端英語等級考試報名頁面排版與本校電腦端(數(shù)字石大)報名頁面排版基本一致，頁面適用于現(xiàn)在用戶所使用的智能手機，排版一致能有效提高老用戶適應(yīng)新的報名系統(tǒng)的速度。

3 頁面基本設(shè)計

手機端的UI設(shè)計。如圖1、圖2、圖3所示。

4 系統(tǒng)的開發(fā)原理

4.1 ASP.NET技術(shù)的系統(tǒng)結(jié)構(gòu)簡介

ASP.NET系統(tǒng)結(jié)構(gòu)是一個三層結(jié)構(gòu)：用戶層、業(yè)務(wù)邏輯層和數(shù)據(jù)層[6]。用戶層負責(zé)與用戶交互，作用類似于一個中間人，除了接收用戶的輸入數(shù)據(jù)同時還將服務(wù)器傳來的數(shù)據(jù)反饋給用戶。業(yè)務(wù)邏輯層也稱為領(lǐng)域?qū)?，是系統(tǒng)架構(gòu)體現(xiàn)核心價值的部分，負責(zé)接收瀏覽器傳來的請求同時將接收到的請求傳給數(shù)據(jù)層，之后將請求的處理結(jié)果返回給之前的瀏覽器。Web表單是向客戶呈現(xiàn)數(shù)據(jù)和信息的基礎(chǔ)，也是響應(yīng)客戶信息和處理數(shù)據(jù)的基礎(chǔ)。團隊開發(fā)的英語等級考試報名系統(tǒng)結(jié)構(gòu)正是采用了ASP.NET系統(tǒng)結(jié)構(gòu)。

圖1 報名首頁

圖2 選擇報名語種級別

圖3 報名須知

4.2 ADO.NET訪問數(shù)據(jù)原理

ADO.NET是.NET框架的組成部分，稱之為數(shù)據(jù)訪問接口。ADO.NET提供與數(shù)據(jù)源進行交互的公共方法，允許與不同的數(shù)據(jù)源交流[6]。在實際操作中，無論采用哪種數(shù)據(jù)提供程序，ADO.NET都會實現(xiàn)以下5種對象，分別為：Connection對象，負責(zé)建立與所需數(shù)據(jù)源的連接工作；Command對象，大部分時候是利用INSERT、DELETE、UPDATE命令對數(shù)據(jù)庫進行操作；DataReader對象，從數(shù)據(jù)庫中讀取只進的數(shù)據(jù)流，并且數(shù)據(jù)流屬性為只讀；DataSet對象，將其稱之為ADO.NET的中心概念，可以把DataSet當(dāng)成內(nèi)存中的數(shù)據(jù)庫，是不依賴于數(shù)據(jù)庫的獨立數(shù)據(jù)集合[6]；DataAdapter對象，是 DataSet和 SQL Server之間的橋接器。

需要從數(shù)據(jù)源中讀取數(shù)據(jù)時，ADO.NET應(yīng)用程序首先要創(chuàng)建連接對象。以上所述對象可實現(xiàn)數(shù)據(jù)訪問基本操作。需要特別說明DataSet對象采用了斷開連接方式的數(shù)據(jù)結(jié)構(gòu)[6]，當(dāng)瀏覽器向Web服務(wù)器請求網(wǎng)頁時，服務(wù)器處理這個請求，在連接被斷開之前，服務(wù)器會將所請求的網(wǎng)頁發(fā)送給瀏覽器，連接斷開后，一直等待，直到瀏覽器發(fā)出發(fā)出下一個請求。

4.3 系統(tǒng)業(yè)務(wù)邏輯

4.3.1 用戶得到報名鏈接

用戶向服務(wù)號發(fā)送“等級考試報名”或者點擊開始設(shè)定好的自定義菜單，微信服務(wù)器收到用戶的請求，微信服務(wù)器利用之前已綁定過的學(xué)號，和時間戳、自定義的密碼，進行MD5加密，微信服務(wù)器再將請求發(fā)給微信開發(fā)者自己的服務(wù)器(圖4中為i石大服務(wù)器)，i石大服務(wù)器生成請求鏈接，返回給微信服務(wù)器，微信服務(wù)器再返回給用戶微信客戶端。

4.3.2 生成報名表

用戶點擊鏈接訪問報名頁面，觸發(fā)四六級服務(wù)器自動查詢四六級數(shù)據(jù)庫中用戶(根據(jù)學(xué)號判定)原有的報名信息，根據(jù)查詢到的信息自動生成報名表，查詢的信息包括姓名、性別、學(xué)號、身份證號、學(xué)歷、學(xué)制、入學(xué)年份、年級、電話號碼、院系、專業(yè)、班級、四六級成績，以上信息已包含報名表所有信息，電話號碼可編輯，若有錯誤，可及時修改，同時服務(wù)器查詢可報名的科目，比如報考六級是在已通過四級考試的前提下方可報名。若該用戶還未在英語等級考試系統(tǒng)中報名，則從教務(wù)處的數(shù)據(jù)庫查詢用戶信息(根據(jù)學(xué)號)，生成報名表，信息包括：姓名、性別、學(xué)號、身份證號、學(xué)歷、學(xué)制、入學(xué)年份、年級、院系、專業(yè)、班級，電話號碼一欄初次報名，需自己填寫。服務(wù)器查詢可報名的科目,判斷是否擁有報名資格(大一不可報,四級通過,才可報六級),生成報名頁面,返回給用戶。

4.3.3 基本信息與照片

用戶初次報名，需要上傳學(xué)籍照片，同時用戶也可修改基本信息(電話號碼等),確認無誤后點擊確定,四六級服務(wù)器將信息存入數(shù)據(jù)庫，該用戶下次報名，服務(wù)器直接查詢數(shù)據(jù)庫數(shù)據(jù)即可。

4.3.4 選擇報名科目以及繳費

用戶選擇科目,點擊報名,將轉(zhuǎn)到一卡通繳費頁面,在一卡通頁面繳費后,若繳費成功,一卡通將返回成功信息給四六級頁面,將報名信息存入數(shù)據(jù)庫,否則將返回失敗信息,返回報名頁面。

數(shù)據(jù)庫連接采用ADO.NET連接數(shù)據(jù)庫,并將用戶上傳的照片保存到服務(wù)器目錄下,用到了兩個數(shù)據(jù)庫:四六級服務(wù)器的數(shù)據(jù)庫,還要查詢學(xué)校教務(wù)處的數(shù)據(jù)庫,基本原理,如圖4所示。

圖4 基本原理圖

5 系統(tǒng)的使用方法

5.1 系統(tǒng)的操作流程,如圖5所示。

圖5 功能結(jié)構(gòu)圖

5.2 系統(tǒng)的主要特點

(1) 操作簡單，界面友好系統(tǒng)界面布局較友好，采用的是完全控件形式，使系統(tǒng)的頁面更加人性化，更易操作。用戶再向微信后臺發(fā)送請求時，微信自動獲取該用戶的學(xué)號，再通過學(xué)號從數(shù)據(jù)庫查找該學(xué)生的相關(guān)個人信息數(shù)據(jù)，將已有信息直接顯示在設(shè)定好的控件中，一目了然，不需要用戶逐個填寫用戶表欄目。

(2) 參數(shù)傳遞安全，性能可靠在開發(fā)ASP.NET網(wǎng)頁的過程中，會遇到多個頁面間需要共享同一組變量或者參數(shù)值的情況。ASP.NET技術(shù)提供了將這些參數(shù)值在網(wǎng)頁間進行正常傳輸，實現(xiàn)了實量共享的解決方法，各種方法均有其自身的適用范圍和使用的局限性[7]。同時在各個網(wǎng)頁間采用MD5加密技術(shù)，安全性更強。

(3) 系統(tǒng)的功能比較完善基于微信的等級考試報名系統(tǒng)，完全采用了面向?qū)ο蟮拈_發(fā)理念。本系統(tǒng)除了英語等級考試報名以外，還有本校自習(xí)教室查詢、師生課表查詢、學(xué)生成績查詢和個人信息查詢等輔助性功能。

6 代碼

protect against XSRF attacks防止XSS跨站腳本攻擊(Cross Site Scripting)。

代碼如下：

protected void Page_Init(object sender, EventArgs)

{

// The code below helps to protect against XSRF attacks

var requestCookie = Request.Cookies[AntiXsrfTokenKey];

Guid requestCookieGuidValue;

if (requestCookie != null && Guid.TryParse(requestCookie.Value, out requestCookieGuidValue))

{

// Use the Anti-XSRF token from the cookie

_antiXsrfTokenValue = requestCookie.Value;

Page.ViewStateUserKey = _antiXsrfTokenValue;

}

Else

{

// Generate a new Anti-XSRF token and save to the cookie

_antiXsrfTokenValue = Guid.NewGuid().ToString("N");

Page.ViewStateUserKey = _antiXsrfTokenValue;

var response Cookie = new HttpCookie(AntiXsrfTokenKey)

{

HttpOnly = true,

Value = _antiXsrfTokenValue

};

if (FormsAuthentication.RequireSSL && Request.IsSecureConnection)

{

responseCookie.Secure = true;

}

Response.Cookies.Set(responseCookie);

}

Page.PreLoad += master_Page_PreLoad;

}

7 總結(jié)

基于微信的英語等級考試報名系統(tǒng)，突破了數(shù)字石大原有網(wǎng)頁版英語等級考試系統(tǒng)時間地點的局限。手機成為人們每時每刻必用的物品，微信移動客戶端報名相對于網(wǎng)站報名有許多的便捷之處。手機版網(wǎng)頁采用現(xiàn)當(dāng)下流行的網(wǎng)頁編制工具.NET，語言和工具易懂易學(xué)，數(shù)據(jù)庫與服務(wù)器、客戶端的連接條理清晰。該系統(tǒng)經(jīng)過一段時間的反復(fù)調(diào)試、改進，在各方面基本達到了預(yù)期的目標(biāo)，滿足了本校師生特定功能的需求。該系統(tǒng)目前在本校師生中取得好評，但也存在不足的地方，系統(tǒng)人使用人數(shù)超過一定數(shù)額的時候，服務(wù)器會有故障隱患，所以團隊成員正在做進一步的研究，如何消除隱患。

[1] 閆小坤,周濤. 微信公眾平臺應(yīng)用開發(fā)從入門到精通[M].北京:清華大學(xué)出版社,2016, 1-2.

[2] 許霄雨,支希哲.對大學(xué)英語教學(xué)改革的解讀與分析[J].西北工業(yè)大學(xué)學(xué)報(社會科學(xué)版),2006(2):67-70.

[3] 唐燕,劉仁權(quán),白俊,等.WebService技術(shù)在高校微信開發(fā)中的應(yīng)用[J].信息技術(shù).2015(4): 44-47,50.

[4] 錢志勇.微信公眾平臺應(yīng)用開發(fā)實踐[M].北京:機械工業(yè)出版社,2013(9):98-99.

[5] 陳曉羅.基于微信公眾憑他的高校師生信息互動平臺研究與實現(xiàn)[J].吉林省教育學(xué)院學(xué)報(中旬),2013(9):98-99.

[6] 申朝陽,宋顏浩.ASP.NET與相關(guān)數(shù)據(jù)庫技術(shù)[M].北京：中國水利水電出版社,2005.

[7] Marco Bellinaso.ASP.NET2.0WebSite程序設(shè)計:問題-設(shè)計-方案(2版)[M].John Witey&Sons,2007.

Design and Implementation of College English Test Registration System Based on WeChat

Su Xuelin, Xia Lingyun, Dong Guoqing, Gao Fuwen

(China University of Petroleum, Qingdao 266580, China)

With the rising of user number of WeChat, based on WeChat public platform, more and more WeChat developers do the further development for WeChat. This paper describes the basic design, UI design and system development principles and business logic, the use of method of the English grade examination registration system which is based on WeChat. The development of the editing language uses C #, and ASP.NET and ADO.NET technologies. To a certain extent, it sums up the advantages of ASP.NET and ADO.NET in the system, while addressing the restrictions of the original digital Stone English Grading Test Registration System. At the end of the paper, the advantages and problems of the system are summarized.

WeChat public platform; Further development; ASP.NET; ADO.NET; English test registration system

蘇雪林(1996-)女，廣元人，本科，擔(dān)任大學(xué)生創(chuàng)新創(chuàng)業(yè)項目——基于微信的等級考試報名系統(tǒng)開發(fā)項目負責(zé)人。 夏凌云(1980-)男，瀘州人，碩士研究生，工程師，研究方向：互聯(lián)網(wǎng)技術(shù)、計算機軟硬件技術(shù)和物聯(lián)網(wǎng)技術(shù)。 董國卿(1966-)男，博士，高工，研究方向：數(shù)據(jù)庫應(yīng)用、云計算等。 高富文(1995-)男，臨沂人，本科，研究方向：web開發(fā)，數(shù)據(jù)庫和云計算方向。

1007-757X(2017)05-0053-04

TP39

A

2016.10.21)