基于Java+SSM+Vue+uniapp实现微信小程序的场地预约系统小程序

文末获取源码

开发语言：Java

框架：SSM

JDK版本：JDK1.8

服务器：tomcat7

数据库：mysql 5.7/8.0

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.3.9

浏览器：谷歌浏览器

小程序框架：uniapp

小程序开发软件：HBuilder X

小程序运行软件：微信开发者

一、前言介绍 

体育运动不仅可以锻炼身体也可以释放工作、生活中的压力。现如今参与运动的人非常多，相对的需要体育场地的也增多。去体育馆预约需要自己腾出时间去亲自参与，非常不方便，不适应现代人的生活。想要了解场地详情、价格信息等都需要自己去实体店查找。商家对于相关信息的管理也没有有效的平台，不利于场地的发布和宣传。基于微信小程序的场地预约系统可以实现足不出户而且价格透明、售后更好。

本基于微信小程序的场地预约系统采用Java语言进行开发，数据库采用Mysql，采用微信开发者工具进行运行。本系统实现的是和场地相关的信息管理和发布，加入了场地公告的功能。操作角色为管理员和用户，管理员的功能为场地类型管理、场地管理、用户管理、预约管理、取消申请管理、退回押金管理；用户的功能为查询场地、预约场地、支付费用和使用场地、退回押金、取消预约。本系统的功能涵盖到场地相关的方方面面，使爱好运动的用户可以有专业的平台进行场地预约。 

二、系统设计

3.1系统设计目标

本系统的实现可以帮助体育馆场地信息的管理。帮助管理员对注册用户管理以及用户预约管理。同时可以帮助用户进行场地预约。本系统可以实现用户足不出户预约到需要的场地，为用户提供场地信息了解的平台。

3.2系统功能结构图

本系统的结构包括管理员和用户，根据系统功能分析中的功能进行系统功能结构图的设计。在首页中主要为用户操作的功能，在后台中为管理员身份的操作功能。管理员的功能为管理首页信息和用户的操作信息。本系统中管理员的功能结构图如下图3.1所示：

本系统用户的功能结构图如下图3.2所示：

三、管理员权限的功能模块实现界面

3.1系统登录功能模块的界面实现

当系统调试运行好后，可以先使用系统登录功能，本功能相当于系统的屏障。在本界面里可以看到系统的标题和用户名、密码的文本框。在登录界面里还加入了登录按钮。系统登录界面的实现界面如下图所示：

管理员登录时会进行输入信息的验证，验证的流程如下图所示：

3.2个人中心管理功能的实现界面

本功能可以实现管理员信息、登录密码的修改，修改密码时需要原密码的输入。密码信息管理功能的实现效果如下图所示；

3.3场地公告管理功能的实现界面

系统首页里有很多的场地公告信息，管理员可以在后台进行添加。在添加场地公告信息时，可以输入不同的标题。场地公告添加成功后可以删除。管理员查询场地公告信息的实现界面如下图所示：

3.4场地类型管理功能的实现界面

场地类型信息为本系统的基本信息，管理员可以根据情况添加和删除、修改场地类型信息，在添加场地类型信息时需要填写标题。如果场地类型信息不再使用时可以删除场地类型。管理员查询场地类型信息的实现界面如下图所示：

3.5预约管理功能的实现界面

管理员可以对用户的预约进行审核和管理，可以看到预约时间和用户的联系信息，管理员预约管理功能的实现界面如下图所示：

3.6用户信息管理功能的实现界面

管理员可以对注册用户的信息进行审核，也可以删除不需要的用户信息。在用户信息管理功能里可以看到用户的联系信息。管理员浏览用户信息的实现界面如下图所示：

3.7场地信息管理功能的实现界面

管理员可以添加和管理场地信息。管理员添加场地信息的实现界面如下图所示：

3.8场地使用功能的实现界面

管理员可以管理用户的使用信息，可以查询用户的具体使用时间和费用的结算详情。场地使用功能的实现界面如下图所示：

3.9取消申请管理功能的实现界面

此功能可以审核用户的取消申请信息，并可以退回用户的押金。实现界面如下图所示：

3.10退回押金功能的实现界面

此功能可以查询退回押金的详情，并可以进行修改和删除。实现界面如下图所示：

四、用户权限的功能界面实现

4.1首页功能的实现界面

在首页里可以看到所有的功能和信息，包括场地信息、场地公告信息等，用户也可以根据场地的类型进行相关场地的搜索。系统首页的界面实现效果如下图所示：

4.2场地信息展示界面的实现

用户登录后，可以在场地信息展示功能里查看场地信息。用户可以预约场地。场地信息的功能界面实现效果如下图所示：

4.3预约功能界面实现

用户可以预约场地。预约功能的实现界面如下图所示：

4.4费用支付功能的界面实现

用户在预约详情里可以使用场地和支付费用，实现界面如下图所示：

4.5我的功能界面实现

用户在我的功能里可以管理预约信息、使用信息、收藏信息、取消申请信息、退回押金信息等。我的功能的实现界面如下图所示：

五、项目总结

本次基于微信小程序的场地预约系统的设计可以实现场地的预约，为需要场地的用户提供平台，同时用户利用本系统可以了解场地信息和进行评价。管理员在系统中可以发布场地信息、场地公告信息。管理员可以管理预约信息和用户信息等，实现了场地的推广。本次设计的功能我认为已非常完整，可以满足预约场地的用户需求，在界面设计中，我也加入了多种元素，有图片、动画、文字、文本框等，在代码编写中也尽可能的做到了精短。本系统在数据库设计中也注意到了不同类型数据的字段、长度、属性、主外键等问题。综合总结出，本系统已达到要求，内容非常丰富。

通过设计本次设计，让我体会到程序员的辛苦，也让我明白“一份耕耘，一份收获”的真正含意。本次设计中遇到很多的问题，也反应了我学习的问题。本次设计让我学习到了很多课堂中学不到的知识，也锻炼了我自学的能力。在设计中我去网上大量的找相关资料和找学长学习编程知识，最终完成了设计。本次设计也让我认识到了自己的缺点，在学习中，一直以为自己学习的很好，设计一个系统非常简单不需要多动脑，现实中却给了我当头一棒。以后我会戒骄戒躁，努力学习。