网球爱好者小程序的设计与实现

摘  要

随着经济的发展和人们生活水平的提高，网球运动在欧洲各国已经开展得如火如荼。在我国也是方兴未艾，发展势头十分迅速，据不完全统计，目前全国经常打球的网球人口有60万人左右，网球爱好者也有400万人左右。网球运动越来越受到各类人群的喜爱，也正朝着更加充满着生机与活力，更加健康的方向发展。在目前，市场上的同类订场产品数量虽多，但良莠不齐，部分产品功能单一，没有完全真正做到“互联网＋网球运动”。

针对这些问题，本课题的研究在于能够推出一款基于微信小程序平台，将互联网与网球运动结合的小程序，真正地把互联网的优势发挥在网球运动上，让网球订场更加方便、赛事分享更加广泛、网球同好沟通更加紧密，为传统的网球行业提供互联网+升级服务。

该小程序是以SSM为后端开发框架、采用了B/S结构和轻量级的mysql为数据库，服务器采用tomcat来运行项目。此系统主要含括了用户注册、登录、我的、用户管理、场地管理、教练管理、预约管理、预约确认管理、Banner图管理、系统管理等功能，通过这些功能的实现能够基本满足网球爱好者的操作。

关键词：网球爱好小程序；Mysql数据库；SSM框架

Abstract

With the development of economy and the improvement of people's living standards, tennis has been carried out in full swing in European countries. In China, it is also in the ascendant, with a very rapid development momentum. According to incomplete statistics, there are currently around 600000 people who often play tennis nationwide, and around 4 million tennis enthusiasts. Tennis is becoming increasingly popular among various groups of people and is also developing towards a more vibrant and healthy direction. At present, although there are a large number of similar booking products on the market, the good and the bad are mixed, and some products have a single function, which does not truly achieve "Internet+Tennis".

In view of these problems, the research of this topic is to launch a small program based on WeChat applet platform, which combines the Internet with tennis, and truly bring the advantages of the Internet into play in tennis, making tennis booking more convenient, sharing more widely, communicating more closely with tennis peers, and providing Internet plus upgrading services for the traditional tennis industry.

This mini program is developed using SSM as the backend framework, B/S structure, and lightweight MySQL as the database. The server uses Tomcat to run the project. This system mainly includes functions such as user registration, login, mine, user management, venue management, coach management, appointment management, appointment confirmation management, Banner map management, and system management. The implementation of these functions can basically meet the needs of tennis enthusiasts.

Key Words: Tennis Hobby Widget; Mysql database; SSM structure

1　绪论

1.1 研究背景

网球运动是一项老少皆宜又极具魅力的体育项目，它不仅具有悠久的历史，同时又随着经济的发展和人们生活水平的提高，不断得到普及和发展。纵观网球运动的发展状况我们不难看出，网球运动在欧洲各国已经开展得如火如荼，在我国也是方兴未艾，发展势头十分迅速，据不完全统计，目前全国经常打球的网球人口有60万人左右，网球爱好者也有400万人左右。网球运动越来越受到各类人群的喜爱，也正朝着更加充满着生机与活力，更加健康的方向发展。在目前，市场上的同类订场产品数量虽多，但良莠不齐，部分产品功能单一，没有完全真正做到“互联网＋网球运动”。

针对这些问题，我们本课题的研究意义在于能够推出一款基于微信小程序平台，将互联网与网球运动结合的小程序，真正地把互联网的优势发挥在网球运动上，让网球订场更加方便、赛事分享更加广泛、网球同好沟通更加紧密，为传统的网球行业提供互联网+升级服务，在网球运动爱好者与场馆商家之间构建一个第三方平台，让用户在办公室百忙之中抽出一分钟的时间内就可以订场，解决这个周末的运动计划，解决约球，找合适场地的问题，方便而又快捷地实惠用户。

1.2 研究现状

