基于微信平臺(tái)的會(huì)務(wù)管理系統(tǒng)小程序開(kāi)發(fā)

巫港　魏小琴

摘要：隨著科學(xué)技術(shù)與信息技術(shù)的飛速發(fā)展，APP應(yīng)用已延伸倒我們?nèi)粘Ｉ畹母鱾€(gè)方面。“我的會(huì)務(wù)管理系統(tǒng)”是針對(duì)當(dāng)前興起的微信小程序開(kāi)發(fā)的一個(gè)功能小程序。它能夠讓用戶(hù)對(duì)會(huì)務(wù)快捷、方便地管理。該應(yīng)用主要完成對(duì)會(huì)務(wù)的發(fā)布、參與、參展、贊助，主要功能包括：提交個(gè)人信息、參與會(huì)務(wù)、發(fā)布會(huì)務(wù)、掃碼簽到、定位簽到、瀏覽近期會(huì)務(wù)、統(tǒng)計(jì)參與者會(huì)務(wù)期間食宿需求、客服聯(lián)系。該程序具有提交信息、修改和刪除等功能，這樣不但大大提高了工作效率，同時(shí)，也提高了業(yè)務(wù)管理水平，使辦公信息化、方便化，符合現(xiàn)代化辦公的需求。

關(guān)鍵詞： 輕應(yīng)用;微信小程序;功能實(shí)現(xiàn);數(shù)據(jù)交互

中圖分類(lèi)號(hào)：TP311 ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）13-0104-02

1 引言

隨著移動(dòng)通訊業(yè)務(wù)以及信息技術(shù)的快速發(fā)展，移動(dòng)端的應(yīng)用（APP）的功能越來(lái)越多樣化，越來(lái)越受歡迎。微信、支付寶以及各大手機(jī)品牌開(kāi)始著手于“小程序”“輕應(yīng)用”的開(kāi)發(fā)。

在信息技術(shù)較為發(fā)達(dá)、社交軟件較為集中的當(dāng)今社會(huì)中，使用微信小程序開(kāi)發(fā)程序可以實(shí)現(xiàn)用戶(hù)數(shù)量的快速擴(kuò)增。同時(shí)，微信小程序的mina框架使得程序開(kāi)發(fā)的效率大大提高，讓開(kāi)發(fā)者能夠?qū)⒏嗟木蜁r(shí)間集中在程序功能開(kāi)發(fā)上，使得開(kāi)發(fā)者能在相對(duì)較短的時(shí)間內(nèi)開(kāi)發(fā)出功能完善、界面美觀(guān)的程序，并在短時(shí)間內(nèi)上線(xiàn)供大眾使用。

2 開(kāi)發(fā)工具

使用微信小程序開(kāi)發(fā)者工具進(jìn)行程序的頁(yè)面邏輯編譯和前端實(shí)現(xiàn)。小程序每個(gè)頁(yè)面的編碼采用 HTML + CSS + JS組合，微信開(kāi)發(fā)者工具將這三種語(yǔ)言進(jìn)行升級(jí)修改后，對(duì)應(yīng)更名為WXML + WXSS + JS。其中 WXML 是用來(lái)描述當(dāng)前頁(yè)面的組成結(jié)構(gòu)，WXSS 用來(lái)描述頁(yè)面的顯示樣式，JS 通常是用來(lái)處理該頁(yè)面的邏輯關(guān)系和功能實(shí)現(xiàn)，它控制當(dāng)前頁(yè)面的用戶(hù)操作交互，監(jiān)聽(tīng)并響應(yīng)用戶(hù)的操作，獲取用戶(hù)的及信息等。

為簡(jiǎn)化程序開(kāi)發(fā)流程，使用搭建好的Bmob云后端實(shí)現(xiàn)前端和后端的數(shù)據(jù)交互、用戶(hù)數(shù)據(jù)的增刪改查、頁(yè)面數(shù)據(jù)更換、客服聊天等功能。

比目云后端和微信小程序通過(guò)特定的ID進(jìn)行綁定，根據(jù)比目云微信小程序開(kāi)發(fā)文檔對(duì)數(shù)據(jù)庫(kù)/表進(jìn)行操作，用戶(hù)通過(guò)小程序的任何與后端有關(guān)的操作都會(huì)記錄在后端相應(yīng)的數(shù)據(jù)表中。

3 程序設(shè)計(jì)思路

