基于微信小程序的通達(dá)學(xué)院疾病防控平臺(tái)

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

摘要：移動(dòng)互聯(lián)網(wǎng)時(shí)代，為滿足高校疾病防控要求，以微信小程序開發(fā)平臺(tái)為依托，面向?qū)W生，輔導(dǎo)員和校醫(yī)，開發(fā)了健康申報(bào)，校醫(yī)院預(yù)約，疾病資訊等模塊。前端采用Echarts數(shù)據(jù)可視化以及ColorUI組件，直觀展示了學(xué)生的健康情況，后端采用mySql對(duì)數(shù)據(jù)進(jìn)行管理。

關(guān)鍵詞：疾病防控;微信開發(fā);小程序;Echarts ColorUI YAPI

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

文章編號(hào)：1009-3044（2021）19-0061-04

1 背景

根據(jù)《2020年中國(guó)大學(xué)生健康調(diào)查報(bào)告》，大學(xué)生在走出高中有人管束的生活，進(jìn)入獨(dú)立自由的大學(xué)后，會(huì)因?yàn)榄h(huán)境變化，年齡增長(zhǎng)，學(xué)業(yè)壓力等成長(zhǎng)因素，身體處于一個(gè)亞健康狀態(tài)，免疫力下降。且學(xué)校作為人口高度密集的公共場(chǎng)所，也是各種疾病的易發(fā)場(chǎng)所，疾病防控也就成為高校管理的一個(gè)重要環(huán)節(jié)。

該項(xiàng)目我們選擇在微信小程序平臺(tái)進(jìn)行開發(fā)。在這個(gè)移動(dòng)互聯(lián)網(wǎng)迅速發(fā)展的時(shí)代，微信小程序憑借速度快不占內(nèi)存;方便快捷即開即走;開發(fā)成本低維護(hù)簡(jiǎn)便的優(yōu)點(diǎn)，脫穎而出，迅速走進(jìn)大眾視野并得到了廣泛使用。

2 系統(tǒng)分析

2.1 需求分析

1）學(xué)校需求

隨著病菌傳播途徑不斷地增多，各種的細(xì)菌廣泛地在密集的人群中傳播。高校作為人群的聚集地和傳染的高發(fā)區(qū)。所以掌握學(xué)生及職工健康狀況，有效預(yù)防管理疾病已經(jīng)成為高校的責(zé)任之一。

2）學(xué)生需求

大學(xué)生因缺乏自控力，長(zhǎng)時(shí)間處于一個(gè)不健康的生活狀態(tài)中，再加上缺乏鍛煉，身體素質(zhì)低下，經(jīng)常會(huì)受到疾病困擾。針對(duì)此類現(xiàn)象，我們開發(fā)了校醫(yī)院預(yù)約和健康申報(bào)兩個(gè)模塊，使得學(xué)生可及時(shí)就醫(yī)并且讓學(xué)校掌握具體情況。

2.2 開發(fā)環(huán)境分析

本次項(xiàng)目我們選擇使用微信小程序進(jìn)行開發(fā)。微信開發(fā)者工具給開發(fā)者營(yíng)造了一個(gè)高效快捷的開發(fā)平臺(tái)。它包含了真機(jī)調(diào)試，設(shè)備模擬，上傳等一系列功能。自從官方微信團(tuán)隊(duì)發(fā)布了微信小程序開發(fā)者工具、開發(fā)文件和 設(shè)計(jì)指南以來(lái)，一個(gè)集開發(fā)、調(diào)試、代碼編輯和程序發(fā)布功能于一體的開發(fā)工具，讓微信小程序在移動(dòng)互聯(lián)網(wǎng)時(shí)代脫穎而出[1]。

啟動(dòng)微信開發(fā)者工具時(shí)，開發(fā)者需要在官網(wǎng)登錄綁定個(gè)人的微信號(hào)，再到微信開發(fā)者工具上進(jìn)行掃碼登錄。程序調(diào)試的三大功能區(qū)主要是模擬器，調(diào)試工具和小程序操作區(qū)[2]。

3 相關(guān)技術(shù)

3.1 ColorUI

ColorUI是UI組件庫(kù)之一，屬于CSS類，極其注重視覺(jué)交互。此次，該項(xiàng)目中我們選擇引用ColorUI組件庫(kù)，通過(guò)ColorUI組件庫(kù)的操作條我們代替了小程序基礎(chǔ)的tabbar，使小程序的編寫更加的靈活和方便。并且整個(gè)小程序都基本使用了這個(gè)組件，包塊顏色、導(dǎo)航欄、輪播圖。

3.2 Echarts數(shù)據(jù)可視化