随着社会的发展和科学技术的进步，互联网技术越来越受欢迎。网络传播的生活方式逐渐受到广大人民群众的喜爱。越来越多的互联网爱好者开始在互联网上满足他们的基本需求，同时逐渐进入各个客户的生活起居。互联网具有许多优点，例如便利性，速度，高效率和低成本。因此，类似于网球爱好者小程序，满足客户工作繁忙的需求，不仅是方便客户随时查看信息的途径，而且还能提高管理效率。

本文首先以网球爱好者小程序使用过程的基本问题作为研究对象。在开发系统之前，我们对现有状况进行了详细的调查和分析。最后，我们利用计算机技术开发了一套完整合适的网球爱好者小程序。该系统的实现主要优势是：该系统主要采用计算机技术开发，它方便快捷；系统可以通过管理员界面查看客户的所有信息管理。

网球爱好者小程序管理系统软件是一款方便、快捷、实用的信息服务查询软件。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多客户的需求和体验。

1.3 主要工作

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

2、系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，本网球爱好者小程序的开发使用JAVA技术，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成网球爱好者小程序的实现。

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

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

2　关键技术及工具简介

2.1 B/S结构

B/S模式也能够称为 B/S 结构。它是随着Internet 的兴起而出现，也是对C/S结构的一个拓展。该结构下的项目，用户是通过浏览器作为入口来访问的，它不需要下载任何客户端但是也不能脱离了浏览器。B/S模式的项目维护非常简洁、方便，不同的人在不同的地点、或者用不同的接入方式都能访问和操作到同样的数据；缺点是对网络会有依赖性，会随着网络的瘫痪而瘫痪。

2.2 JAVA

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，Spring Boot（java server pages），和XML技术。JAVA语言是一种面向对象的语言，它通过提供最基本的方法来完成指定的任务，开发者只需要知道一些概念就能够编写出一些应用程序。Java程序相对较小，其代码能够在小机器上运行。Java是一种计算机编程语言，具有封装、继承和多态性三个主要特性，广泛应用于企业Web应用程序开发和移动应用程序开发。

Java语言和一般编译器以及直译的区别在于，Java首先将源代码转换为字节码，然后将其转换为JVM的可执行文件，JVM可以在各种不同的JVM上运行。因此，实现了它的跨平台特性。虽然这使得Java在早期非常缓慢，但是随着Java的开发，它已经得到了改进。

2.3 SSM框架

SSM是Spring、MyBatis、SpringMVC三个框架进行整合而来。Spring作为项目里的大工厂，用于装配bean，通过配置文件对对象进行实例化。MyBatis是把JDBC进行了封装，只需关注sql语句，并且将数据库表和实体类及实体类的属性进行对应，操作实体类就实现操作数据库表。SpringMVC是用于进行请求的拦截，核心Servlet就是DispatcherServlet。

Spring是名为Rod Johnson的专家开发出的轻量级的控制反转（Ioc）和面向切面编程（Aop）的容器框架，并且它是一个对使用者开源免费的框架。它的主要目的就是尽可能地减少企业级应用在开发中的繁琐性，主要核心内容有四部分：Bean、Core、Context和SpEL。

SpringMvc是Spring的一个子框架，通过把Controller（控制层）、Model（模块层）和View（显示层）分离，把比较复杂的web应用开发分成逻辑清晰的几个部分，简化了开发，减少了编码过程中的错误。

Mybatis是一个持久化框架，但是它是半自动化的ORM框架。它其实内部就是将jdbc的各类操作进行了封装，通过约定好的规范完成对数据库表的增删改查四大类操作，这样很好的解决了jdbc里面大量的冗余代码，不再需使用手动去连接关闭操作。除此之外，还能够与Spring进行很好的集成。

2.4 JSP

JSP其实就是一种技术标准，是对动态网页做出来的约束标准。它其实就在HTML页面代码中融合了JAVA代码输出的一种新形文件，能把动态数据提供给用户。使用JSP制作开发的WEB应用能够跨平台使用，在任何系统下都可以使用。JSP很好地将网页逻辑和与网页设计和显示做了分离，能对可重用的组件进行支持，让WEB应用的开发更方便快捷。

