總配資料管理系統微信小程序設計

摘 要：浦東終端數據室總配資料管理系統從開發應用至今節省了大量的人力成本，在空管通信業務發生故障時能夠幫助值班員第一時間定位到故障鏈路及時排除隱患。現今我室所用的總配管理系統是單機版本，本文提出了一種基于微信小程序軟件開發平臺的總配資料管理系統設計，系統通過使用微信小程序開發的前端操作軟件，應用微信小程序豐富的API接口連接后臺云端數據庫保存總配資料管理系統信息。

關鍵詞：總配資料管理系統；微信小程序；后端云數據庫；

一、浦東總配管理系統應用現狀分析

浦東終端數據室總配資料管理系統用于管理上海浦東機場航管樓及機場地區的配線管理工作。管理的配線主要有航管樓內模擬配線、空管SDH環網2M數據線及空管光纖。目前系統管理的配線用戶涉及浦東無線、氣象、雷達、導航、動力、物業、塔臺管制、綜合業務樓等空管用戶及浦東機場各航空公司和駐場單位。

通過總配資料管理系統的開發及應用，能將浦東地區的線纜管理規范化。并能為浦東無線、氣象、雷達、導航、動力、物業、塔臺管制、綜合業務樓等空管用戶及浦東機場各航空公司和駐場單位定期提供詳細準確的線纜業務資料，便于浦東空管業務的梳理。且能在空管通信業務發生故障時，第一時間定位到故障鏈路，及時排除隱患。

微信小程序介紹

（一）微信小程序簡介

小程序是微信2017 年1 月9 日正式上線的一個劃時代產品。它是一種不需要下載安裝即可使用的應用，實現了應用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應用。也體現了“用完即走”的理念，用戶不用關心是否安裝太多應用的問題。應用將無處不在，隨時可用，但又無需安裝卸載。

根據官方表述和小程序的技術接口來看，小程序其實就是個功能豐富、操作簡潔的輕應用。不同的小程序，能實現不同的功能。例如，買電影票、餐廳排號、餐館點菜、查詢公交、查詢股票信息、買機票、網購等等。當然，作為微信的新產品，小程序只能在微信里使用。

小程序的界面非常簡潔，與一般的App 區別不大。除了第一次進入時需要加載和彈出授權請求外，使用體驗。在使用小程序的過程中，也可以隨時點擊左上角返回微信的界面。微信小程序是一種全新的連接用戶與服務的方式，它可以在微信內被便捷地獲取和傳播，同時具有出色的使用體驗。

（二）微信小程序開發軟件

要進行微信小程序開發，首先需要搭建開發環境。微信提供了一個開發工具，通過這個工具，程序員可以快速創建微信小程序。全新的開發者工具幫助開發者簡單和高效地開發微信小程序，集成了開發調試、代碼編輯及程序發布等功能。程序調試主要有三大功能區：模擬器、調試工具和小程序操作區。在根目錄下用app來命名的這四中類型的文件，就是程序入口文件。

開發區域分左中右三部分。

左側顯示的是主要的操作命令按鈕，最上方顯示的是開發者的頭像，單擊頭像將彈出一個小窗口，可退出當前微信號。接下來是3個主要功能按鈕（“編輯”、“調試”、“項目”），分別進入開發者工具的3個主要功能。根據這3個功能按鈕的選擇，下方將顯示不同的操作按鈕。

中間區域和右側區域將根據3個主要功能按鈕的不同而顯示不同的內容。如選擇“編輯”按鈕后，中間區域將顯示代碼組織層次，右側區域則是代碼編輯區。如果選擇“調試”按鈕，中間區域將顯示模擬器的效果，右側區域顯示6個調試工具。

從本質上來說，微信小程序只是一套系統的展示層也就是一個前端程序，主要用來展示系統的信息。通常還需要有數據層、業務邏輯層、服務層、控制層等這些通常說的后端程序為微信小程序提供支持。

