基于微信小程序的健康生活社交系统(源码+lw+部署文档+讲解)，源码可白嫖!

一 摘  要

近几年以来，越来越多的用户借助于移动手机、电脑完成生活中的事务，许多的传统行业也更加重视与互联网的结合。本论文探讨利用不断发展和进步的网络技术，开发出一个基于微信小程序的健康生活社交系统，可以让用户实现对浏览健身视频、健康资讯、健康交流等信息，并对用户信息、运动打卡、我的收藏管理、我要发帖、我的发帖等功能进行管理。 本论文介绍健康生活社交系统软件的开发，主要是借助微信平台来完成的，框架使用的是Spring Boot框架，编程语言使用的是Java语言，数据库使用的是MySQL数据库。

1.1课题提出的背景及意义

1.1.1课题背景

腾讯公司在2017年1月19日发布了一款不需要下载，不需要卸载，不需要存储的软件叫微信小程序，受到了很多人的喜欢。微信小程序自2017年发布至今，依托微信的社交属性和庞大的用户基数，已经渗透到生活的方方面面[1]。微信小程序可以将基于微信平台的用户和服务连起来，能够方便地通过微信进行访问和发布，并且拥有良好的应用体验。随着微信基础建设的完善（小程序、服务号、订阅号、视频号等），在微信内建立服务体系，逐步成为各行业的标配。

现在，各种各样的智能手机都出现了，各种各样的软件都是以手机为基础的，而在这么多的通讯软件中，小程序是最受欢迎的。这几年来，由于微信的迅猛发展带动着小程序的发展速度也发生了很大的变化，用户也越来越多了，现在随着智能手机的普及，每个人的手机上都安装了微信，这样子基本上我们每个人的手上就都有了小程序。“互联网+”线上管理系统快速发展的当下，微信小程序以“用完即走”的设计理念，在基于微信小程序的管理系统中拥有了越来越多的客户群[2-3]。

1.1.2课题研究意义

本论文是基于微信开发者工具设计实现的健康生活社交系统，扩展了普及个人健康饮食信息的覆盖面。微信小程序免安装、使用便利、用户基数大的特性，为用户提供了更多更便捷的渠道[4]。这种线上的管理，实现与用户在家就能网上查询健身视频、健康资讯等功能，有效的获取健身视频、健康资讯等内容，同时也大大的提高了管理员的工作效率，是本设计实现的意义所在。

1.2研究现状

在2011年1月，“微信”这样一个可以为手机、平板等通讯工具提供通信渠道而且是免费的软件就这样子横空出世了，到2013年11月的时候，注册和使用微信的用户数量达到了一个新的高度同时在使用群体上也有了很大的突破，渐渐的已经成功渗透到了大多数人的日常生活中。微信是以移动互联网为媒介，可随时随地发送文本、图片、语音等信息的交流平台[5]。微信深受全国数亿用户的欢迎，已经成为我国登录次数最多的手机应用程序之一[6]。微信小程序是一种不用下载和安装就能使用的小软件，微信团队于2016年九月发布了一款 APP，该平台可以让 APP “触手可及”，无需下载，只需扫描或搜索就能打开[7]。作为一种交流工具，微信具有普及度高、使用方便等特点，已经成为线上服务的重要辅助工具[8-10]。

在信息化时代背景之下，人们的生活步调不断加快，对信息及时性的要求也随之提高。传统的媒体传播方式已经无法适应大众对信息的捕捉和传播更加灵活高效的要求。所以基于微信的小程序这种“无需下载，用完就走”的系统逐渐受到了大家的重视和喜欢。在网络环境下，基于微信小程序的健康生活社交系统应用的及时性和灵活性要比传统的媒体更好一些。一旦小程序上线了，不管身处何方，只要用户联网了，都可以立刻获取到他们所需的资料和消息。

健康生活社交系统它还可以为用户提供一个智能的健康生活社交管理平台，让管理员随时了解用户的需求，增加管理员和用户之间的联系。可以很好地解决信息的快捷化和整体覆盖化，提高工作效率。