ECharts是依托在JavaScript的開源可視化圖表庫(kù)，它內(nèi)含多個(gè)圖表以及開箱即用的組件，開發(fā)者可以按需進(jìn)行不同搭配使用，以達(dá)到不同的效果。ECharts給了使用者直觀、交互性豐富、高度定制化的可視化體驗(yàn)感受，該圖表庫(kù)包含折線圖、散點(diǎn)圖、餅圖、盒形圖等等[3]。而ECharts 團(tuán)隊(duì)和微信小程序合作，團(tuán)隊(duì)一起研究，最終為開發(fā)者提供了 ECharts 的不同版本。數(shù)據(jù)可視化的意義就是將數(shù)據(jù)從數(shù)字、文字的常規(guī)形態(tài)轉(zhuǎn)變?yōu)閳D形，讓用戶可以清楚明了得到自己想要的，讓大眾更能接受。

因?yàn)榇舜蔚男〕绦蚴窍Ｍ梢宰龀鰯?shù)據(jù)可視化的效果，所以我們通過(guò)應(yīng)用ECharts圖標(biāo)庫(kù)通過(guò)數(shù)據(jù)分析，可以直觀發(fā)現(xiàn)、分析、預(yù)警數(shù)據(jù)中所隱藏的問(wèn)題，方便人員快速做出相應(yīng)的反應(yīng)。在每一次進(jìn)入相關(guān)頁(yè)面時(shí)，都會(huì)更新一次數(shù)據(jù)，保證每次進(jìn)入的信息都是最新的。

3.3 Python

在完成頁(yè)面設(shè)計(jì)和頁(yè)面板塊布局后我們開始數(shù)據(jù)處理。

前端通過(guò)request請(qǐng)求，收集我們需要的用戶數(shù)據(jù)，后端python把收集的數(shù)據(jù)通過(guò)sql語(yǔ)句存入數(shù)據(jù)庫(kù)中，而因?yàn)樯陥?bào)多次的原因可能會(huì)導(dǎo)致數(shù)據(jù)冗余，我們通過(guò)后一次的數(shù)據(jù)覆蓋前一次的數(shù)據(jù)來(lái)保證數(shù)據(jù)庫(kù)數(shù)據(jù)的簡(jiǎn)潔。最后通過(guò)用戶所需要的數(shù)據(jù)，我們分析整理數(shù)據(jù)庫(kù)，找到所需要的返回到前端，展示給用戶。

3.4 YAPI

在設(shè)計(jì)API接口時(shí)，我們總會(huì)需要進(jìn)行大量的溝通，并且很多時(shí)候會(huì)有許多改動(dòng)，讓人很頭疼。接口開發(fā)完成后，接口測(cè)試也是一個(gè)問(wèn)題。如果接口的數(shù)量過(guò)多，那么測(cè)試工作量就會(huì)大大加重。而YAPI的出現(xiàn)，這些問(wèn)題便迎難而解。是可視化接口管理工具，是一個(gè)本地可部署的接口管理平臺(tái)，它將前端和后端連接到 qa。開發(fā)人員、產(chǎn)品經(jīng)理和軟件測(cè)試的工作人員在使用YAPI后，獲得了一個(gè)優(yōu)雅的接口技術(shù)管理系統(tǒng)服務(wù)。而YAPI讓測(cè)試、管理以及后期維護(hù)多個(gè)項(xiàng)目的動(dòng)作更加輕松。此次，我們因?yàn)闀r(shí)間地點(diǎn)原因，導(dǎo)致我們的溝通十分不便，后來(lái)我們是用來(lái)YAPI，使我們接口的交流變得方便，并且測(cè)試時(shí)也容易找到問(wèn)題的出處。

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

我們的項(xiàng)目選用MySQL進(jìn)行數(shù)據(jù)管理。MySQL憑借精小簡(jiǎn)潔、方便快捷、開發(fā)成本低、開源使用的優(yōu)點(diǎn)，獲得很多開發(fā)人員的推崇，并且得到了廣泛的應(yīng)用。MySQL也成為很多小型企業(yè)開發(fā)數(shù)據(jù)庫(kù)的優(yōu)選之一。

4 系統(tǒng)設(shè)計(jì)

4.1 功能需求分析

疾病防控平臺(tái)是各個(gè)高校進(jìn)行疾病監(jiān)測(cè)不可或缺的一部分， 從疾病被教師和校醫(yī)及時(shí)掌握，以及了解發(fā)病專業(yè)班級(jí)個(gè)人的精確程度，讓疾病傳播在高校無(wú)處遁形[4]。疾病防控平臺(tái)主要功能是對(duì)學(xué)生健康情況進(jìn)行實(shí)時(shí)監(jiān)控，以便學(xué)校進(jìn)行疾病預(yù)防和管控。小程序面向?qū)W生、輔導(dǎo)員和校醫(yī)設(shè)計(jì)，用戶在登錄注冊(cè)進(jìn)入后，tabBar又被切割為資訊，校醫(yī)院和申報(bào)三個(gè)模塊，用戶可根據(jù)自己的需求選擇對(duì)應(yīng)模塊。