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

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

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

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

文章編號：1009-3044（2021）19-0061-04

1 背景

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

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

2 系統(tǒng)分析

2.1 需求分析

1）學(xué)校需求

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

2）學(xué)生需求

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

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

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

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

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

3.1 ColorUI

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

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

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

因為此次的小程序是希望可以做出數(shù)據(jù)可視化的效果，所以我們通過應(yīng)用ECharts圖標(biāo)庫通過數(shù)據(jù)分析，可以直觀發(fā)現(xiàn)、分析、預(yù)警數(shù)據(jù)中所隱藏的問題，方便人員快速做出相應(yīng)的反應(yīng)。在每一次進(jìn)入相關(guān)頁面時，都會更新一次數(shù)據(jù)，保證每次進(jìn)入的信息都是最新的。

3.3 Python

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

前端通過request請求，收集我們需要的用戶數(shù)據(jù)，后端python把收集的數(shù)據(jù)通過sql語句存入數(shù)據(jù)庫中，而因為申報多次的原因可能會導(dǎo)致數(shù)據(jù)冗余，我們通過后一次的數(shù)據(jù)覆蓋前一次的數(shù)據(jù)來保證數(shù)據(jù)庫數(shù)據(jù)的簡潔。最后通過用戶所需要的數(shù)據(jù)，我們分析整理數(shù)據(jù)庫，找到所需要的返回到前端，展示給用戶。

3.4 YAPI

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

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

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

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

4.1 功能需求分析

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