基于微信小程序的會務接待管理系統(tǒng)設計與實現(xiàn)

江 進，張翔翔

（江蘇農林職業(yè)技術學院，句容 212400）

0 引言

江蘇農林職業(yè)技術學院每年組織召開現(xiàn)代農業(yè)職教集團、中法農民培訓、技能大賽等會議十余次，年接待參會人次數(shù)千人，年培訓培養(yǎng)農民、農技人員數(shù)萬人次，會議、培訓接待工作現(xiàn)階段仍然采用人工的方式進行管理，工作量大，不確定因素多，給工作人員和參會人員都帶來了很多不便，是困擾學院相關部門的難題。

目前國內一些兄弟院校采用傳統(tǒng)的PC 端Web 網(wǎng)站來管理會務接待，但是隨著智能手機的普及，電腦的使用率逐年下降，在移動設備上打開Web 網(wǎng)站，手機屏幕不能從電腦版切換到手機版，文字太小點擊不方便，手機用戶的體驗感很差［1］。

如果為了會務接待開發(fā)一個APP，APP 需要開發(fā)IOS 和Android 兩個系統(tǒng)，開發(fā)完成后還要上傳到騰訊應用寶、蘋果App Store 各應用市場，而會議參加人員也不大愿意因為一次會務在自己手機里安裝一個APP［2］。

2017 年，微信小程序正式上線。APP 需要去應用市場下載到手機用戶自己安裝后才能使用，下載安裝耽誤時間還占用客戶的手機存儲空間，微信小程序的優(yōu)勢在于程序和數(shù)據(jù)都在云端，不需要下載安裝。從2017 到2022 年，經(jīng)過五年的發(fā)展微信小程序培養(yǎng)了自己的客戶群體，開發(fā)環(huán)境和開發(fā)者生態(tài)都已經(jīng)成熟，程序員、高校學生都在學習微信小程序的開發(fā)，微信小程序應用數(shù)量超過了一百萬，上億的用戶加入到了微信小程序的使用。

我校在會議接待中存在會務組工作人員少、接待量大、任務繁重的問題，采用微信小程序這種新技術，開發(fā)出基于微信小程序的會務接待管理系統(tǒng)，掃一掃二維碼，完成會務報名、接待等工作，大量減少會議主辦方的工作量，提高會務接待管理的準確性，充分體現(xiàn)“雙高”學院的管理水平［3］。

1 技術介紹

1.1 微信小程序框架簡介

微信小程序的系統(tǒng)架構（見圖1）由頁面視圖層（WebView）、邏輯層（App Service）和系統(tǒng)層（WeixinJsBridge）組成。

圖1 微信小程序框架結構圖

頁面視圖層：也稱為渲染層。渲染層用來渲染頁面結構，主要由Webview 進行渲染。一個小程序可以存在多個界面，所以渲染層可能存在多個WebView線程。

邏輯層：邏輯層采用JSCore 線程運行JS 腳本。邏輯層主要用來邏輯處理、數(shù)據(jù)請求、接口調用等。

系統(tǒng)層：在視圖層和邏輯層的中間，起到中間橋梁作用，又簡稱為JSBridge。系統(tǒng)層不僅讓視圖層與邏輯層兩個獨立的線程可以進行通信，而且架起了上層開發(fā)與系統(tǒng)底層功能（Native）的橋梁，使得小程序可以通過調用API 使用原生功能，而且部分的組件使用了原生組件實現(xiàn)，從而有了良好的體驗［4］。

1.2 小程序云開發(fā)

與傳統(tǒng)的客戶端、服務器端的開發(fā)方式比，微信小程序采用了云開發(fā)模式（見圖2）。

圖2 微信小程序云開發(fā)示意圖

微信小程序前端不依賴后端提供接口，前端借助微信提供的云開發(fā)能力，基于Node 環(huán)境，實現(xiàn)前端開發(fā)接口，前端調用，功能完全由前端實現(xiàn)［5］。

微信小程序云開發(fā)有云數(shù)據(jù)庫、云存儲、云函數(shù)三種。

云數(shù)據(jù)庫由一個個集合（數(shù)據(jù)庫中的表）組成，每個集合中字段類型有string、number、boolean、null、array、object、date、geopoint等8種類型。

云存儲有存儲管理、存儲權限、存儲配置和圖片處理，其中的存儲管理可以新建文件夾、上傳文件夾、上傳文件和刪除等功能。

云函數(shù)是在云端（服務器端）運行的函數(shù)代碼，在微信小程序開發(fā)工具內編寫好之后，點擊右鍵上傳并部署，既可以在云端運行［6］。

2 系統(tǒng)結構設計

2.1 系統(tǒng)要求

基于微信小程序的會務接待管理系統(tǒng)，會務組發(fā)出會議通知，參會人員微信掃描會議通知上的二維碼，進入小程序。在微信小程序內，查看會議簡介、會議日程、到句容會議地點的交通路線、酒店住宿標準、會務費用等，還可以在小程序內登記參會人員名單、參會單位信息和住宿要求等。因此，小程序會務接待系統(tǒng)必須滿足一定要求。

