基于微信小程序招生報名系統(tǒng)的設(shè)計與實現(xiàn)

賴夢珂 張磊

摘要：微信（WeChat） 作為一個可以用于即時通信的應(yīng)用程序，從2011年進入人們生活，迅速地在人們的日常生活當中占據(jù)了一席之地。在招生工作中，當傳統(tǒng)的現(xiàn)場報名不再能滿足學(xué)生的需求時，通過微信小程序把信息技術(shù)運用到招生報名工作中，改變招生服務(wù)辦公模式成為必然趨勢。文章通過分析微信小程序招生報名系統(tǒng)的特點和主要功能，設(shè)計開發(fā)了微信小程序報名系統(tǒng)，投入實際工作應(yīng)用，并在實踐基礎(chǔ)上對系統(tǒng)進行總結(jié)完善，旨在為招生工作的信息化提供有益參考。

關(guān)鍵詞：招生工作；微信報名小程序；設(shè)計；實現(xiàn)

中圖分類號：TP311 ? ? ?文獻標識碼：A

文章編號：1009-3044（2022）28-0043-05

1 研究背景

作為社交工具，微信同時也提供給開發(fā)者一種不用下載就能使用的應(yīng)用，即微信小程序。微信小程序擁有簡單、高效的應(yīng)用開發(fā)框架和豐富的組件及APl，使開發(fā)者能在開發(fā)中具有原生App體驗的服務(wù)。微信小程序是通過框架獲得更多系統(tǒng)權(quán)限的HTML5的應(yīng)用，以視圖層WXML和WXSS和邏輯層Java Script作為框架[1]，通過掃描二維碼即可使用，無須另外下載安裝App，可跨平臺開發(fā)且相較于其他系統(tǒng)而言開發(fā)難度較低[2]。2018年3月，微信宣布微信小程序廣告組件啟動內(nèi)測，對企業(yè)、政府、媒體、其他組織或個人等開發(fā)者全面開放申請，有數(shù)據(jù)統(tǒng)計2021年微信小程序超過4.5億，是多年來中國IT行業(yè)里的一項創(chuàng)新成果[3]。

廣州開放大學(xué)是實施開放教育的新型高等學(xué)校，以招收社會生源開展成人教育為辦學(xué)基礎(chǔ)，學(xué)生包括不同年齡來自不同職業(yè)，使用微信平臺應(yīng)用開發(fā)更方便快捷的報名系統(tǒng)，結(jié)合微信公眾號宣傳等多種形式推廣招生，使招生信息流轉(zhuǎn)更順暢并配備相應(yīng)的招生服務(wù)，能更好地促進招生工作發(fā)展。2020年春季期間小程序在招生工作中展示了線上報名的可行性和重要性，當全社會都處于在家辦公、避免外出、聚集的情況下，要學(xué)生到學(xué)校了解招生信息、辦理報名手續(xù)的辦公方式遭到了一定的阻礙，而小程序應(yīng)運而生，利用網(wǎng)絡(luò)開展招生服務(wù)工作就很好地解決了這個問題。微信小程序報名系統(tǒng)突破了傳統(tǒng)現(xiàn)場報名的局限性，運用技術(shù)更快、更準確地應(yīng)用于招生服務(wù)中，通過新媒體平臺及時為學(xué)生提供招生服務(wù)，從手段上提高工作效率和服務(wù)質(zhì)量。

2 基于微信小程序招生報名系統(tǒng)設(shè)計的必要性

2.1 信息時代發(fā)展的必然要求

在網(wǎng)絡(luò)和現(xiàn)代信息技術(shù)高速發(fā)展的現(xiàn)代，利用信息技術(shù)開展招生服務(wù)，設(shè)計基于微信小程序的招生報名系統(tǒng)，拓寬招生服務(wù)模式的方法和手段，為學(xué)生提供多樣的報名渠道，體現(xiàn)招生手段的多元化和個性化服務(wù)，提供優(yōu)質(zhì)服務(wù)，才能提高招生競爭力。