2.5 MySQL数据库

数据库是每个系统开发时中不能缺少的一块内容。在WEB应用方面，MySQL开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中，这非常灵活，并且还可以提高系统在实际应用中的速度。数据库访问最常用于标准SQL语言，MySQL用于SQL语言，因此它具有高度兼容性。数据库的操作是必不可少的，包括对数据库表的增加、删除、修改、查询等功能。现如今，数据库可以分为关系型数据库和非关系型数据库，Mysql属于关系性数据库，Mysql数据库是一款小型的关系型数据库，它以其自身特点：体积小、速度快、成本低等，Mysql数据库是目前最受欢迎的开源数据库。

2.6 Tomcat服务器

它是一款轻量级的应用服务器，因此，它不是说可以普遍在全部的中小型企业中使用。但是，一般在开发和测试时候，程序员都会首选tomcat。对熟悉计算机知识的一类人来说，计算机系需要有一个好的能对HTTML页面进行访问的Apache服务器。虽然说Tomcat只是Apache的一个扩展，但它可独立运行，又互相不会存在干扰的情况。在全部配置都是正确时，Apache服务器能够为运行HTML 页面提供支持，Tomcat是为了保证Servlet、JSP的运行。Tomcat在web项目开发中至关重要，否则浏览器无法进行页面访问。

2.7 IntelliJ IDEA开发工具

Idea是IntelliJ IDEA的简称，它是JAVA开发的集成环境。Idea可进行智能化编码，可减少程序员在开发过程中的代码量。Idea能进行智能化选取、历史记录、调试（Debug）等功能，从而为快速完成系统开发提供方便的软件。

2.8 Workbench

Workbench是一款数据库建模工具，可以使用它为mysql等各类数据库提供可视化操作界面，在里面能后进行数据库创建、表创建、数据库模型创建等。能帮助开发者快速操作数据库。

3　系统分析

3.1 可行性分析

系统可行性分析是系统开发中至关重要的一个环节，它一般是系统需求分析做完后，进行系统开发工作的前面。需要从不同角度、层面，多方位对系统进行可行性论证，看是否可完成。当且仅当系统的各项可行性都具备后，整体系统才能够进入到开发和编码工作，否则在开发过程中将可能出现不可预估的错误。以下是从技术、经济、操作三个方面对可行性进行分析。

3.1.1 技术可行性

本系统完成会涵盖到的开发技术及开发工具，学校均已开设过相关课程，另外本人在课余时间也曾对相关技术进行了补习。但任何一个项目的开发都不会是简单的，要想把系统做好就必须花相匹配的时间才行，所以只要肯花时间，认真思考，并借助强大的网络资源，相信本系统的开发是具备技术可行性的。

3.1.2 经济可行性

本系统所使用的开发软件(IDEA)、数据库（MySQL）及服务器（Tomcat）都是开源的，开发系统所需要的硬件条件要求并没有很高，只需要一台带有Windows系统的计算机即可完成开发工作。而且本系统只用于毕业设计不涉及商用，所以不需要租用服务器，综上，本系统具备经济可行性。

3.1.3 操作可行性

本系统以浏览器、小程序开发者工具访问为基础实现，因此操作简单、使用方便，无需下载，无需安装，通过浏览器打开系统即可使用。并且该系统前后端页面简单明了，便于用户使用，因此，本系统在运行中也是可行的。

3.2 系统性能分析

1、正确性：不允许出现业务错误。

2、健壮性：在系统出现故障时，系统必须提供相应的数据保护措施，不能丢失数据，并提供重新恢复正常工作的机制。

3、性能：系统处理业务时间正常业务量的情况下不超过2秒，繁忙业务情况下最迟时间不可超过5秒。

4、安全性：信息具有保密性，信息只能由内部人员使用。

5、兼容性：可运行在Windows7以上操作系统中。

3.3 系统需求分析

