（附源码）springboot基于微信小程序的运动软件前端的设计与实现毕业设计100932

admin管理员组

文章数量:1579391

基于Springboot的运动软件小程序

摘要

现今，越来越的多人喜欢跑步，骑行等运动，各种运动类型的应用软件也应运而生。本项目从社交与运动结合的方面入手，让用户能与好友分享自己跑步的心得要领与成绩，随时随地更新动态。

运动软件小程序的开发是采用java语言，基于MVVM模式进行开发，采取MySQL作为后台数据的主要存储单元，采用Springboot框架实现了本系统的全部功能。运动软件微信小程序，具有运动资讯、运动记录、运动心得、运动视频上传等功能，本系统代码的复用率高，系统维护代价小，具有方便、灵活、高效等特征。

关键词：运动软件，Springboot，数据库

Sports software app

abstract

Nowadays, more and more people like running, cycling and other sports, and the application software of various sports types also came into being. This project starts with the combination of social networking and sports, so that users can share their running experience, essentials and achievements with their friends, and update the news anytime and anywhere.

The development of sports software adopts Java language and MVVM mode. MySQL is used as the main storage unit of background data, and the springboot framework is used to realize all the functions of the system. The wechat applet of sports software has the functions of sports information, sports record, sports experience, sports video upload and so on. The reuse rate of the system code is high, the cost of system maintenance is small, and it is convenient, flexible and efficient.

Key words: Sports software, springboot, database

目 录

第1章 绪 论 1

1.1课题背景 1

1.2 开发现状 2

1.3 研究内容 2

1.4 开发工具及技术 3

第2章 系统分析 7

2.1 可行性分析 7

2.2总体设计原则 7

2.3 系统需求分析 8

2.4 业务流程分析 8

第3章 系统设计 11

3.1 系统概要设计 11

3.2系统结构设计 11

3.3 数据库设计 12

第4章系统实现 16

4.1系统功能模块 16

4.2管理员功能模块 22

4.3用户功能模块 24

第5章软件测试 27

5.1软件测试的重要性 27

5.2测试实例的研究与选择 27

5.3测试环境与测试条件 28

5.4系统运行情况 28

5.5系统评价 28

第6章 总结 30

参考文献： 31

致谢 33

1. 绪 论

1.1课题背景

健康是人类永恒的主题。随着生活水平提高,社会竞争加剧,就业和工作压力增大,“文明病”、“亚健康”、“职业病”、“过劳死”、“运动缺乏综合征”等健康问题日趋严重。目前我国人口老龄化,“未富先老”，慢性疾病患病率迅速上升,疾病经济负担严重,医疗费用急剧上涨,如何防病治病已成为政府和人们关注的焦点之一。运动促进健康是人们普遍的共识,也日益受到人们的高度重视。2009年3月国务院出台的《中共中央国务院关于深化医药卫生体制改革的意见》中明确指出要加强健康、医药卫生知识的传播,倡导健康文明的生活方式,促进公众合理营养,提高群众的健康意识和自我保健能力。这是历次医改中对健康教育事业发展提出的最全面、最有实践指导意义的要求,充分表明国家对健康教育与健康促进的重视"。如何更好地科学运动、促进健康是人们追求的目标,因此,本研究设计和开发的运动网络软件的目的,就是为大众提供个性化和智能化的运动APP,为科学运动、健康管理,提高人们的健康水平服务。

微信小程序具有如下特点：首先，微信小程序作为一种新兴的服务方式，直接与微信公众号、微信支付以及微信卡券等模块对接，同时该程序融入了微信生态体系，为用户提供了更为便捷的使用体验；其次，微信小程序无须单独下载，是直接镶嵌于微信程序中，用完退出即可，不必卸载。第三，与传统APP相比，微信小程序推广更加方便，成本也较低；第四，微信小程序借助微信平台能够实现快速生成和投入使用，开发效率较高。因此，本文选择基于微信小程序设计运动软件小程序，而非基于微信公众号。

1.2 开发现状

随着人们健康意识的不断提高，健康成为世界各国关注的焦点，运动健康的理念正在被越来越多的人所关注与接纳。目前，运动锻炼已成为当今许多国家提高人民健康水平的一个重要举措，大量的科学实验已确认:每天保持适量的体力运动有益于各年龄组人群的健康;同时运动作为一种有效干预慢性病的非药物疗法，因其无副作用，经济实用，也受到越来越多国家的重视。邓雷通过对社区居民进行体质测试和体力活动量调查，发现居民体力活动每周消耗的能量均值和体质综合得分呈显著正相关,体力活动是体质健康的保护性因素，居民超重、肥胖的现象与中等强度体力活动不足有着密切的关系。

在国内的学术界，对于健康领域方面的研究十分宽泛，包括体质健康的研究、健康监护研究、运动健康管理研究等。如彭发胜在《“阳光体育运动”背景下普通高校学生体质健康现状分析与对策》一文中，结合“阳光体育运动”的背景，通过了解学生的体质健康状况，为其构建新课程教学模式，以满足不同层次学生的生活需求。卢松柏在《可穿戴远程健康监护系统》一文中，设计实现了一种远程健康手表，可方便、快捷地评估心血管健康状况。