基于微信平臺開發(fā)報名小程序，利用新媒體轉(zhuǎn)變了傳統(tǒng)單一的現(xiàn)場報名方式，為招生工作提供了新的載體。開發(fā)報名系統(tǒng)突破了時間和空間的各種限制，為招生報名工作和學(xué)生帶來了便利，實現(xiàn)了良好的報名體驗。通過實現(xiàn)小程序報名，創(chuàng)建了新的招生工作方式，更好地滿足當前工作的要求：一是立足新媒體作為載體創(chuàng)設(shè)報名平臺，與微信公眾號宣傳、朋友圈廣告推送等其他技術(shù)支持模塊相結(jié)合，共同提高招生推廣工作效率；二是以網(wǎng)絡(luò)報名和傳統(tǒng)現(xiàn)場報名的線上模式+線下模式，兩種工作機制相結(jié)合，更好地適應(yīng)當前的“人員居家辦公”等實際工作需求；三是招生工作年輕化，打開手機就能報名，這種方便快捷的報名方式更契合現(xiàn)代人的生活習(xí)慣，與傳統(tǒng)讀書報名不一樣的方式，更吸引年輕人，獲得良好印象。

2.2 學(xué)生需求的必然要求

微信小程序報名系統(tǒng)是不受時間和空間限制的，學(xué)生可以根據(jù)自身情況通過網(wǎng)絡(luò)與招生老師溝通進行報名，不需要被傳統(tǒng)的現(xiàn)場報名的相關(guān)條件限制，如傳統(tǒng)的現(xiàn)場報名常常存在的問題，一是學(xué)生無法在辦公時間到達報名現(xiàn)場，受時間限制；二是學(xué)生無法本人親自報名，無法完成報名信息簽訂及錄取相片收集等。學(xué)生利用微信平臺小程序報名系統(tǒng)隨時隨地開展報名活動，可上傳電子簽名和本人照片確認報名，遇到問題也能即時通過微信平臺與招生老師溝通，實現(xiàn)在線互動，靈活開展報名工作。

2.3 提升招生工作服務(wù)質(zhì)量的必然要求

微信小程序報名系統(tǒng)的開發(fā)是提升招生工作服務(wù)質(zhì)量的必然要求，使招生服務(wù)實現(xiàn)及時化。如學(xué)生在報名系統(tǒng)填寫個人信息及提交前置學(xué)歷等材料，往往會有填寫不規(guī)范或者材料提交不規(guī)范等問題，招生人員需要根據(jù)學(xué)生的具體情況及時與學(xué)生溝通、聯(lián)系，特別是在招生截止日期來臨之際，及時提醒學(xué)生重新提交材料，避免學(xué)生因信息錯誤等原因錯過錄取。通過系統(tǒng)及時為學(xué)生提供服務(wù)，使招生工作更加精細化、專業(yè)化。在日常招生工作中通過廣告的方式把報名二維碼向社會公示，在學(xué)校官方網(wǎng)站、學(xué)校微信公眾號上掛出報名入口，當學(xué)生有意向報名，產(chǎn)生預(yù)報名的行為，招生辦就可以為學(xué)生辦理報名手續(xù)；甚至當學(xué)生產(chǎn)生不想讀了的想法時，也可以根據(jù)收集到的學(xué)生數(shù)據(jù)，招生人員通過對學(xué)生的回訪了解學(xué)生的想法，若是能解決學(xué)生沒有報讀的原因，說服學(xué)生繼續(xù)報讀，則為學(xué)校留住了生源，不再像以往等學(xué)生自己上門咨詢，掌握招生主動權(quán)，為招生工作帶來更好的發(fā)展。

3 微信小程序招生報名系統(tǒng)的設(shè)計與實現(xiàn)

3.1 微信小程序報名系統(tǒng)的特點

3.1.1 滿足學(xué)習(xí)者的個性化需求

廣州開放大學(xué)的辦學(xué)特色定位于“人人、時時、處處”能學(xué)，依靠現(xiàn)代信息技術(shù)支撐，針對社會生設(shè)計線上報名系統(tǒng)，利用網(wǎng)絡(luò)以更開放的形式開展招生，使學(xué)生時時、處處都能辦理報名手續(xù)。通過對報名學(xué)生生源群體進行分類，系統(tǒng)后臺管理者根據(jù)學(xué)生類別設(shè)計相應(yīng)的報名入口，為報名學(xué)生提供個性化需求服務(wù)。通過個性化設(shè)置，有針對性地限制和要求學(xué)生報名材料的提交，提高實用性，避免學(xué)生錯填、漏填相關(guān)信息，為學(xué)生帶來便利。根據(jù)不同系統(tǒng)類別進行學(xué)生信息采集，為進一步優(yōu)化招生工作打好基礎(chǔ)。如學(xué)?！把虺谴骞偕洗髮W(xué)”工程學(xué)生在使用微信小程序報名系統(tǒng)進行報名時，需要選擇的報名類型為“村官”，系統(tǒng)后臺將按不同的學(xué)生類型生成數(shù)據(jù)。