二、基于微信小程序的總配資料管理系統app設計

（一）APPID申請和使用

1.注冊并登入微信小程序賬號

在微信公眾平臺官網首頁（mp.weixin.qq.com）點擊右上角的“立即注冊”按鈕。

2.綁定開發者和體驗者

登錄微信公眾平臺小程序，進入用戶身份-開發者，新增綁定開發者。個人主體小程序最多可綁定5個開發者，10個體驗者。未認證的組織類型小程序最多可綁定10個開發者，20個體驗者。已認證的小程序最多可綁定20個開發者，40個體驗者。未經允許的微信用戶無法訪問小程序。

3.獲取AppID以及AppSecret

1）進入“設置-開發設置”，獲取AppID信息。

2）開發者工具使用管理員或者綁定的開發者微信號掃碼登錄。小程序的管理員或已綁定的開發者可以創建項目。需要填寫AppID、項目名稱及本地開發目錄。管理員和開發者可在開發者工具內完成小程序的開發、調試、預覽、上傳代碼等操作。

3）在app.js中添加AppID以及AppSecret

在之后的后臺數據庫也需要用到這兩個數據。

（二）登入界面的設計

登錄界面如圖1所示主要由圖片、賬號、密碼、登錄這4個容器組構成。

圖1登入界面

（三）查找界面和顯示結果界面的設計

1.浦東終端數據室當前使用的電腦版總配資料管理系統界面

浦東終端數據室當前使用的電腦版總配資料管理系統，其界面顯示的主要參數有“主線序、副線序、用戶單位、類型、線纜編號1、線纜編號2、負責人、用戶地址、物理地址、電話號碼、線纜屬性、模塊說明、備注、附錄、線纜詳細屬性”這15項。備份導出的資料還有創建時間和修改時間這兩項。

2.微信小程序查找界面和顯示結果界面

根據電腦版的總配資料管理系統設計出的微信小程序查詢和結果顯示界面

搜索欄顯示在最上方，搜索出來的結果一條一條的顯示在搜索欄下方，搜索結果較多的話可以上下滑動瀏覽。每一條搜索結果都對應著這條線纜的15項內容，簡單明了。

（四）增刪改界面的設計

可以添加對應這條線纜的15項內容，每一項必須填寫，空項可以填無。否則則會提示“內容不能為空，可填無”。點擊提交即可保存內容至后臺數據庫。若準確無誤會提示“添加成功”。

1.修改界面

搜索結果界面中每一條內容右邊都有一個編輯按鈕，點擊此按鈕即可編輯對應內容，

同添加界面基本一樣，只是會把此線纜的原有內容都顯示出來，根據需求修改即可。提交之后會提示“修改成功”。

2.刪除界面

在搜索結果界面中每一條內容右邊都有一個刪除按鈕，點擊此按鈕會彈窗提示“確定要刪除此內容？”再次點擊確認即可刪除并提示“刪除成功”。無網絡情況下則會提示“刪除失敗”。這樣大大避免了誤操作帶來的影響。

（五）數據庫模塊設計

前四小節的編程只是系統通過使用微信小程序開發的前端操作軟件，還需通過微信小程序豐富的API接口連接后臺云端數據庫保存并調用總配資料管理系統信息。通過反復對比研究，此微信小程序后端選擇Bmob后端云。

1.Bmob后端云介紹與特點

Bmob是國內首家專注于移動應用云服務的平臺，Bmob后端云讓移動開發更簡單，全方位一體化的后端服務平臺。讓開發者可以專注于小程序本身的業務邏輯開發，而不用去管復雜的后臺服務器、后臺數據庫的搭建和維護。幾句簡單的代碼，就可以實現微信小程序的用戶登錄、富媒體文件上傳，發送短信通知和微信支付等功能。這些代碼Bomb后端云平臺都會提供。

2.Bmob后端云搭建流程