1.3研究内容

运动软件小程序程序的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，运动软件小程序程序的开发使用Springboot框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对运动软件小程序程序的设计主要划分别为管理员和用户角色，并所使用的功能模块也相应不同，但是系统的数据库实现的内容是交互的，用户可以随时根据自己的需求进行课程信息，对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作，管理员获取到所有用户的详细数据信息，并根据需求进行第一时间处理解决。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。

1.4 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的springboot框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。1.4.1 spring boot框架介绍

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.4.2 MySQL数据库

科技的进步，给日常带来许多便利：教室的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的超市商品管理系统也需要这项技术的支持。

用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象。

1.4.3 B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1.4.4 B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1.4.5 spring boot框架特点

SpringBoot基于Spring4.0设计，不仅继承了Spring框架原有的优秀特性，而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性等问题得到了很好的解决。

SpringBoot所具备的特征有：

1.1可以创建独立的Spring应用程序，并且基于其Maven或Gradle插件，可以创建可执行的JARs和WARs；

1.2内嵌Tomcat或Jetty等Servlet容器；

1.3提供自动配置的“starter”项目对象模型（POMS）以简化Maven配置；

1.4尽可能自动配置Spring容器；

1.5提供准备好的特性，如指标、健康检查和外部化配置；

1.6绝对没有代码生成，不需要XML配置。

1.4.6 JavaScript 运行模式：

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.1是一种解释性脚本语言（代码不进行预编译）。

1.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

1.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1.4.7 微信开发者工具

微信开发者工具现在已经被小程序开发团队开发运行，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。

预览界面：写好视图布局后点击编译，用来刷新视图界面。

控制台：方便调试打印输出信息。

上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。

资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。

显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。

本地数据存储：显示的是本地存储的数据。

视图调试：标组件以子父层级结构呈现，方便调试。

微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。

以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善。

1. 系统分析

2.1 可行性分析

可行性分析的目的是确定一个系统是否有必要开发、确定系统是否能以最小的代价实现。其工作主要有三个方面，分别是技术、经济和社会三方面的可行性。我会从这三个方面对运动软件小程序进行详细的分析。

2.1.1技术可行性

该系统主要使用Springboot框架啊和MySQL数据库进行开发，Java易于学习和使用灵活。在校期间也接触过Springboot和MySQL数据库的课程，对此有一定的开发经验，因此开发难度不高，所以从技术上来说是可行的。

2.1.2经济可行性

本系统设计所选择的开发工具和服务器都是免费的开源软件，又或者是适合学生使用的免费版本，并不需要支付费用，而且由作者本人单独完成，也不存在团队费用，几乎没有经济成本，具备经济可行性。

2.1.3社会可行性

社会可行性主要包括法律和用户两个方面，下面将从这两方面进行分析。

(1)法律因素

本系统是学习开发所制作的程序，并不用作商业用途，是在根据实际调研的结果结合现有的运动软件小程序后得出的，而且系统制作的全部过程都是在个人的工作电脑中完成的，使用的都是开源和免费的开发环境、分析软件和数据库，不存在侵权问题。

(2)用户可行性

操作人员或者客户只需要具备一定的windows电脑操作常识，不需要精通计算机技能。此外系统管理人员，只需要在windows常识之上再熟悉下使用Tomcat服务器的操作流程，只要掌握一定的计算机知识即可，在正式上线运营之前，仅需要对操作人员进行简单的熟悉流程培训即可。所以从用户可行性上也是可行的。

2.2总体设计原则

一个系统要在开发和维护的过程中方便使用，必须采取一定的设计原则，其主要设计原则有：

简单性：系统功能简单易懂，只需要掌握基本的计算机操作能力即可使用。

针对性：针对特定的用户，没有多余的其他功能，使用户可以专心使用。

实用性：能够满足用户进行运动信息分享、运动视频上传等方面的需求。

一致性：设计风格、命名规范一致，整个系统的各个功能模块色彩、摆放位置、功能等都是一致的。

先进性：本系统的代码采用读取数据的方式，方便后续开发、拓展。

2.3 系统需求分析

运动软件小程序需要满足的需求有以下几个：

1.信息获取方便，用户可在网页上快速浏览到新的运动信息

2.运动资讯详情，单独查看运动信息等。

3.注册登录，需要吸引用户，即通过注册来提高用户的存留率。

4.历史记录，用户可以上传自己的运动视频以及其他操作。

5.修改用户信息，可以修改用户密码或者用户名等一些个性化操作。

6.管理员功能，管理员可以对用户或者运动信息进行管理。

7.系统安全，操作简便，不过于复杂。

8.系统可以稳定运行，不存在卡顿等问题造成用户反感。

2.4 业务流程分析

2.4.1登录流程

登录模块主要满足管理员以及用户的权限登录，用户登录流程图如图2-1所示。

图2-1 登录流程图

2.4.2注册流程

未有账号的用户可进入注册界面进行注册操作，用户注册流程图如图2-2所示。

本文标签： 毕业设计源码程序软件SpringBoot