3.1.2 識別網(wǎng)絡(luò)行為

通過對學(xué)生的網(wǎng)絡(luò)行為分析可以做到：1） 上網(wǎng)實時監(jiān)控：老師與學(xué)生實名制進行溝通，通過后臺管理可以展現(xiàn)哪些學(xué)生由哪位老師在進行跟進并開展工作；2） 上網(wǎng)日志查詢：通過分析學(xué)生瀏覽記錄，例如學(xué)生瀏覽過的專業(yè)、學(xué)費查詢等，可以分析學(xué)生的專業(yè)興趣，方便招生老師進一步了解學(xué)生并提供更貼切的服務(wù)；3） 數(shù)據(jù)統(tǒng)計分析：對上網(wǎng)日志進行匯總，導(dǎo)出學(xué)生名單等報表，招生辦對報表進行歸納總結(jié)，以建立更符合學(xué)生需求的招生服務(wù)。

3.1.3 實現(xiàn)網(wǎng)絡(luò)行為的有效管理

通過學(xué)生使用小程序的網(wǎng)絡(luò)行為管理，控制學(xué)生對報名系統(tǒng)的使用。對使用人員的身份合法性進行管理，無論是老師還是學(xué)生都需要實名制開展招生報名活動。通過移動終端管理，確保接入報名小程序的移動終端合法性。通過對上網(wǎng)地點的管理，識別學(xué)生上網(wǎng)終端的物理接入點，識別地點明確學(xué)生來源。學(xué)生在填寫個人資料提交后，后臺能夠根據(jù)算法通過身份證前十七位數(shù)計算，通過最后一位校驗碼來判斷身份證是否虛假填報。通過即時通信管理，利用外發(fā)內(nèi)容關(guān)鍵字識別，保證老師和學(xué)生外發(fā)言論的合法性。

3.1.4 多方位自身安全防護

服務(wù)器可以攔截針對外部網(wǎng)站發(fā)起的Web通用攻擊（通常有SQL注入、XSS跨站等）或是應(yīng)用資源消耗型攻擊（CC） 。保守計算，在所有針對Web服務(wù)的攻擊流量中，自動化工具占比超過70%。這些工具的攻擊方式涵蓋了目錄掃描、SQL注入、XSS、命令執(zhí)行、漏洞探測等多種威脅類型[4]。針對攻擊者的批量漏洞掃描和故意襲擾行為，采用自動封禁的方式做到攻擊處置自動化，并結(jié)合情報做到協(xié)同防御，同時登錄等核心業(yè)務(wù)開展時也開始使用自定義加密傳輸方式，提高攻擊門檻的同時，盡早布下的WAF也起到了很大作用（異常事件提示如圖1所示）。

3.1.5 形式豐富的分析報表

學(xué)生在報名系統(tǒng)填寫個人信息成功提交后，管理員可通過后臺操作將學(xué)生信息以Excel表的形式導(dǎo)出，表格內(nèi)容包括學(xué)生信息狀態(tài)（已讀、未讀），學(xué)生報名類型、姓名、性別、民族、政治面貌、身份證號、婚姻狀況、戶口性質(zhì)、籍貫、手機號碼、郵箱、通訊地址、報讀層次、學(xué)習(xí)形式、原學(xué)歷、提交時間等相關(guān)信息。招生辦可以根據(jù)報表內(nèi)容批量分析學(xué)生屬性，充分利用數(shù)據(jù)收集，了解招生市場。

3.2 微信小程序招生報名系統(tǒng)的功能

3.2.1 系統(tǒng)的配置

本系統(tǒng)作為在線報名的平臺，用戶主要被劃分為管理員和學(xué)生兩類角色：學(xué)生作為使用小程序的主體，在定義學(xué)生的功能時應(yīng)當站在使用的角度分析學(xué)生在報名時的使用需求[5]。因此，學(xué)生在小程序的使用權(quán)限主要是查看管理員發(fā)布的信息和填寫個人資料從而報讀相應(yīng)的學(xué)歷層次（圖2） 。

