郭若楠,梁雅麗,王正禹,徐欣



摘要:移動互聯網時代,為滿足高校疾病防控要求,以微信小程序開發平臺為依托,面向學生,輔導員和校醫,開發了健康申報,校醫院預約,疾病資訊等模塊。前端采用Echarts數據可視化以及ColorUI組件,直觀展示了學生的健康情況,后端采用mySql對數據進行管理。
關鍵詞:疾病防控;微信開發;小程序;Echarts ColorUI YAPI
中圖分類號:TP311? ? ? 文獻標識碼:A
文章編號:1009-3044(2021)19-0061-04
1 背景
根據《2020年中國大學生健康調查報告》,大學生在走出高中有人管束的生活,進入獨立自由的大學后,會因為環境變化,年齡增長,學業壓力等成長因素,身體處于一個亞健康狀態,免疫力下降。且學校作為人口高度密集的公共場所,也是各種疾病的易發場所,疾病防控也就成為高校管理的一個重要環節。
該項目我們選擇在微信小程序平臺進行開發。在這個移動互聯網迅速發展的時代,微信小程序憑借速度快不占內存;方便快捷即開即走;開發成本低維護簡便的優點,脫穎而出,迅速走進大眾視野并得到了廣泛使用。
2 系統分析
2.1 需求分析
1)學校需求
隨著病菌傳播途徑不斷地增多,各種的細菌廣泛地在密集的人群中傳播。高校作為人群的聚集地和傳染的高發區。所以掌握學生及職工健康狀況,有效預防管理疾病已經成為高校的責任之一。
2)學生需求
大學生因缺乏自控力,長時間處于一個不健康的生活狀態中,再加上缺乏鍛煉,身體素質低下,經常會受到疾病困擾。針對此類現象,我們開發了校醫院預約和健康申報兩個模塊,使得學生可及時就醫并且讓學校掌握具體情況。
2.2 開發環境分析
本次項目我們選擇使用微信小程序進行開發。微信開發者工具給開發者營造了一個高效快捷的開發平臺。它包含了真機調試,設備模擬,上傳等一系列功能。自從官方微信團隊發布了微信小程序開發者工具、開發文件和 設計指南以來,一個集開發、調試、代碼編輯和程序發布功能于一體的開發工具,讓微信小程序在移動互聯網時代脫穎而出[1]。
啟動微信開發者工具時,開發者需要在官網登錄綁定個人的微信號,再到微信開發者工具上進行掃碼登錄。程序調試的三大功能區主要是模擬器,調試工具和小程序操作區[2]。
3 相關技術
3.1 ColorUI
ColorUI是UI組件庫之一,屬于CSS類,極其注重視覺交互。此次,該項目中我們選擇引用ColorUI組件庫,通過ColorUI組件庫的操作條我們代替了小程序基礎的tabbar,使小程序的編寫更加的靈活和方便。并且整個小程序都基本使用了這個組件,包塊顏色、導航欄、輪播圖。
3.2 Echarts數據可視化
ECharts是依托在JavaScript的開源可視化圖表庫,它內含多個圖表以及開箱即用的組件,開發者可以按需進行不同搭配使用,以達到不同的效果。ECharts給了使用者直觀、交互性豐富、高度定制化的可視化體驗感受,該圖表庫包含折線圖、散點圖、餅圖、盒形圖等等[3]。而ECharts 團隊和微信小程序合作,團隊一起研究,最終為開發者提供了 ECharts 的不同版本。數據可視化的意義就是將數據從數字、文字的常規形態轉變為圖形,讓用戶可以清楚明了得到自己想要的,讓大眾更能接受。
因為此次的小程序是希望可以做出數據可視化的效果,所以我們通過應用ECharts圖標庫通過數據分析,可以直觀發現、分析、預警數據中所隱藏的問題,方便人員快速做出相應的反應。在每一次進入相關頁面時,都會更新一次數據,保證每次進入的信息都是最新的。
3.3 Python
在完成頁面設計和頁面板塊布局后我們開始數據處理。
前端通過request請求,收集我們需要的用戶數據,后端python把收集的數據通過sql語句存入數據庫中,而因為申報多次的原因可能會導致數據冗余,我們通過后一次的數據覆蓋前一次的數據來保證數據庫數據的簡潔。最后通過用戶所需要的數據,我們分析整理數據庫,找到所需要的返回到前端,展示給用戶。
3.4 YAPI
在設計API接口時,我們總會需要進行大量的溝通,并且很多時候會有許多改動,讓人很頭疼。接口開發完成后,接口測試也是一個問題。如果接口的數量過多,那么測試工作量就會大大加重。而YAPI的出現,這些問題便迎難而解。是可視化接口管理工具,是一個本地可部署的接口管理平臺,它將前端和后端連接到 qa。開發人員、產品經理和軟件測試的工作人員在使用YAPI后,獲得了一個優雅的接口技術管理系統服務。而YAPI讓測試、管理以及后期維護多個項目的動作更加輕松。此次,我們因為時間地點原因,導致我們的溝通十分不便,后來我們是用來YAPI,使我們接口的交流變得方便,并且測試時也容易找到問題的出處。
3.5 數據庫設計
我們的項目選用MySQL進行數據管理。MySQL憑借精小簡潔、方便快捷、開發成本低、開源使用的優點,獲得很多開發人員的推崇,并且得到了廣泛的應用。MySQL也成為很多小型企業開發數據庫的優選之一。
4 系統設計
4.1 功能需求分析
疾病防控平臺是各個高校進行疾病監測不可或缺的一部分, 從疾病被教師和校醫及時掌握,以及了解發病專業班級個人的精確程度,讓疾病傳播在高校無處遁形[4]。疾病防控平臺主要功能是對學生健康情況進行實時監控,以便學校進行疾病預防和管控。小程序面向學生、輔導員和校醫設計,用戶在登錄注冊進入后,tabBar又被切割為資訊,校醫院和申報三個模塊,用戶可根據自己的需求選擇對應模塊。