基于微信平臺的會務管理系統小程序開發

巫港　魏小琴

摘要：隨著科學技術與信息技術的飛速發展，APP應用已延伸倒我們日常生活的各個方面。“我的會務管理系統”是針對當前興起的微信小程序開發的一個功能小程序。它能夠讓用戶對會務快捷、方便地管理。該應用主要完成對會務的發布、參與、參展、贊助，主要功能包括：提交個人信息、參與會務、發布會務、掃碼簽到、定位簽到、瀏覽近期會務、統計參與者會務期間食宿需求、客服聯系。該程序具有提交信息、修改和刪除等功能，這樣不但大大提高了工作效率，同時，也提高了業務管理水平，使辦公信息化、方便化，符合現代化辦公的需求。

關鍵詞： 輕應用;微信小程序;功能實現;數據交互

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

文章編號：1009-3044（2019）13-0104-02

1 引言

隨著移動通訊業務以及信息技術的快速發展，移動端的應用（APP）的功能越來越多樣化，越來越受歡迎。微信、支付寶以及各大手機品牌開始著手于“小程序”“輕應用”的開發。

在信息技術較為發達、社交軟件較為集中的當今社會中，使用微信小程序開發程序可以實現用戶數量的快速擴增。同時，微信小程序的mina框架使得程序開發的效率大大提高，讓開發者能夠將更多的精力和時間集中在程序功能開發上，使得開發者能在相對較短的時間內開發出功能完善、界面美觀的程序，并在短時間內上線供大眾使用。

2 開發工具

使用微信小程序開發者工具進行程序的頁面邏輯編譯和前端實現。小程序每個頁面的編碼采用 HTML + CSS + JS組合，微信開發者工具將這三種語言進行升級修改后，對應更名為WXML + WXSS + JS。其中 WXML 是用來描述當前頁面的組成結構，WXSS 用來描述頁面的顯示樣式，JS 通常是用來處理該頁面的邏輯關系和功能實現，它控制當前頁面的用戶操作交互，監聽并響應用戶的操作，獲取用戶的及信息等。

為簡化程序開發流程，使用搭建好的Bmob云后端實現前端和后端的數據交互、用戶數據的增刪改查、頁面數據更換、客服聊天等功能。

比目云后端和微信小程序通過特定的ID進行綁定，根據比目云微信小程序開發文檔對數據庫/表進行操作，用戶通過小程序的任何與后端有關的操作都會記錄在后端相應的數據表中。

3 程序設計思路

會務管理系統就是基于微信小程序開發工具平臺開發的一個即時應用，讓用戶可以通過微信小程序搜索并直接使用該程序，方便快捷地實現會議的簡要信息瀏覽、會議地點導航，根據用戶需求實現在線報名、參展、贊助，掃碼簽到（報名）、定位簽到以及取消報名、客服交談等功能。

為方便用戶使用，不占用用戶更多的資源，該會務管理系統將服務器和保存數據都存儲在云端，用戶只需在網絡暢通的情況下，實時進行數據調用。下圖1為總體設計思路。

4 總體設計

4.1 數據庫設計

本程序使用比目后端云提供數據庫服務，包括如下數據表：

用戶數據表、首頁輪播圖表、圖標icon表、近期會務表、會議報名統計表、贊助支持報名統計表、業務宣傳報名統計表。其中，三個報名統計表的數據表結構相同，分為三個表的目的在于區分用戶目的，方便后臺數據庫的管理。

下面列出與前端實現數據交互主要的數據表結構、主要字段及字段描述。

4.2 模塊設計

會務管理小程序的功能模塊主要在于會務的瀏覽、報名、參加贊助、參加展覽、查看會務詳情、地點導航、簽到定位、掃碼簽到、掃碼報名、取消參會等。

主要的功能模塊如圖2所示。

4.3 用戶登錄、保存（修改）設計

用戶進入當前小程序的時候，就會生成針對本程序而言唯一的openid，且不隨用戶刪除程序而變化，相當于是該用戶對本程序的唯一身份證。為避免云端數據庫更新或刪減導致用戶加載數據錯誤的發生，特定在登錄頁面制作了openid判斷。

分析云數據庫是否有該用戶的數據，如有則繼續執行數據獲取;如果云數據庫誤操作刪除了該用戶的數據，則會重新生成一條新的數據，用于匹配該用戶已存在數據庫中的其他相關數據。如果用戶清除了本地緩存或刪除了本程序導致本地緩存沒有openid，則會將值寫入本地緩存，重新匹配云數據庫中的關聯數據。由此實現用戶的唯一性及用戶數據的安全性。

4.4 用戶報名參與設計

用戶報名參與，會出現3個入口，即：報名參與、業務宣傳、贊助支持。這3個入口通過綁定點擊事件的自定義參數，同時傳遞當前點擊項目的值進行傳參跳轉到報名頁面。

當前頁面會根據當前會務需要收集的信息進行判斷，從而收集對應的信息。例：若會務需要收集參會者的身份證號碼，報名頁面就會顯示出填寫身份證的輸入框;若不需要收集，則不顯示。

4.5 用戶掃描二維碼設計

當頁面監聽到用戶點擊“掃碼簽到”按鈕時，首先調用微信的開啟掃碼攝像API接口，獲取被掃描二維碼的值，然后通過查詢對應數據表跳轉到資料提交頁面，進行會議的報名等操作。

4.6 會務管理頁面設計

此頁面是整個小程序的入口頁面，用戶進入程序后從后臺獲取與用戶相關的數據進行數據更新，并相應用戶點擊事件，顯示在對應的欄目中。為了保證數據的時效性，即：用戶在其他頁面報名后，回到會務管理頁面時能見到剛才提交的數據。因此必須在當前頁面做刷新，監聽用戶當前頁面，一旦此頁面顯示，立即刷新當前頁面進行數據更新。

為了優化用戶體驗，增加用戶的自由度，用戶可以在此頁面進行已報名會務的取消參會、查看會議流程。此處應用到的前端功能實現將于詳細設計中體現。數據更新，則是通過獲取用戶當前點擊項目的數據ID，鏈接后臺數據庫進行數據刪除，達到取消參會的功能。當用戶取消參會時，也會在該會議的參會人數中進行人數統計的更新。圖3 為首頁總體布局，圖4為首頁滾動視圖展示。

5 結論與展望

微信小程序的開發，僅僅只是當今計算機技術飛速發展的冰山一角，以后將會有更便攜的應用程序開發出來。但程序的開發離不開基礎語言的學習與應用，更離不開多方面的技術結合。

本程序采用了Bmob云后端和微信開發者工具來實現的會務管理，目前云后端這項技術正在逐步成長，隨著計算機技術的快速發展，這項技術必將更加完善，也必將給更多的程序開發者帶來極大的方便。

參考文獻：

[1] 閆小坤. 微信小程序開發詳解[M]. 北京：清華大學出版社， 2017.

[2] 陳偉. 微信小程序開發實戰[M]. 北京：人民郵電出版社， 2017.

[3] 楊龍平，李湘林. Java程序設計[M] . 北京：中國鐵道出版社， 2017.

[4] Ved Antani. JavaScript編程精粹[M]. 北京：人民郵電出版社， 2017.

【通聯編輯：代影】