運維系統(tǒng)的管理員設(shè)置多位，在日常招生工作中對用戶進行權(quán)限管理操作，隨時防范不法用戶可能發(fā)布敏感內(nèi)容產(chǎn)生負面影響。在系統(tǒng)運維過程中，當新的系統(tǒng)特性影響用戶數(shù)據(jù)，管理員可以隨時更新相關(guān)主頁信息、文字或發(fā)布公告。管理員也可隨時查看學(xué)生提交的報名信息，以便管理員做信息導(dǎo)出和與學(xué)生進一步交流。

1） 微信小程序環(huán)境配置。①申請賬號，在小程序注冊頁申請賬號，填寫相關(guān)注冊信息進行注冊；②登錄后臺獲取微信小程序的App ID，在“開發(fā)”菜單中“開發(fā)設(shè)置”可進行查看；③下載和安裝開發(fā)工具，在微信官方頁面下載安裝包進行安裝；④創(chuàng)建項目，啟動開發(fā)者工具，根據(jù)提示登錄并選擇創(chuàng)建項目，填寫獲取的App ID，對項目名稱進行設(shè)置，包括添加項目、創(chuàng)建項目，查看和編輯代碼，開發(fā)者可以進行代碼測試，模擬小程序的客戶端效果，開發(fā)者可以將小程序開發(fā)結(jié)果發(fā)送到手機瀏覽實際效果[6]。

2） 學(xué)生功能。學(xué)生打開廣州開放大學(xué)報名小程序后，可查看廣州開放大學(xué)學(xué)校簡介及優(yōu)美的校園風景圖（圖3） 。當點擊“我要報名”按鈕后，第一次訪問該小程序的微信用戶手機會彈窗詢問是否同意授權(quán)昵稱、頭像等個人信息，訪客需要同意授權(quán)后將與填寫信息相關(guān)聯(lián)，學(xué)生即可選擇需要報讀的學(xué)歷層次并且填寫個人信息。

3） 管理員功能。管理員進入后臺管理系統(tǒng)，可對小程序主頁的校園風景輪播圖和學(xué)校簡介文字信息作出增刪改（圖4） ?？梢圆榭磳W(xué)生提交的報名所需個人信息，審核學(xué)生是否符合報讀資格，如初步判定符合資格后即可將學(xué)生的全部信息以Excel表的形式導(dǎo)出，進行后續(xù)的聯(lián)系學(xué)生確認信息、繳費和國家開放大學(xué)報名系統(tǒng)信息錄入等后續(xù)步驟。

3.2.2 網(wǎng)絡(luò)行為和內(nèi)容統(tǒng)計

根據(jù)對學(xué)生使用小程序的網(wǎng)絡(luò)行為進行管理。例如通過招生專業(yè)的點擊率、可以分析學(xué)生對學(xué)校開設(shè)的哪一些專業(yè)感興趣，可作為學(xué)校專業(yè)設(shè)置的參考。通過宣傳廣告的點擊率可以分析哪種宣傳模式更吸引學(xué)生。

根據(jù)管理員在后臺操作所導(dǎo)出的報讀學(xué)生信息Excel表，招生辦可以展開大數(shù)據(jù)篩查，例如對學(xué)生年齡進行統(tǒng)計、對性別比例進行分析；根據(jù)學(xué)生填寫的通訊地址對學(xué)生進行生源地統(tǒng)計；根據(jù)前置學(xué)歷信息，對應(yīng)屆畢業(yè)生、社會生源比例進行統(tǒng)計，對學(xué)生畢業(yè)學(xué)校性質(zhì)進行統(tǒng)計，對學(xué)生的前置學(xué)歷類型進行統(tǒng)計。這些統(tǒng)計對招生形勢分析具有重大意義。

3.2.3 管理上網(wǎng)用戶

管理員日常可通過小程序后臺用戶管理開展招生工作。例如學(xué)生通過小程序報名系統(tǒng)提交報名材料后，管理員可以對學(xué)生的報名提交信息、提交時間，以及招生老師是否有及時跟進等情況進行管理。通過學(xué)生的報讀信息，可以對學(xué)生的報讀專業(yè)和繳費情況進行管理。