2.2 系統(tǒng)功能設計

我院每月會舉辦多次會議，甚至數(shù)個會議同時進行。會務接待管理系統(tǒng)可以幫助會務組收集參會人員的信息，根據(jù)參加會議的不同類別，安排相應的酒店和會議場所。參會人員也可以通過掃描二維碼讀取小程序中的信息，獲取參會地點、時間和住宿、餐飲安排。

基于微信小程序的會務接待管理系統(tǒng)的功能結構如圖3所示。

圖3 會務接待管理系統(tǒng)功能結構圖

（1）用戶管理。無論是參加會議，還是不參加會議，都可以注冊普通用戶；會務組工作人員注冊管理員賬號；程序編寫人員是超級管理員賬號。

（2）參會單位信息管理。會務組工作人員在系統(tǒng)中錄入經(jīng)常來我校參加會議的兄弟學校、單位的名稱，會議通知發(fā)布前，會完成所有參會單位名字錄入。

（3）會議報名。注冊用戶選擇自己要參加的會議并提出申請，會務組會進行審核。審核通過后參會人員在系統(tǒng)中錄入自己預計到達參會地點的時間，是否需要車輛接送，預訂哪家酒店、具體房間要求，還有自己的返程時間等。

（4）會議簽到。參會人員到達后，現(xiàn)場掃描二維碼簽到，以便會務組統(tǒng)計具體人數(shù)。

（5）費用管理。根據(jù)參會人員報名參加會議的類型，選擇的酒店及房間，以及用餐、車輛接送等，確定參會費用，以及是否需要開發(fā)票，還有發(fā)票抬頭信息等。

（6）會議查詢。會議日程查詢，講課人同意公開的PPT課件等的下載。

（7）系統(tǒng)維護。會務接待管理系統(tǒng)的數(shù)據(jù)備份、數(shù)據(jù)恢復，系統(tǒng)的幫助文檔等。

2.3 系統(tǒng)數(shù)據(jù)庫設計

會務接待管理系統(tǒng)采用了微信小程序的云開發(fā)模式。數(shù)據(jù)庫是由騰訊提供的云數(shù)據(jù)庫，云數(shù)據(jù)庫由一個個類似于傳統(tǒng)數(shù)據(jù)庫中表的集合組成［7］。

系統(tǒng)使用的集合有：用戶管理信息、會議報名信息、會議日程信息、費用信息等集合。用戶管理信息用來存儲用戶編號、身份證號碼、姓名、性別、手機號碼、電子郵箱、參會單位等；會議報名信息用來存儲會議編號、用戶編號、參會人員姓名、性別、入住酒店編號、入住酒店房間類型、隨行人員數(shù)、領隊電話、電子郵箱、交通工具、到達時間、離開時間等字段。會議日程信息集合主要存儲會議的相關內容，包括會議名稱、會議內容、會議開始結束時間等字段。用戶管理信息、會議報名信息、會議日程信息集合中包含的字段和字段類型如表l—表3所示。

表1 用戶管理信息集合

表2 會議報名信息集合

表3 會議日程

3 系統(tǒng)功能實現(xiàn)

3.1 首頁模塊

首頁內容主要展示會議的一些基本信息，上半部分為swiper 組件，輪播會務組海報圖片；畫面中部的會議概況、酒店預訂、會議日程、聯(lián)系我們，以及會議通知都是通過view 組件，點擊相應圖片，則鏈接到相應的頁面。畫面底部的“首頁、關于我們、會員服務、我的”都是通過app.josn 的“tabBar”來實現(xiàn)的，部分代碼如下。首頁界面效果如圖4 所示。

圖4 首頁模塊

3.2 會議報名模塊的實現(xiàn)

會議報名模塊，先在wxml 頁面里面寫一個表單，在form里面添加bindsubmit的屬性，下面再添加兩個button，在button 里面添加屬性formtype，form-type有兩種取值：submit和reset。

在js 代碼中，使用了ES6 中的解構函數(shù)來獲取表單的數(shù)據(jù)，再添加到云數(shù)據(jù)庫中。具體代碼是使用db.collection（“demolist”）.add（｛｝）向云數(shù)據(jù)庫中添加數(shù)據(jù)。

通知公告顯示效果如圖5所示。

圖5 會議接待管理系統(tǒng)

4 結語

微信用戶有11 億以上，龐大的用戶群體促使微信小程序已經(jīng)站穩(wěn)腳跟。微信小程序不需要下載APP，通過微信掃一掃就可以直接運行，方便快捷，是日趨流行的新應用模式［8］。

相比于國內有一些專門的通用類的會議管理小程序，基于微信小程序的會議接待管理系統(tǒng)是項目組根據(jù)學院實際情況自行開發(fā)的，對于江蘇農林職業(yè)技術學院的會務接待工作有實際應用價值，課題組準備在后續(xù)使用中，繼續(xù)擴展該系統(tǒng)的功能，發(fā)揮更大的作用。