會(huì)務(wù)管理系統(tǒng)就是基于微信小程序開(kāi)發(fā)工具平臺(tái)開(kāi)發(fā)的一個(gè)即時(shí)應(yīng)用，讓用戶(hù)可以通過(guò)微信小程序搜索并直接使用該程序，方便快捷地實(shí)現(xiàn)會(huì)議的簡(jiǎn)要信息瀏覽、會(huì)議地點(diǎn)導(dǎo)航，根據(jù)用戶(hù)需求實(shí)現(xiàn)在線(xiàn)報(bào)名、參展、贊助，掃碼簽到（報(bào)名）、定位簽到以及取消報(bào)名、客服交談等功能。

為方便用戶(hù)使用，不占用用戶(hù)更多的資源，該會(huì)務(wù)管理系統(tǒng)將服務(wù)器和保存數(shù)據(jù)都存儲(chǔ)在云端，用戶(hù)只需在網(wǎng)絡(luò)暢通的情況下，實(shí)時(shí)進(jìn)行數(shù)據(jù)調(diào)用。下圖1為總體設(shè)計(jì)思路。

4 總體設(shè)計(jì)

4.1 數(shù)據(jù)庫(kù)設(shè)計(jì)

本程序使用比目后端云提供數(shù)據(jù)庫(kù)服務(wù)，包括如下數(shù)據(jù)表：

用戶(hù)數(shù)據(jù)表、首頁(yè)輪播圖表、圖標(biāo)icon表、近期會(huì)務(wù)表、會(huì)議報(bào)名統(tǒng)計(jì)表、贊助支持報(bào)名統(tǒng)計(jì)表、業(yè)務(wù)宣傳報(bào)名統(tǒng)計(jì)表。其中，三個(gè)報(bào)名統(tǒng)計(jì)表的數(shù)據(jù)表結(jié)構(gòu)相同，分為三個(gè)表的目的在于區(qū)分用戶(hù)目的，方便后臺(tái)數(shù)據(jù)庫(kù)的管理。

下面列出與前端實(shí)現(xiàn)數(shù)據(jù)交互主要的數(shù)據(jù)表結(jié)構(gòu)、主要字段及字段描述。

4.2 模塊設(shè)計(jì)

會(huì)務(wù)管理小程序的功能模塊主要在于會(huì)務(wù)的瀏覽、報(bào)名、參加贊助、參加展覽、查看會(huì)務(wù)詳情、地點(diǎn)導(dǎo)航、簽到定位、掃碼簽到、掃碼報(bào)名、取消參會(huì)等。

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

4.3 用戶(hù)登錄、保存（修改）設(shè)計(jì)

用戶(hù)進(jìn)入當(dāng)前小程序的時(shí)候，就會(huì)生成針對(duì)本程序而言唯一的openid，且不隨用戶(hù)刪除程序而變化，相當(dāng)于是該用戶(hù)對(duì)本程序的唯一身份證。為避免云端數(shù)據(jù)庫(kù)更新或刪減導(dǎo)致用戶(hù)加載數(shù)據(jù)錯(cuò)誤的發(fā)生，特定在登錄頁(yè)面制作了openid判斷。

分析云數(shù)據(jù)庫(kù)是否有該用戶(hù)的數(shù)據(jù)，如有則繼續(xù)執(zhí)行數(shù)據(jù)獲取;如果云數(shù)據(jù)庫(kù)誤操作刪除了該用戶(hù)的數(shù)據(jù)，則會(huì)重新生成一條新的數(shù)據(jù)，用于匹配該用戶(hù)已存在數(shù)據(jù)庫(kù)中的其他相關(guān)數(shù)據(jù)。如果用戶(hù)清除了本地緩存或刪除了本程序?qū)е卤镜鼐彺鏇](méi)有openid，則會(huì)將值寫(xiě)入本地緩存，重新匹配云數(shù)據(jù)庫(kù)中的關(guān)聯(lián)數(shù)據(jù)。由此實(shí)現(xiàn)用戶(hù)的唯一性及用戶(hù)數(shù)據(jù)的安全性。

4.4 用戶(hù)報(bào)名參與設(shè)計(jì)

用戶(hù)報(bào)名參與，會(huì)出現(xiàn)3個(gè)入口，即：報(bào)名參與、業(yè)務(wù)宣傳、贊助支持。這3個(gè)入口通過(guò)綁定點(diǎn)擊事件的自定義參數(shù)，同時(shí)傳遞當(dāng)前點(diǎn)擊項(xiàng)目的值進(jìn)行傳參跳轉(zhuǎn)到報(bào)名頁(yè)面。