3.3 微信小程序報名系統(tǒng)的設(shè)計與實現(xiàn)

3.3.1 微信小程序報名系統(tǒng)設(shè)計

目前常用的線上報名系統(tǒng)架構(gòu)多數(shù)基于C/S架構(gòu)系統(tǒng)，需要專門為開發(fā)系統(tǒng)創(chuàng)建服務(wù)器，而移動App類的線上報名系統(tǒng)則需要安裝，存在占用手機內(nèi)存等問題。本研究中基于微信小程序開發(fā)的線上報名系統(tǒng)，無須下載安裝，節(jié)省手機內(nèi)存，即點即用，能滿足學(xué)生報名的基本功能，學(xué)生通過可視化界面提供的功能可以便捷地提交個人報名信息，管理員可以在后臺管理所有學(xué)生的報名信息，并具備更改報名系統(tǒng)主頁面和發(fā)布招生信息等功能。

報名系統(tǒng)基于微信小程序，前端開發(fā)語言采用微信官方為開發(fā)者提供的WXML和WXSS兩套開發(fā)語言，組織頁面結(jié)構(gòu)使用WXML，表述WXML的顯示方式使用WXSS，邏輯層使用JavaScript語言。小程序系統(tǒng)數(shù)據(jù)存儲采用MySQL關(guān)系型數(shù)據(jù)庫；后臺語言采用Java；系統(tǒng)采用3S輕量級架構(gòu)方案，即Spring MVC框架、Spring IoC/DI和Spring JDBC技術(shù)構(gòu)建三層架構(gòu)，在簡化代碼編寫的同時也實現(xiàn)了Spring重要的“解耦”思想，系統(tǒng)實現(xiàn)性能較好（技術(shù)架構(gòu)如圖5所示）。報名小程序前端頁面與Spring MVC層中的前端控制器交互控制顯示頁面，在獲取前端頁面所需要的界面時負責調(diào)用業(yè)務(wù)處理對象和后端控制器，并處理前端傳輸回來的數(shù)據(jù)，調(diào)用業(yè)務(wù)層的業(yè)務(wù)接口來實現(xiàn)相關(guān)業(yè)務(wù)由后端控制器進行處理。報名小程序業(yè)務(wù)邏輯是使用IoC（Inversion of Control） 的容器來實現(xiàn)，數(shù)據(jù)層中的數(shù)據(jù)庫訪問接口實現(xiàn)使用的是Spring JDBC [7]。

3.3.2 系統(tǒng)效果

微信小程序報名系統(tǒng)是基于傳統(tǒng)現(xiàn)場報名的方法和思路，發(fā)揮新媒體優(yōu)勢，以學(xué)生為中心，開展遠程招生咨詢、辦理報名手續(xù)設(shè)計的。主要目的是利用新媒體平臺，創(chuàng)建更泛化更高效的報名渠道，通過新媒體平臺與學(xué)生互動，引導(dǎo)學(xué)生報名，通過線上資源實現(xiàn)搭建在線溝通并完成報名手續(xù)，促進招生報名活動由線下轉(zhuǎn)為線上的轉(zhuǎn)變，讓在線報名成為招生工作的重要窗口。通過投入實際招生工作的使用試驗，報名系統(tǒng)已實現(xiàn)其核心功能，驗證了“線上報名”這一設(shè)計方案的可行性。通過不間斷運行或隨機訪問對報名系統(tǒng)進行代碼覆蓋測試和黑盒測試等，測試結(jié)果表明，所提方案能快速地部署基于微信小程序的通用報名系統(tǒng)。無論學(xué)生或管理員對系統(tǒng)進行操作，或是在日常報名現(xiàn)場應(yīng)用，系統(tǒng)運行穩(wěn)定高效，在實際應(yīng)用中具有較好的適應(yīng)性，可基本滿足報名需求。以下是小程序招生報名系統(tǒng)流程圖（圖6） 。

學(xué)生報名時進入小程序主頁面可看到報名按鈕和學(xué)校簡介（圖7） ，點擊報名按鈕，根據(jù)系統(tǒng)要求提交個人資料后顯示“報名成功”提示（圖8） 。

