基于微信小程序的体质健康管理系统设计与实现

张学敏

摘要：通过现代科技手段，设计一款满足人们日常健身需求的软件。系统采用模块化设计，包括前端、后台、数据库三部分。前端主要是使用微信开发者进行页面相关的设计，后台使用软件IntelliJ IDEA进行程序设计，数据库编写使用MySQL。系统实现的功能有：用户注册登录、用户信息完善、通过推荐链接观看健身房各健身项目、健身课程教学等。

关键词：IntelliJ IDEA;MySQL;微信开发者工具

中图分类号：TP311.52      文献标识码：A

文章编号：1009-3044（2019）22-0103-04

开放科学（资源服务）标识码（OSID）：

Design and Implementation of Home Environment Detection System

ZHANG Xue-min

（Anhui Medical University， Hefei 230032， China）

Abstract： A software was designed that meets people's daily fitness needs through modern technology. The system adopted modular design， including front-end， back-end， and database. The front-end mainly uses WeChat developers for page-related design， the background is designed with software IntelliJ IDEA， and the database is written using MySQL. The functions that the system needs to implement are： user registration and login， perfecting user information， watching gymnastics fitness programs through recommended links， fitness class teaching.

Key words：IntelliJ IDEA; MySQL; Wechat Developer Tool

1 背景

习近平总书记在十九大报告中指出，实施健康中国战略，推动全民健身和全民健康深度融合 [1]。全民健身已经成为备受关注的话题，但现如今城市生活节奏加快，个人空间变小，健身成本的增高，更多年轻人倾向于通过网络健身，而微信小程序以其自带推广、触手可及、无须安装、快捷搜索、成本低廉、使用体验更为流畅的优势，备受用户青睐。因此，笔者设计基于微信小程序的体质健康管理系统，旨在响应国家号召，拓宽全民健身渠道。

2 系统分析

2.1 需求分析

系统需求包括：1）用户实现注册登录;2）用户信息完善;3）健身项目展示，可进行学习购买;4）用戶可进行评价。

2.2 可行性分析

IntelliJ IDEA是一种java编程语言开发的集成环境。这款软件在计算机编程里面被公认为最好的用于java开发工具之一，特别是在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具（git、svn等）、JUnit、CVS整合、代码分析、 创新的GUI设计等方面，其功能明显优于其他软件[2]。

前期推广主要通过传单宣传、转发宣传等线上线下结合的方式进行，以求打开一定流量入口，前期主要公益性使用，后期渠道拓宽，市场范围扩大，再进行营利性经营。

2.3 开发环境简介

2.3.1 微信web开发者工具

这款工具是由微信官方在网上发布的主要是针对微信小程序的一种开发工具，集中了开发，调试，预览，上传等功能。2018年3月，微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序[3]。

启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信的账号。程序调试主要有三大功能区：模拟器、调试工具和小程序操作区。模拟器模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。调试工具分为 6 大功能模块：Wxml、Console、Sources、Network、Appdata、Storage以及WxmlPannel。

2.3.2 IntelliJ IDEA

首先是配置JDK。打开“File”–>“project setting”，添加本地安装的JDK。JDK是Java的开发工具包，主要包含了各种类库和工具，JDK提供了一个虚拟机。另外，JDK的bin目录下有各种Java程序需要用到的命令，JDK文件下有javac。JDK是Java的开发工具，它不仅提供了Java程序运行所需的JRE，还提供了一系列的编译，运行等工具，如javac，java，javaw等。JRE只是Java程序的运行环境，它最核心的内容就是JVM（Java虚拟机）及核心类库。环境安装如图1：

3 总体设计

3.1 系统设计

系统用户在注册登录后，可以对小程序内健身项目进行购买和退换，使用的这种小型便捷的软件，主要方便完成户的健身需求，同时用户也可以在进行留言评论。

3.2.1 系统功能

小程序功能包括：1）新用户进行注册，姓名，身高，体重，密码等一系列操作;2）注册完成后，进入登录界面进行登录;3）登录后，可以看到一些健身文章和健身的项目简介;4）进入课程可以进行购买和退换;5）用户可在评论区评论反馈。

3.2 系统模块

图2是用户模块，用户注册登录后进入首页，可以查看健身文章和健身课程，并可以选择文章阅读，同时可以购买课程和退换。只有购买了课程，才可以在课程下方进行评论和反馈。图3是管理单元模块，在管理界面可以查看用户信息，对健身课程和文章进行添加、删除还有价格和内容的修改。

3.3 界面设计模块

3.2.1 系统初始化模块

初始化的状态即为用户看到的注册登录界面，页面需要简洁干净和大方，给人一种舒心的感觉，让用户感兴趣，不反感。同时界面上的按钮和功能清楚，简单明了。

3.2.2 使用进程模块

用户注册登录后，进入页面，会看到三个基础选项，分别是首页，课程，我的;这三个分别用以完成此课题的主要功能。进入首页后，会有健身相关课程和文章供用户查看，用户可以选择感兴趣的观看和了解，进入课程页面，可以对健身课程进行购买和退换;进入我的页面，可查看自我资料，已经购买的课程。