整个网球爱好者小程序系统为了便于网球爱好者用户使用与管理员管理,采用了以下几大功能管理模块,包括用户与管理员的设计：

·用户

用户可以在小程序看首页的教练信息、关于我们、推荐信息、场地信息、场地预约等。当你登录成功后，可以在该小程序上预约教练、场地信息、浏览推荐信息等操作。

·管理员

作为一名管理员，主要是管理小程序端的一系列信息，这个操作可以直接影响前台的展示，管理员是权限最大的，无论哪个模块它都可以控制，包括人员的新增和删除，信息的增删改，并且还可以上传场地等信息，当然也可以删除一些无效的信息。

·教练

作为一名教练，主要是操作客户已经使用的预约信息，在客户到了后进行核销，完成预约流程的一个闭合。

3.4 系统UML用例分析

UML是开发者对网球爱好者小程序进行UML建模分析，更加清晰看到每个用户的操作信息。

用户用例图如3-1所示。

图3-1  用户用例图

管理员用例图如3-2所示。

图3-2  管理员用例图

教练用例图如3-3所示。

图3-3  教练用例图

3.5 系统流程分析

3.5.1 登录流程

为了保证系统的安全和隐私，用户只有先进行登录操作才能进入该系统，用户登录流程图如图3-4所示

图3-4  用户登录流程图

3.5.2 添加信息流程

图3-5  添加信息流程图

4　系统的设计

4.1 系统设计思路

关于网球爱好者小程序，我找到许多相似的线上系统和小程序，对Java进行了更进一步的了解，在整体设计方面选择了比较清新的颜色，网站网页的颜色不要过于花哨，要能使整个页面看起来很统一，所以选择了比较简洁大方的设计。数据库采用的是mysql数据库，本网站对用户进行了权限的设计，为了数据库的安全普通的用户只拥有浏览信息页面的功能，而且需要其它操作的话，就需要先登录才能进行其它操作。最后，在主要功能模块都能实现之后，再对整个系统进行反复的测试与修改，这样就能达到自己理想的效果。

4.2 系统结构设计

根据分析出来的需求把网球爱好者小程序划分为小程序端和后台管理系统两部分。系统功能总体设计如图4-1所示。小程序端包括首页、教练信息、推荐信息、关于我们、预约、预约查看、个人中心等功能。后台管理系统包括轮播图管理、推荐管理、场地管理、教练管理等模块。通过这些功能可方便并满足需要使用网球爱好者小程序的基本功能。

图4-1  系统结构设计图

4.3 系统设计原则

1、要完全支持系统功能需求, 支持7天/24小时连续运行,足够的磁盘存储容量, 足够快的支持大量实时业务处理的运行速度,管理复杂关系中数据库表的能力,安全性,容错, 支持用户界面的友善性设计等。

2、要能很好地与第三方产品联结、集成。

3、系统开发环境及工具的选择要易于程序员学习、掌握，支持程序编制的高效率，解决客户化的问题，减低程序维护的难度, 支持完全面向对象的程序设计。

4、系统软、硬件平台的选择要充分考虑其计算机技术领域的先进性，要符合计算机技术的发展潮流，要选择主流的有前途的、蒸蒸日上的先进产品，同时还要照顾其市场领域的成熟性,选择成熟的先进技术是我们的目标. 先进性保证我们的选择符合计算机技术的发展方向,有利于系统的进一步开发，不会早的面临落后与淘汰的被动局面，成熟性则保证所选择的环境是可靠的，无论开发和运行均较少受到系统不稳定性的损害。

5、高性能价格比系统环境与体系结构的确定，即在满足上述要求的情况下选择价格最低的软硬件产品，组合构成整个系统。 

4.4 数据库设计

4.4.1数据库E-R图设计

1、用户实体E-R图如图4-2所示

图4-2 用户实体

2、角色实体E-R图如图4-3所示

图4-3 角色实体

3、部门实体图如图4-4所示。

图4-4 部门实体

4、资源实体如图4-5所示。

图4-5 部门实体