现今互联网在人们的生活、生产中已经变得不可或缺，越来越占据主导地位，手机、平板等已成为人们获取信息的重要手段，通过网络来实现对健康生活社交系统的管理已经成为一种必然趋势。

1.3本文研究内容

本系统是一款基于微信小程序的健康生活社交系统，研究的主要内容是针对传统的管理缺陷，利用计算机技术相结合开发一款在管理上效率更高，更便捷的小程序；在设计方案上实现了对技术和运行状况做出了解析。使用户足不出户就可以查询到所需求的信息。其研究主要内容如下：

1. 下载安装相关的项目安装包jdk、tomcat、maven等；
2. 搭建开发环境：IDEA、微信开发者、MySQL数据库；
3. 简约的界面设计；
4. 对用户和管理员的主要功能的设计。

二 相关平台及关键技术

为了使整个系统的设计更加条理清晰也更加完整，本文对其进行了非常详细的分析。通过对 Spring Boot体系结构的分析解读，选择了基于MySQL数据库进行数据存和取得 Spring Boot框架体系结构。本系统选择的开发语言为Java语言，系统开发平台为Windows 10系统。

2.1微信小程序开发环境搭建

1. 搜索https://mp.weixin.qq.com/网址，就会跳转到微信公众平台，如图2-1所示。

图2-1 微信公众平台

1. 填写个人的邮箱号码、设置一个密码、然后确认密码、输入验证码，并勾选下面的“同意”框，这样子小程序就注册成功了，如图2-2所示。

图2-2 注册小程序

2.2微信开发者工具

目前腾讯发布的微信官方网站上所使用的软件开发工具主要是微信开发工具，并且有官方网站为它提供了一个前端开发平台。由于软件不能在浏览器上运行，因此在网络上是不允许使用 Document，Window等方法的。而在以往对HTML5进行加载的过程中，会受到网络环境的限制，需要对HTML、CSS以及JS进行一步又一步的加载，然后返回信息，从而渲染页面，将其在浏览器当中进行呈现。这样的方式用户需要等待许久，而且会降低用户的体验感[11]。微信Web开发者工具与H5开发工具的预览模式存在着一定的差异，其属于一项自己的工具，因此可有效地实现同步本地文件开发和调试等流程。此外小程序开发了相关的标签语言和样式语言，并没有使用相关的HTML5+CSS3。在微信小程序软件的开发过程中，还进一步提供了原生APP的组件[12]。而在HTML5+CSS3当中，这是需要通过模拟才能够有效实现的相关功能，但在小程序当中可以通过组件来得到有效的实现[13]。

三 系统的设计

3.1项目需求分析

本系统项目需求如下：

1. 使得管理本系统的信息传递可以达到完整不缺失、便捷、高效。
2. 降低后期保障程序长久运行的工作人员的工作复杂度，提高系统寿命。
3. 系统一经上线后，可快捷查找到所需信息及实现高效信息管理等。
4. 通过网络运行，提高解决问题的效率和提高员工的使用率。
5. 为了满足不同的用户需求，需要使用简洁的接口，操作简便。
6. 系统运行平稳，具有实用性和通用性，适合大多数人使用。
7. 系统能在微信平台上使用，能够获取得到微信的数据。

3.2总体设计分析

设计这个微信小程序系统能使用户实现不需出门就可以在手机或电脑前进行网上查询需求信息、健身视频、健康资讯等功能。

本系统由用户和管理员两大模块组成。用户界面显示在应用程序中，管理员界面显示在后台服务中，通过小程序端与服务端间进行数据交互与数据传输实现本系统的所有功能。

前端页面的主要设计是：用户在注册登陆成功后，本系统实现底部导航栏页面设计，使用户在客户端可以实现：首页、健康视频、健康资讯、健康交流、我的（用户信息、运动打卡、我的收藏管理、我要发帖、我的发帖）等功能的管理。

后端有管理员在服务端直接管理：个人中心、用户管理、视频分类管理、健康视频管理、运动打卡管理、健康交流、系统管理等信息。本网站模块设计的独立性强，用户体验良好、后期维护修改管理十分方便。

