基于微信的我的財會管理系統(tǒng)的設計與實現

基于微信的我的財會管理系統(tǒng)的設計與實現

1微信小程序“輕應用”隨著移動通信業(yè)務和信息技術的快速發(fā)展，移動終端應用（app）的功能變得越來越多樣化，越來越受到重視。微信、支付寶以及各大手機品牌開始著手于“小程序”“輕應用”的開發(fā)。在信息技術較為發(fā)達、社交軟件較為集中的當今社會中,使用微信小程序開發(fā)程序可以實現用戶數量的快速擴增。同時,微信小程序的mina框架使得程序開發(fā)的效率大大提高,讓開發(fā)者能夠將更多的精力和時間集中在程序功能開發(fā)上,使得開發(fā)者能在相對較短的時間內開發(fā)出功能完善、界面美觀的程序,并在短時間內上線供大眾使用。2系統(tǒng)的搭建結構使用微信小程序開發(fā)者工具進行程序的頁面邏輯編譯和前端實現。小程序每個頁面的編碼采用HTML+CSS+JS組合,微信開發(fā)者工具將這三種語言進行升級修改后,對應更名為WXML+WXSS+JS。其中WXML是用來描述當前頁面的組成結構,WXSS用來描述頁面的顯示樣式,JS通常是用來處理該頁面的邏輯關系和功能實現,它控制當前頁面的用戶操作交互,監(jiān)聽并響應用戶的操作,獲取用戶的及信息等。為簡化程序開發(fā)流程,使用搭建好的Bmob云后端實現前端和后端的數據交互、用戶數據的增刪改查、頁面數據更換、客服聊天等功能。比目云后端和微信小程序通過特定的ID進行綁定,根據比目云微信小程序開發(fā)文檔對數據庫/表進行操作,用戶通過小程序的任何與后端有關的操作都會記錄在后端相應的數據表中。3會議設備管理會務管理系統(tǒng)就是基于微信小程序開發(fā)工具平臺開發(fā)的一個即時應用,讓用戶可以通過微信小程序搜索并直接使用該程序,方便快捷地實現會議的簡要信息瀏覽、會議地點導航,根據用戶需求實現在線報名、參展、贊助,掃碼簽到(報名)、定位簽到以及取消報名、客服交談等功能。為方便用戶使用,不占用用戶更多的資源,該會務管理系統(tǒng)將服務器和保存數據都存儲在云端,用戶只需在網絡暢通的情況下,實時進行數據調用。下圖1為總體設計思路。4整體設計4.1報名表的增加本程序使用比目后端云提供數據庫服務,包括如下數據表:用戶數據表、首頁輪播圖表、圖標icon表、近期會務表、會議報名統(tǒng)計表、贊助支持報名統(tǒng)計表、業(yè)務宣傳報名統(tǒng)計表。其中,三個報名統(tǒng)計表的數據表結構相同,分為三個表的目的在于區(qū)分用戶目的,方便后臺數據庫的管理。下面列出與前端實現數據交互主要的數據表結構、主要字段及字段描述。4.2舉辦展覽、舉辦展覽、參加展覽等活動會務管理小程序的功能模塊主要在于會務的瀏覽、報名、參加贊助、參加展覽、查看會務詳情、地點導航、簽到定位、掃碼簽到、掃碼報名、取消參會等。主要的功能模塊如圖2所示。4.3生成本地數據安全用戶進入當前小程序的時候,就會生成針對本程序而言唯一的openid,且不隨用戶刪除程序而變化,相當于是該用戶對本程序的唯一身份證。為避免云端數據庫更新或刪減導致用戶加載數據錯誤的發(fā)生,特定在登錄頁面制作了openid判斷。分析云數據庫是否有該用戶的數據,如有則繼續(xù)執(zhí)行數據獲取;如果云數據庫誤操作刪除了該用戶的數據,則會重新生成一條新的數據,用于匹配該用戶已存在數據庫中的其他相關數據。如果用戶清除了本地緩存或刪除了本程序導致本地緩存沒有openid,則會將值寫入本地緩存,重新匹配云數據庫中的關聯數據。由此實現用戶的唯一性及用戶數據的安全性。4.4關注等項目的獲取用戶報名參與,會出現3個入口,即:報名參與、業(yè)務宣傳、贊助支持。這3個入口通過綁定點擊事件的自定義參數,同時傳遞當前點擊項目的值進行傳參跳轉到報名頁面。當前頁面會根據當前會務需要收集的信息進行判斷,從而收集對應的信息。例:若會務需要收集參會者的身份證號碼,報名頁面就會顯示出填寫身份證的輸入框;若不需要收集,則不顯示。4.5系統(tǒng)操作的實現當頁面監(jiān)聽到用戶點擊“掃碼簽到”按鈕時,首先調用微信的開啟掃碼攝像API接口,獲取被掃描二維碼的值,然后通過查詢對應數據表跳轉到資料提交頁面,進行會議的報名等操作。4.6系統(tǒng)頁面設計此頁面是整個小程序的入口頁面,用戶進入程序后從后臺獲取與用戶相關的數據進行數據更新,并相應用戶點擊事件,顯示在對應的欄目中。為了保證數據的時效性,即:用戶在其他頁面報名后,回到會務管理頁面時能見到剛才提交的數據。因此必須在當前頁面做刷新,監(jiān)聽用戶當前頁面,一旦此頁面顯示,立即刷新當前頁面進行數據更新。為了優(yōu)化用戶體驗,增加用戶的自由度,用戶可以在此頁面進行已報名會務的取消參會、查看會議流程。此處應用到的前端功能實現將于詳細設計中體現。數據更新,則是通過獲取用戶當前點擊項目的數據ID,鏈接后臺數據庫進行數據刪除,達到取消參會的功能。當用戶取消參會時,也會在該會議的參會人數中進行人數統(tǒng)計的更新。圖3為首頁總體布局,圖4為首頁滾動視圖展示。5序開發(fā)出“微信小程序的開發(fā),僅僅只是當今計算機技術飛速發(fā)展的冰山一角,以后將會有更便攜的應用程序開發(fā)出來。但程序的開發(fā)離不開基礎語言的學習與