5、产品信息实体如图4-6所示。

图4-6 产品信息实体

6、轮播图实体如图4-7所示。

图4-7 轮播图实体

7、预约实体如图4-8所示。

图4-8 预约实体

4.4.2 数据库表设计

网球爱好者小城的数据管理需要一个数据库，本系统采用MySQL数据库进行数据的存储，表4-1所示为s_user用户信息表。

表4-3所示为s_dept部门信息表。

表4-4所示为s_resource资源信息表。

表4-5所示为s_roleresource资源信息表。

表4-6所示为b_product产品信息表。

表4-7所示为b_pic轮播图信息表。

表4-8所示为c_appoint预约信息表。

5　系统的实现

5.1 后台登录模块

系统后台管理员采用分配好的账户名称、密码进入该系统，从而实现自己的场地信息管理、教练管理、客户管理、预约管理、推荐管理等功能。后台登录界面如图5-1所示。

图5-1  后台登录界面

5.2 轮播图管理模块

轮播图管理模块是对小程序端首页的轮播图进行管理，在后台进行上传，实时更新至小程序首页，让客户了解最新活动信息，方便管理。轮播图管理模块的界面如图5-2所示。

图5-2  轮播图管理界面

5.3 教练管理模块

教练管理模块是对小程序端教练信息进行管理，在后台进行上传，实时更新至小程序让客户查看，了解各个教练的情况信息，主要包括对教练信息的名字、描述、图片、简介等信息进行增删改查的操作。教练管理模块的界面如图5-3所示。

图5-3  教练管理界面

5.4 场地管理模块

场地信息管理模块是对小程序端展示的场地信息进行管理，可直接将各类型信息在后台维护，主要包括名称、图片、简介等信息。场地信息管理模块的界面如图5-4所示。

图5-4  场地管理界面

5.5 关于我们模块

关于我们模块是对小程序端展示的关于我们的信息进行管理，可直接将各类型信息在后台维护，主要包括名称、描述、图片等信息。关于我们模块的界面如图5-5所示。 图5-5  关于我们界面

5.6 明星教练设置模块

明星教练设置模块是对小程序端展示的明星教练进行设置管理，可直接其在后台管理中设置、取消，设置成功的在小程序的明星教练模板展示，已经取消的则不显示。明星教练设置模块的界面如图5-6所示。

图5-6  明星教练设置界面

5.7 推荐管理模块

推荐管理模块是对小程序首页的推荐模块文章信息进行管理。能够对各类信息进行手动维护，主要包括标题名称、简介、描述、图片等信息，在后台上传成功小程序就可看到。推荐管理模块的界面如图5-7所示。

图5-7  推荐管理界面

5.8 预约模块

预约模块是对小程序上客户预约的教练记录、场地记录进行统一管理，主要包括客户名称、预约时间、预约场地或教练信息等，里面包括的都是未使用的记录。若客户过来使用，负责的教练需要在后台将其消除。预约管理模块的界面如图5-8所示。

图5-8  预约界面

5.9 历史预约模块

历史预约模块是对小程序上客户预约完成的教练记录、场地记录进行统一管理，主要包括客户名称、预约时间、预约场地或教练信息等，里面包括的都是已经使用完成的记录。历史预约模块的界面如图5-9所示。

图5-9  历史预约界面

5.10 用户管理模块

用户管理模块是对后台管理员的用户信息进行统一管理，主要包括了姓名、登录名、性别、所属部门、所属角色、最后登录时间、状态等信息，涵盖的操作主要有新增、删除、修改查询。用户管理模块的界面如图5-10所示。

图5-10  用户管理界面

5.11 部门管理模块

部门管理模块是对后台管理员的部门信息进行统一管理，主要包括了部门名称、状态信息，涵盖的操作主要有新增、删除、修改查询。部门管理模块的界面如图5-11所示。

图5-11  部门管理界面

5.12 角色管理模块