3.2.3 管理单元模块

管理单元模块，在管理界面可以查看用户信息，对健身课程和文章进行添加、删除还有价格和内容的修改。

4 系统实现

系统大致分为三个部分前端显示，后台管理，数据库设计。微信小程序系统实现前期大致步骤：注册;小程序信息完善;开发小程序;使用微信web开发者工具进行小程序开发;开发者可以调试微信网页授权和微信JS-SDK。JS-SDK使用步骤：绑定域名;引入JS文件;通过config接口注入权限验证配置;通过ready接口处理成功验证;通过error接口处理失败验证[3]。

4.1 前端显示

4.1.1 页面的初始化

未注册或登录时的页面初始化，如图5：

登录后页面的初始化，如图6：

4.1.2 课程购买退换模块

购买模块：

退购模块：

4.1.3 用户界面的管理模块：

资料编辑模块：

退出登录模块：

4.2 后台管理设计

后台设计使用Java编程语言，使用软件IntelliJ IDEA;包括管理后台，后台对应api，底层支持和工具方法，数据库及对象相关，小程序代码和小程序api。使用springboot+mybatis框架[4]。

Spring的存在就是为了解决开发的复杂度，它不只是在某个服务器端之间的开发，还可以根据各种不同的角度在java的应用上面应用[5]。Spring Boot是所有基于Spring开发的项目的起点。SpringBoot其实不是什么新的框架，它默认配置了很多框架的使用方式，就像maven整合了所有的jar包，spring boot整合了所有的框架[6]。

4.3 数据库设计

数据库设计使用MySQL进行编程，MySQL，也称为My-SEQuel，是一个开源的，多用户的，多线程的关系型数据库的管理系统，由DBMS，DBM和DBA部分组成[7]。它主要是有效地管理大量信息，由于它是开源的，而且执行的速度快，体积还小，成本又比较低，主要是还支持Linux，Windows等很多种的操作系统，它具有强大的索引功能，能加速数据检索操作，因此许多网站更喜欢MySQL作为他们的数据库，适合中小型项目管理内容[8]。

5 系统调试与测试

5.1 测试方法

在初步完成该系统时，主要在电脑也就是web端進行调试，测试各部分模块，能否完成任务书的主要功能，在测试过程中注意功能实现的同时，有没有更好的方法改进，进一步完善系统。

5.2 测试环境和条件

测试环境有两个，一个在电脑端测试，一个通过手机端进行模拟用户使用测试。测试时，对照任务书上的各项功能进行一一验证，通过微信web开发者工具的真机调试模块，手机端扫码登录，测试条件一定是符合任务书标准。

5.3 测试数据

测试过程中，测试数据主要为用户的注册和登录，录入用户的个人信息如姓名，年龄，体重，身高，性别，手机号，还有对自己运动偏向的标签。在用户登录后，测试的数据主要是人为的操作为主，体验这款微信小程序的操作是否符合标准，设计的是否人性化，操作感是否流畅，界面设计是否合理，多找几个同学进行体验，根据同学使用情况进行修改。

5.4 测试结果和分析评价

从首页界面、可选择购买的健身课程界面、用户自我管理界面、用户购买课程和退换课程，界面的刷新等角度对小程序进行了测试，测试效果良好，可以完整完成各项功能，

参考文献：

[1] 韩喜平， 孙小杰. 全面实施健康中国战略[EB/OL].4. http：//mini.eastday.com/mobile/171022212306067.html#，（2018-12-24）.

[2] 黄强文， 曾丹. 基于Spring Cloud和Docker的分布式微服务架构设计[J]. 微型电脑应用， 2019， 35（6）： 98-101.

[3] 高小倩. 微信小程序公布四大广告位，腾讯能成为以广告收入为主的公司么？[EB/OL]. .https：//baike.baidu.com/reference/20171697/e5e1oyH03Jn6qkW3xe0IaXz2eTPRapEMNSFw8InpuCnQC2WglP7G1xfhO1vFLpeAmOCiyc0quoqP81Wr.（2018-03-29）.

[4] 李雪钊. 基于微信小程序的慢出行共享系统的设计与实现[D]. 北京： 首都经济贸易大学， 2018.

[5] 王晓茹. 基于个性化推荐的英语辅助教学系统设计[J]. 微型电脑应用， 2019， 35（5）： 35-38.

[6] 陈昊， 齐殿伟， 刘煜， 等. “益点益滴”大学生教育与公益平台设计及实现[J]. 现代信息科技， 2019， 3（7）： 73-76， 79.

[7] 钟婉石. 智能家居网关与信息推送的分析与研究[D]. 沈阳： 沈阳建筑大学， 2017.

[8] 邱志军， 吴彬， 蒋志勇. 基于微信的志愿服务管理系统开发与应用[J]. 计算机产品与流通， 2019（7）： 104-106.

【通联编辑：谢媛媛】