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

摘要：移动互联网时代，为满足高校疾病防控要求，以微信小程序开发平台为依托，面向学生，辅导员和校医，开发了健康申报，校医院预约，疾病资讯等模块。前端采用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又被切割为资讯，校医院和申报三个模块，用户可根据自己的需求选择对应模块。