角色管理模块是对后台管理员的角色信息进行统一管理，主要包括了角色名称、状态信息，涵盖的操作主要有新增、删除、修改、查询、资源权限分配等操作。角色管理模块的界面如图5-12所示。

图5-12  角色管理界面

5.13 小程序首页模块

小程序端用户在进入小程序后可进入首页，首页主要包括banner图、关于我们、我们的环境、我们的教练、推荐、底部导航信息等。小程序首页模块的界面如图5-13所示。

图5-13 小程序首页界面

5.14 小程序教练预约模块

小程序端用户在可在教练预约模块查看明星教练，教练，根据自己感兴趣的查看教练详情，如果感兴趣可点击预约该教练的课程。教练预约模块的界面如图5-14所示。

图5-14 小程序教练预约界面

如果要预约某个教练，点击“月TA”进入详情界面选择对应信息提交，即可约课成功。教练预约填报模块的界面如图5-15所示。

图5-15 小程序教练预约填报界面

5.15 小程序场地预约模块

小程序端用户在可在场地预约模块查看场地信息，根据自己的需求查看对应场地，如果感兴趣可点击预约该场地。场地预约模块的界面如图5-16所示。

图5-16 小程序场地预约界面

如果要预约某个场地，点击进入详情界面选择对应信息提交，即可预约场地成功。场地预约填报模块的界面如图5-17所示。

图5-17  小程序场地预约填报界面

5.16 小程序我的模块

小程序端用户在我的模块可以查看自己的预约、历史预约等信息。我的模块的界面如图5-18所示。

图5-18 小程序我的界面

6　系统测试

6.1 测试目的

测试在系统开发的过程中起着非常重要的作用，简单概括有下面几个方面的目的：

1、保证系统里面的全部功能无bug，可以正常运转；为了保证系统的整体流程不存在问题，可以正常运行。

2、保证系统使用过程中的错误不再发生，比如乱码页面、数据流向等错误。

3、及时发现系统中可能发生的加载、不稳定、性能等问题，提前发现可能出现的问题并进行解决，保证上线后的问题解决。

6.2 测试步骤

1、模块化测试，该测试需将整体的系统功能拆分成一个一个小模块，然后按照模块化进行测试，在测试过程中将每个小模块里面的问题找出来并记录好，从而把问题都一一解决并完善好。

2、整体性测试，系统按照模块化把功能都测试完成后，再把小模块的内容全部整合到一起测试，按照需求整理好系统整体流程，梳理好整体流程。按照整体确定的流程完成系统整体测试，使各个模块有密切联系，这样做才可完成确定的操作流程；

3、测试结果验收，在项目验收之前多次测试，在确保没问题情况下即可交付客户。

6.3 部分功能测试

1 登录功能

测试用例及结果如表6-1所示。

表6-1 登录功能测试表

2 教练信息发布功能

测试用例及结果如表6-2所示。

表6-2 教练信息发布功能测试表

3 场地信息发布功能

测试用例及结果如表6-3所示。

表6-3 场地信息发布功能测试表

4 预约功能

测试用例及结果如表6-4所示。

表6-4 预约功能测试表

7　总结

本文对开发网球爱好者小程序的研究背景意义、研究现状、系统需求分析、可行性分析、系统设计、测试结果等进行了详细阐述。系统采用的开发采用了小程序开发相关技术、轻量级SSM框架，前端页面采用bootstrap前端框架，数据库采用轻量级mysql，使用了逆向工程技术将数据库的表全部逆向生成实体类和mapper文件，简单的单表操作也会对应直接生成，这样既可提高开发速度。

该系统从需求分析到最后开发完成大概使用了三个多月的时间，在这几个月里面，自己将平时学习的理论知识和实践能力得到了完美结合，在完成中也提高了自己编码的能力。虽然说毕业设计已经完成，但系统开发的这项工作暂未停止，在后面的空余时间里，将会把系统进行再次优化，旨在提高该系统的流程和使用贴合度，提升系统和实际使用流程的契合度，从而让系统能更好的投入使用并运行。