本系统是以网络业务模式为基础的，适合于互联网的应用。只要能连接到互联网，就可以不受到时间和地点的限制，随便来使用本系统。健康生活社交系统工作原理图，如图3-1所示。

图3-1 系统工作原理图

3.3主要功能模块

根据本系统的功能，程序的设计可分为以下的几个部分，分别为用户登录与注册、个人信息修改、用户管理、视频分类管理、健身视频管理、运动打卡管理、系统管理等。

1. 用户登录和注册：如果使用本小程序的使用者已经注册过了，则可以在登录的页面上输入账号和密码等信息，即可进入到小程序的首页；如果使用本小程序的使用者没有登记注册过，可以按下注册按钮填写自己的资料，然后完成登记注册，然后再进行登录。如使用者忘记了自己的密码，请按下“忘记密码”键，把密码重置一下，填好资料，重新设计的密码为123456，然后再登录就可以了。
2. 健身视频：用户登录成功后，可进入本小程序首页，用户可通过小程序端首页的搜索栏输入健身视频名称进入对应的页面或者通过小程序最下面的那一行导航栏中的“健身视频”，也可以进入到相应的网页查看健身视频；
3. 健康资讯：用户可点击底部导航栏“健康资讯”进入健康资讯管理页面，在健康资讯页面可以进行查看详情，系统管理员可通过登录后台管理员服务端进行修改，新增或删除信息。
4. 健康交流：用户可点击底部导航栏“健康交流”进入健康交流管理页面，用户可以浏览其他人发布的帖子，进行评论；用户如果需要发帖，可以到我的功能页面，点击我要发帖的按钮进行发帖。
5. 我的：用户可点击底部导航栏“我的”进入我的页面，在我的页面可以对用户信息、运动打卡、我的收藏管理、我要发帖、我的发帖等进行详细操作。                                                  

3.4系统用例图

本系统采用前后端分离的方式进行设计，前台小程序端的主体是用户，后台服务端的主体是管理员，用户用例图如图3-6所示、管理员用例图如图3-7所示。

图3-6 用户用例图

图3-7 管理员用例图

部分数据库表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	帖子标题
content	longtext	4294967295	帖子内容
parentid	bigint		父节点id
userid	bigint		用户id
username	varchar	200	用户名
avatarurl	longtext	4294967295	头像
isdone	varchar	200	状态

四 微信小程序系统的实现

4.1系统前台功能的实现

4.1.1登录界面的实现

首先双击打开微信小程序客户端系统，连上网络之后会显示出本系统的登录界面，这是进入小程序的第初始页面“登录”，能成功进入到该登录界面则代表小程序的开启是成功的，接下来就可以操作本系统所带有的其他所有的功能。如果是第一次使用本小程序的使用者，首先是要进行注册，点击“注册”，然后就会进入到注册的页面里面，将用户信息录入注册表，确认信息正确后，系统才会进入登录界面。

用户注册、登录界面如下图所示。

4.1.2系统首页功能的实现

系统首页是用户注册登录后进入的第一个界面，用户可以浏览首页，对健康视频、健康资讯、健康交流、我的等功能进行管理。

系统首页界面如图4-2所示。

4.1.3健身视频

在健身视频界面，用户可以看到视频名称、视频封面、视频编号、视频分类、发布日期等健身视频详情，按照提示即可完成收藏、浏览健身视频的操作。健身视频详情如图4-3所示。

4.1.4我的

用户登录成功后，点击“我的”进入我的页面，在我的页面可以对用户信息、运动打卡、我的收藏管理、我要发帖、我的发帖等进行详细操作。用户可以修改个人信息，进行运动打卡、发帖、管理我的收藏等。我的功能界面如下图所示。

4.1.5健康资讯

用户在健康资讯详情页面，可以查看健康资讯详情，健康资讯详情界面如图4-5所示。

4.2系统后台功能的实现

管理员登录：管理员通过填写账号和密码，选择角色进行登录操作，管理员登录页面如图4-6所示。

管理员登录进入小程序可以对个人中心、用户管理、视频分类管理、健康视频管理、运动打卡管理、健康交流、系统管理等功能进行详细操作，如图4-7所示。

