摘 要:浦東終端數(shù)據(jù)室總配資料管理系統(tǒng)從開發(fā)應用至今節(jié)省了大量的人力成本,在空管通信業(yè)務發(fā)生故障時能夠幫助值班員第一時間定位到故障鏈路及時排除隱患?,F(xiàn)今我室所用的總配管理系統(tǒng)是單機版本,本文提出了一種基于微信小程序軟件開發(fā)平臺的總配資料管理系統(tǒng)設計,系統(tǒng)通過使用微信小程序開發(fā)的前端操作軟件,應用微信小程序豐富的API接口連接后臺云端數(shù)據(jù)庫保存總配資料管理系統(tǒng)信息。
關鍵詞:總配資料管理系統(tǒng);微信小程序;后端云數(shù)據(jù)庫;
一、浦東總配管理系統(tǒng)應用現(xiàn)狀分析
浦東終端數(shù)據(jù)室總配資料管理系統(tǒng)用于管理上海浦東機場航管樓及機場地區(qū)的配線管理工作。管理的配線主要有航管樓內(nèi)模擬配線、空管SDH環(huán)網(wǎng)2M數(shù)據(jù)線及空管光纖。目前系統(tǒng)管理的配線用戶涉及浦東無線、氣象、雷達、導航、動力、物業(yè)、塔臺管制、綜合業(yè)務樓等空管用戶及浦東機場各航空公司和駐場單位。
通過總配資料管理系統(tǒng)的開發(fā)及應用,能將浦東地區(qū)的線纜管理規(guī)范化。并能為浦東無線、氣象、雷達、導航、動力、物業(yè)、塔臺管制、綜合業(yè)務樓等空管用戶及浦東機場各航空公司和駐場單位定期提供詳細準確的線纜業(yè)務資料,便于浦東空管業(yè)務的梳理。且能在空管通信業(yè)務發(fā)生故障時,第一時間定位到故障鏈路,及時排除隱患。
微信小程序介紹
(一)微信小程序簡介
小程序是微信2017 年1 月9 日正式上線的一個劃時代產(chǎn)品。它是一種不需要下載安裝即可使用的應用,實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。也體現(xiàn)了“用完即走”的理念,用戶不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,但又無需安裝卸載。
根據(jù)官方表述和小程序的技術接口來看,小程序其實就是個功能豐富、操作簡潔的輕應用。不同的小程序,能實現(xiàn)不同的功能。例如,買電影票、餐廳排號、餐館點菜、查詢公交、查詢股票信息、買機票、網(wǎng)購等等。當然,作為微信的新產(chǎn)品,小程序只能在微信里使用。
小程序的界面非常簡潔,與一般的App 區(qū)別不大。除了第一次進入時需要加載和彈出授權請求外,使用體驗。在使用小程序的過程中,也可以隨時點擊左上角返回微信的界面。微信小程序是一種全新的連接用戶與服務的方式,它可以在微信內(nèi)被便捷地獲取和傳播,同時具有出色的使用體驗。
(二)微信小程序開發(fā)軟件
要進行微信小程序開發(fā),首先需要搭建開發(fā)環(huán)境。微信提供了一個開發(fā)工具,通過這個工具,程序員可以快速創(chuàng)建微信小程序。全新的開發(fā)者工具幫助開發(fā)者簡單和高效地開發(fā)微信小程序,集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。程序調(diào)試主要有三大功能區(qū):模擬器、調(diào)試工具和小程序操作區(qū)。在根目錄下用app來命名的這四中類型的文件,就是程序入口文件。
開發(fā)區(qū)域分左中右三部分。
左側顯示的是主要的操作命令按鈕,最上方顯示的是開發(fā)者的頭像,單擊頭像將彈出一個小窗口,可退出當前微信號。接下來是3個主要功能按鈕(“編輯”、“調(diào)試”、“項目”),分別進入開發(fā)者工具的3個主要功能。根據(jù)這3個功能按鈕的選擇,下方將顯示不同的操作按鈕。
中間區(qū)域和右側區(qū)域?qū)⒏鶕?jù)3個主要功能按鈕的不同而顯示不同的內(nèi)容。如選擇“編輯”按鈕后,中間區(qū)域?qū)@示代碼組織層次,右側區(qū)域則是代碼編輯區(qū)。如果選擇“調(diào)試”按鈕,中間區(qū)域?qū)@示模擬器的效果,右側區(qū)域顯示6個調(diào)試工具。
從本質(zhì)上來說,微信小程序只是一套系統(tǒng)的展示層也就是一個前端程序,主要用來展示系統(tǒng)的信息。通常還需要有數(shù)據(jù)層、業(yè)務邏輯層、服務層、控制層等這些通常說的后端程序為微信小程序提供支持。
二、基于微信小程序的總配資料管理系統(tǒng)app設計
(一)APPID申請和使用
1.注冊并登入微信小程序賬號
在微信公眾平臺官網(wǎng)首頁(mp.weixin.qq.com)點擊右上角的“立即注冊”按鈕。
2.綁定開發(fā)者和體驗者
登錄微信公眾平臺小程序,進入用戶身份-開發(fā)者,新增綁定開發(fā)者。個人主體小程序最多可綁定5個開發(fā)者,10個體驗者。未認證的組織類型小程序最多可綁定10個開發(fā)者,20個體驗者。已認證的小程序最多可綁定20個開發(fā)者,40個體驗者。未經(jīng)允許的微信用戶無法訪問小程序。
3.獲取AppID以及AppSecret
1)進入“設置-開發(fā)設置”,獲取AppID信息。
2)開發(fā)者工具使用管理員或者綁定的開發(fā)者微信號掃碼登錄。小程序的管理員或已綁定的開發(fā)者可以創(chuàng)建項目。需要填寫AppID、項目名稱及本地開發(fā)目錄。管理員和開發(fā)者可在開發(fā)者工具內(nèi)完成小程序的開發(fā)、調(diào)試、預覽、上傳代碼等操作。
3)在app.js中添加AppID以及AppSecret
在之后的后臺數(shù)據(jù)庫也需要用到這兩個數(shù)據(jù)。
(二)登入界面的設計
登錄界面如圖1所示主要由圖片、賬號、密碼、登錄這4個容器組構成。
圖1登入界面
(三)查找界面和顯示結果界面的設計
1.浦東終端數(shù)據(jù)室當前使用的電腦版總配資料管理系統(tǒng)界面
浦東終端數(shù)據(jù)室當前使用的電腦版總配資料管理系統(tǒng),其界面顯示的主要參數(shù)有“主線序、副線序、用戶單位、類型、線纜編號1、線纜編號2、負責人、用戶地址、物理地址、電話號碼、線纜屬性、模塊說明、備注、附錄、線纜詳細屬性”這15項。備份導出的資料還有創(chuàng)建時間和修改時間這兩項。
2.微信小程序查找界面和顯示結果界面
根據(jù)電腦版的總配資料管理系統(tǒng)設計出的微信小程序查詢和結果顯示界面
搜索欄顯示在最上方,搜索出來的結果一條一條的顯示在搜索欄下方,搜索結果較多的話可以上下滑動瀏覽。每一條搜索結果都對應著這條線纜的15項內(nèi)容,簡單明了。
(四)增刪改界面的設計
可以添加對應這條線纜的15項內(nèi)容,每一項必須填寫,空項可以填無。否則則會提示“內(nèi)容不能為空,可填無”。點擊提交即可保存內(nèi)容至后臺數(shù)據(jù)庫。若準確無誤會提示“添加成功”。
1.修改界面
搜索結果界面中每一條內(nèi)容右邊都有一個編輯按鈕,點擊此按鈕即可編輯對應內(nèi)容,
同添加界面基本一樣,只是會把此線纜的原有內(nèi)容都顯示出來,根據(jù)需求修改即可。提交之后會提示“修改成功”。
2.刪除界面
在搜索結果界面中每一條內(nèi)容右邊都有一個刪除按鈕,點擊此按鈕會彈窗提示“確定要刪除此內(nèi)容?”再次點擊確認即可刪除并提示“刪除成功”。無網(wǎng)絡情況下則會提示“刪除失敗”。這樣大大避免了誤操作帶來的影響。
(五)數(shù)據(jù)庫模塊設計
前四小節(jié)的編程只是系統(tǒng)通過使用微信小程序開發(fā)的前端操作軟件,還需通過微信小程序豐富的API接口連接后臺云端數(shù)據(jù)庫保存并調(diào)用總配資料管理系統(tǒng)信息。通過反復對比研究,此微信小程序后端選擇Bmob后端云。
1.Bmob后端云介紹與特點
Bmob是國內(nèi)首家專注于移動應用云服務的平臺,Bmob后端云讓移動開發(fā)更簡單,全方位一體化的后端服務平臺。讓開發(fā)者可以專注于小程序本身的業(yè)務邏輯開發(fā),而不用去管復雜的后臺服務器、后臺數(shù)據(jù)庫的搭建和維護。幾句簡單的代碼,就可以實現(xiàn)微信小程序的用戶登錄、富媒體文件上傳,發(fā)送短信通知和微信支付等功能。這些代碼Bomb后端云平臺都會提供。
2.Bmob后端云搭建流程
準備一個小程序公眾號和Bmob賬號,打開Bmob官網(wǎng)注冊一個賬號。獲取并記錄好微信小程序的AppID和AppSecret。這兩項信息在小程序后臺的"設置-開發(fā)設置"頁面可以獲取到,獲取到后需要在一個文本文件中記好,后面要用到。
登錄Bmob控制臺,創(chuàng)建一個總配資料管理系統(tǒng)應用,然后進入應用。到"設置"頁面輸入剛剛獲取到的小程序的AppID和AppSecret并保存。獲取并記好MyBmobApp對應的Application ID和REST API key.登錄小程序MyApp后臺,在"設置-開發(fā)設置-服務器域名"頁面添加Bmob安全域名并保存(可一次性添加多個)。
Bmob官網(wǎng)下載微信小程序?qū)腟DK并解壓,將其中的所有js文件都放到小程序工程的utils目錄下。在小程序工程的app.js中加入如下代碼進行全局初始化:
現(xiàn)在就可以在小程序中對Bmob后端云數(shù)據(jù)庫進行各種操作了,像操作本地數(shù)據(jù)庫那么簡單。
3.Bmob后端提供的程序代碼
Bmob后端云提供了總配資料管理系統(tǒng)微信小程序設計中所用到的增刪改查聯(lián)系后臺數(shù)據(jù)庫所有源代碼,均可以在官網(wǎng)開發(fā)者文檔中獲取。
4.Bmob后端云數(shù)據(jù)庫數(shù)據(jù)格式與數(shù)據(jù)安全
Bmob提供了豐富的數(shù)據(jù)類型,包括String(字符串)、Number(數(shù)值,包括整數(shù)和浮點數(shù))、Boolean(布爾值)、Date(日期)、File(文件)、Geopoint(地理位置)、Array(數(shù)組)、Object(對象)。
Bmob云存儲服務平臺除在服務器部署上的安全處理之外,采用了多租戶的虛擬隔離模式,即任何一個開發(fā)者的流量變化或者數(shù)據(jù)變化,均不會對其他開發(fā)者的應用帶來影響。
三、軟件測試結果
增加刪除修改功能在第三章界面設計中已經(jīng)介紹并實現(xiàn),下面來驗證一下這個小程序的搜索功能。
將所有總配資料進行格式轉換導入后臺數(shù)據(jù)庫。搜索幾組關鍵詞來驗證此個小程序的可行性和準確性。所有存入后臺數(shù)據(jù)庫的內(nèi)容都能被快速搜索出來。
至于如何做到與現(xiàn)版本的總配資料管理系統(tǒng)的數(shù)據(jù)同步,我們使用的Bmob后端云提供CSV格式的EXCEL文件上傳,浦東終端數(shù)據(jù)室現(xiàn)在所用的總配資料管理系統(tǒng)導入導出的是XLS格式的EXCEL,只需簡單的格式轉換以及文件導入導出即可做到微信小程序版本與電腦版本信息數(shù)據(jù)的同步。
四、結束語及未來加入功能的展望
經(jīng)過將近三個月的微信小程序編程語言學習以及APP程序開發(fā),這款移動端的總配資料管理系統(tǒng)終于有了第一版原型,只需在移動設備上安裝微信、后臺對用戶授權就能使用。雖然這款小程序的功能就是簡單的增刪查改,界面也很簡陋有待優(yōu)化,但是邁出了這踏實的一步,收獲頗多。
當日常工作與互聯(lián)網(wǎng)新新技術相結合時,可以大大地提高工作效率,達到事半功倍的效果。
第一版的總配資料管理系統(tǒng)微信小程序已經(jīng)做好,當然未來還有一些需要完善的地方:
1.增加修改日志記錄模塊,在未來的版本更新中考慮增加此功能,用于記錄用戶登錄信息以及用戶登錄之后對總配資料增刪改的操作記錄以便于日后的維護。
2.設置用戶權限,微信小程序個人主體小程序最多可綁定5個開發(fā)者,10個體驗者。在未來的版本中會對10個體驗者賬號進行權限設置,對設備主管以及班組長功能完全開放,其他體驗者只能使用查詢功能。
最后,要感謝部門領導和同事們對于項目開發(fā)的大力支持,以及部門其他同事對我的微信小程序也提出了一些很有意義的建議。對于今后的功能增加、軟件修改有了更明確的方向。
參考文獻:
[1] 高洪濤.《從零開始學微信小程序開發(fā)》.電子工業(yè)出版社.第一版本2017.
作者簡介:
郭祀威,出生年月:1991/9/12,性別:男,民族:漢族,籍貫(精確到市):廣東省汕頭市,當前職務:機務員,當前職稱:助理工程師,學歷:本科,研究方向:平面通信.