當(dāng)前頁(yè)面會(huì)根據(jù)當(dāng)前會(huì)務(wù)需要收集的信息進(jìn)行判斷，從而收集對(duì)應(yīng)的信息。例：若會(huì)務(wù)需要收集參會(huì)者的身份證號(hào)碼，報(bào)名頁(yè)面就會(huì)顯示出填寫(xiě)身份證的輸入框;若不需要收集，則不顯示。

4.5 用戶(hù)掃描二維碼設(shè)計(jì)

當(dāng)頁(yè)面監(jiān)聽(tīng)到用戶(hù)點(diǎn)擊“掃碼簽到”按鈕時(shí)，首先調(diào)用微信的開(kāi)啟掃碼攝像API接口，獲取被掃描二維碼的值，然后通過(guò)查詢(xún)對(duì)應(yīng)數(shù)據(jù)表跳轉(zhuǎn)到資料提交頁(yè)面，進(jìn)行會(huì)議的報(bào)名等操作。

4.6 會(huì)務(wù)管理頁(yè)面設(shè)計(jì)

此頁(yè)面是整個(gè)小程序的入口頁(yè)面，用戶(hù)進(jìn)入程序后從后臺(tái)獲取與用戶(hù)相關(guān)的數(shù)據(jù)進(jìn)行數(shù)據(jù)更新，并相應(yīng)用戶(hù)點(diǎn)擊事件，顯示在對(duì)應(yīng)的欄目中。為了保證數(shù)據(jù)的時(shí)效性，即：用戶(hù)在其他頁(yè)面報(bào)名后，回到會(huì)務(wù)管理頁(yè)面時(shí)能見(jiàn)到剛才提交的數(shù)據(jù)。因此必須在當(dāng)前頁(yè)面做刷新，監(jiān)聽(tīng)用戶(hù)當(dāng)前頁(yè)面，一旦此頁(yè)面顯示，立即刷新當(dāng)前頁(yè)面進(jìn)行數(shù)據(jù)更新。

為了優(yōu)化用戶(hù)體驗(yàn)，增加用戶(hù)的自由度，用戶(hù)可以在此頁(yè)面進(jìn)行已報(bào)名會(huì)務(wù)的取消參會(huì)、查看會(huì)議流程。此處應(yīng)用到的前端功能實(shí)現(xiàn)將于詳細(xì)設(shè)計(jì)中體現(xiàn)。數(shù)據(jù)更新，則是通過(guò)獲取用戶(hù)當(dāng)前點(diǎn)擊項(xiàng)目的數(shù)據(jù)ID，鏈接后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)刪除，達(dá)到取消參會(huì)的功能。當(dāng)用戶(hù)取消參會(huì)時(shí)，也會(huì)在該會(huì)議的參會(huì)人數(shù)中進(jìn)行人數(shù)統(tǒng)計(jì)的更新。圖3 為首頁(yè)總體布局，圖4為首頁(yè)滾動(dòng)視圖展示。

5 結(jié)論與展望

微信小程序的開(kāi)發(fā)，僅僅只是當(dāng)今計(jì)算機(jī)技術(shù)飛速發(fā)展的冰山一角，以后將會(huì)有更便攜的應(yīng)用程序開(kāi)發(fā)出來(lái)。但程序的開(kāi)發(fā)離不開(kāi)基礎(chǔ)語(yǔ)言的學(xué)習(xí)與應(yīng)用，更離不開(kāi)多方面的技術(shù)結(jié)合。

本程序采用了Bmob云后端和微信開(kāi)發(fā)者工具來(lái)實(shí)現(xiàn)的會(huì)務(wù)管理，目前云后端這項(xiàng)技術(shù)正在逐步成長(zhǎng)，隨著計(jì)算機(jī)技術(shù)的快速發(fā)展，這項(xiàng)技術(shù)必將更加完善，也必將給更多的程序開(kāi)發(fā)者帶來(lái)極大的方便。

參考文獻(xiàn)：

[1] 閆小坤. 微信小程序開(kāi)發(fā)詳解[M]. 北京：清華大學(xué)出版社， 2017.

[2] 陳偉. 微信小程序開(kāi)發(fā)實(shí)戰(zhàn)[M]. 北京：人民郵電出版社， 2017.

[3] 楊龍平，李湘林. Java程序設(shè)計(jì)[M] . 北京：中國(guó)鐵道出版社， 2017.

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

【通聯(lián)編輯：代影】