準備一個小程序公眾號和Bmob賬號，打開Bmob官網注冊一個賬號。獲取并記錄好微信小程序的AppID和AppSecret。這兩項信息在小程序后臺的"設置-開發設置"頁面可以獲取到，獲取到后需要在一個文本文件中記好，后面要用到。

登錄Bmob控制臺，創建一個總配資料管理系統應用，然后進入應用。到"設置"頁面輸入剛剛獲取到的小程序的AppID和AppSecret并保存。獲取并記好MyBmobApp對應的Application ID和REST API key.登錄小程序MyApp后臺，在"設置-開發設置-服務器域名"頁面添加Bmob安全域名并保存（可一次性添加多個）。

Bmob官網下載微信小程序對應的SDK并解壓，將其中的所有js文件都放到小程序工程的utils目錄下。在小程序工程的app.js中加入如下代碼進行全局初始化：

現在就可以在小程序中對Bmob后端云數據庫進行各種操作了，像操作本地數據庫那么簡單。

3.Bmob后端提供的程序代碼

Bmob后端云提供了總配資料管理系統微信小程序設計中所用到的增刪改查聯系后臺數據庫所有源代碼，均可以在官網開發者文檔中獲取。

4.Bmob后端云數據庫數據格式與數據安全

Bmob提供了豐富的數據類型，包括String（字符串）、Number（數值，包括整數和浮點數）、Boolean（布爾值）、Date（日期）、File（文件）、Geopoint（地理位置）、Array（數組）、Object（對象）。

Bmob云存儲服務平臺除在服務器部署上的安全處理之外，采用了多租戶的虛擬隔離模式，即任何一個開發者的流量變化或者數據變化，均不會對其他開發者的應用帶來影響。

三、軟件測試結果

增加刪除修改功能在第三章界面設計中已經介紹并實現，下面來驗證一下這個小程序的搜索功能。

將所有總配資料進行格式轉換導入后臺數據庫。搜索幾組關鍵詞來驗證此個小程序的可行性和準確性。所有存入后臺數據庫的內容都能被快速搜索出來。

至于如何做到與現版本的總配資料管理系統的數據同步，我們使用的Bmob后端云提供CSV格式的EXCEL文件上傳，浦東終端數據室現在所用的總配資料管理系統導入導出的是XLS格式的EXCEL，只需簡單的格式轉換以及文件導入導出即可做到微信小程序版本與電腦版本信息數據的同步。

四、結束語及未來加入功能的展望

經過將近三個月的微信小程序編程語言學習以及APP程序開發，這款移動端的總配資料管理系統終于有了第一版原型，只需在移動設備上安裝微信、后臺對用戶授權就能使用。雖然這款小程序的功能就是簡單的增刪查改，界面也很簡陋有待優化，但是邁出了這踏實的一步，收獲頗多。

當日常工作與互聯網新新技術相結合時，可以大大地提高工作效率，達到事半功倍的效果。

第一版的總配資料管理系統微信小程序已經做好，當然未來還有一些需要完善的地方：

1.增加修改日志記錄模塊，在未來的版本更新中考慮增加此功能，用于記錄用戶登錄信息以及用戶登錄之后對總配資料增刪改的操作記錄以便于日后的維護。

2.設置用戶權限，微信小程序個人主體小程序最多可綁定5個開發者，10個體驗者。在未來的版本中會對10個體驗者賬號進行權限設置，對設備主管以及班組長功能完全開放，其他體驗者只能使用查詢功能。

最后，要感謝部門領導和同事們對于項目開發的大力支持，以及部門其他同事對我的微信小程序也提出了一些很有意義的建議。對于今后的功能增加、軟件修改有了更明確的方向。

參考文獻：

[1] 高洪濤.《從零開始學微信小程序開發》.電子工業出版社.第一版本2017.

作者簡介：

郭祀威，出生年月：1991/9/12，性別：男，民族：漢族，籍貫（精確到市）：廣東省汕頭市，當前職務：機務員，當前職稱：助理工程師，學歷：本科，研究方向：平面通信.