用户管理；在用户管理页面输入账号进行查询的操作，还能对用户信息进行新增、修改和删除的操作；如图4-8所示。

健身视频管理；在健身视频管理页面，管理员可以通过输入视频名称进行查询的操作，管理员还可以对健身视频进行新增、修改、删除、查看视频分类统计图等操作；如图4-9所示。

视频分类管理；在视频分类管理页面，管理员可以对视频分类信息进行查询、新增、修改、删除等操作；如图4-10所示。

运动打卡管理；在运动打卡管理页面，管理员可以输入标题、用户姓名进行查询的操作，进入运动打卡管理页面可以对运动打卡管理信息进行修改、删除、查看运动项目统计图等操作；如图4-11所示。

系统管理；在系统管理页面中，管理员可以对轮播图、健康资讯、关于我们、系统简介等进行详细操作；如在健康资讯管理页面，通过输入标题进行查询的操作，还可以进行新增、修改或删除等操作；如图4-12所示。

点击健康交流，管理员可以查看用户在小程序首页发布的帖子内容，进行修改、查看评论、删除等操作；健康交流页面如图4-13所示。

五 参考文献

1. 微信公布小程序最新成绩:日活用户超4亿,相关从业者达536万[J].高科技与产业化,2020(9):6.
2. 袁媛,程静娴,陈倩倩,丁萍.基于“互联网+”延续护理服务在尿路造口患者出院随访中的应用[J].护理与康复,2019,18(12):67-72.
3. 周菁,曾颖.微信平台与传统纸质满意度调查在门诊患者的应用与比较[J].护理与康复,2018,17(10):73-75.
4. 徐星明.微信小程序第三方平台的设计与实现[D].济南:山东大学,2020.
5. 谭彩姬,郭海玲,郭衬好,等.微信小程序在择期剖宫产术前访视中的应用[J].齐鲁护理杂志,2020,26(8):113-115.
6.  KILGOUR J M, GRUNDY L, MONROUXE L V.A Rapid Review of the Factors Affecting Healthcare Students' Satisfaction with Small-Group[J].Active Learning Methods, 2016,28(1): 15-25.
7. 马钰,李真真,白旭升,张巍,李文生.CBL教学法结合微信小程序在病理住培中的应用[J].科教文汇(上旬刊),2021(06):120-123.
8. 胡海峰,王影,周丹丹,李国安,张春宇,王东旭.基于影像微信公众平台的PBL教学法在医学影像专业实践技能教学中的应用[J].中国卫生产业,2020,17(02):161-165.
9. 钟德琳,陈融,杨光鑫,张灵,彭鹏.微信辅助教学在放射住院医师规范化培训中的应用[J].继续医学教育,2019,33(04):43-44.
10. 曹艳云,徐顺明.微信在皮肤科教学中的应用探析[J].继续医学教育,2020,34(01):57-59.
11. 莫柳.基于微信小程序开发商品归类学习平台的可行性分析[J].商场现代化,2019,(11):7-8.
12. 袁堂青,亓婧.基于微信小程序的开发与研究[J].网络安全技术与应用,2020(04):66-67.
13. 王晓洁.微信小程序的不同激励策略对初中历史课程学习的影响研究[D].内蒙古师范大学,2019.
14. 朱德建,胡平.基于Spring Boot的冷链云平台设计与实现[J].电脑知识与技术,2019,15(24):42-56.
15. 刘茜颖,张艳红.基于Spring Boot的线上教育系统设计与实现[J].电脑编程技巧与维护,2021,(10):45-59.
16. 董尊骅.基于Spring Boot框架的大米原料品质指标数据库平台的设计与实现[J].南方农机,2021,52(11):9-10.
17. 许跃颖.基于敏捷开发的Spring Boot Web应用开发措施[J].电子技术与软件工程,2021,(12):28-29.
18. Jiao Zihan et al. Tianxia120: A Multimodal Medical Data Collection Bioinformatic System for Proactive Health Management in Internet of Medical Things.[J]. Journal of healthcare engineering, 2020.