基于微信小程序的會務接待管理系統設計與實現

江 進，張翔翔

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

0 引言

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

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

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

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

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

1 技術介紹

1.1 微信小程序框架簡介

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

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

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

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

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

1.2 小程序云開發

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

圖2 微信小程序云開發示意圖

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

微信小程序云開發有云數據庫、云存儲、云函數三種。

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

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

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

2 系統結構設計

2.1 系統要求

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

2.2 系統功能設計

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

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

圖3 會務接待管理系統功能結構圖

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

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

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

（4）會議簽到。參會人員到達后，現場掃描二維碼簽到，以便會務組統計具體人數。

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

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

（7）系統維護。會務接待管理系統的數據備份、數據恢復，系統的幫助文檔等。

2.3 系統數據庫設計

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

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

表1 用戶管理信息集合

表2 會議報名信息集合

表3 會議日程

3 系統功能實現

3.1 首頁模塊

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

圖4 首頁模塊

3.2 會議報名模塊的實現

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

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

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

圖5 會議接待管理系統

4 結語

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

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