學(xué)生提交報名信息后管理員即可在后臺實時查看學(xué)生報名資料（圖9） ，管理員選擇相關(guān)狀態(tài)（已讀、未讀）的報名資料以xls格式進行導(dǎo)出（圖10） 。

管理員登錄系統(tǒng)后臺，可對小程序主頁輪播圖以及學(xué)校簡介的相關(guān)信息進行修改（圖11） 。

4 微信小程序報名系統(tǒng)使用情況分析

廣州開放大學(xué)招生辦于2019年秋季學(xué)期開始著手研究招生網(wǎng)上報名系統(tǒng)，根據(jù)網(wǎng)上報名系統(tǒng)的特點和學(xué)校的實際情況，考慮到設(shè)計和實現(xiàn)需要投入大量的精力，招生辦選擇了基于微信平臺的小程序報名系統(tǒng)開發(fā)，并于2020年春季開始投入使用。在小程序報名系統(tǒng)的設(shè)計和使用過程中，根據(jù)不同用戶群體（生源群體）的使用需求不斷完善小程序，及時滿足學(xué)生及老師的需求，提高運作效率。

4.1 數(shù)據(jù)收集

本文根據(jù)微信小程序報名系統(tǒng)使用過程中，從2020年秋季至2022年春季共4個學(xué)期的學(xué)生報名數(shù)據(jù)進行統(tǒng)計。

4.2 數(shù)據(jù)分析

根據(jù)2020年秋季至2022年春季收集到的報名數(shù)據(jù)顯示，每學(xué)期有超過50%的學(xué)生選擇使用微信小程序報名系統(tǒng)進行報名。經(jīng)過2020年對微信小程序報名系統(tǒng)在使用過程中的不斷完善，2021年的報名成功率比2020年存在顯著增長，在報名人數(shù)越多的情況下，小程序的使用率就越高，由此說明，對學(xué)生而言，使用小程序報名相較于傳統(tǒng)的現(xiàn)場報名是更有利的選擇。

對小程序報名系統(tǒng)進行個性化設(shè)計，增加“村官”入口對報名學(xué)生進行分類，報名成功率從2020秋的96%上升到2021年春秋兩季的100%，相較于社會生源最低僅有74.3%的報名成功率，可以說明，設(shè)置和實行個性化服務(wù)，創(chuàng)設(shè)定制服務(wù)，能將服務(wù)更好地植根于學(xué)生，能顯著地提高學(xué)生的報讀率。

5 結(jié)束語

基于微信小程序報名系統(tǒng)的設(shè)計與實現(xiàn)，是通過新媒體平臺為招生服務(wù)構(gòu)建更便利更高效的工作模式。通過線上+線下的多元化辦公模式相結(jié)合，為學(xué)生提供個性化招生服務(wù)，提高招生服務(wù)工作質(zhì)量。利用信息技術(shù)手段展現(xiàn)開放大學(xué)自身特色，讓大眾更好地了解開放大學(xué)，以吸引更多的學(xué)生報讀。

參考文獻：

[1] Lubbers P，Albers B，Aslim F.HTML5程序設(shè)計[M].柳靖，李杰，劉淼，譯.2版.北京：人民郵電出版社，2019.

[2] 李菁，唐宗寧，胡佳昊，等.基于微信小程序的移動教育平臺的搭建與研究[J].電腦知識與技術(shù)，2020，16（8）：48-50.

[3] 弋改珍.校園失物招領(lǐng)微信小程序的設(shè)計與開發(fā)[J].福建電腦，2021，37（11）：104-106.

[4] 朱艷華，廖方宇，胡良霖，等.科學(xué)數(shù)據(jù)安全標準規(guī)范關(guān)鍵問題探索[J].信息網(wǎng)絡(luò)安全，2021，21（11）：1-8.

[5] 高洪濤.從零開始學(xué)微信小程序開發(fā)[M].北京：電子工業(yè)出版社，2017.

[6] 熊普江，謝宇華.小程序，巧應(yīng)用：微信小程序開發(fā)實戰(zhàn)[M].2版.北京：機械工業(yè)出版社，2017.

[7] 凌錦濤，周紅，林志潔.基于微信小程序的通用報名系統(tǒng)設(shè)計與實現(xiàn)[J].浙江科技學(xué)院學(xué)報，2019，31（3）：175-179，212.

【通聯(lián)編輯：謝媛媛】