sprigboot+在线预定车位管理 毕业设计-附源码221738

基于Web的在线预定车位管理系统的设计与实现

摘 要

科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设在线预订车位管理系统。

本设计主要实现集人性化、高效率、便捷等优点于一身的在线预订车位管理系统，完成站点管理、用户管理、停车场管理、车位管理、预约订单管理、取消预约管理、数据报表管理等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。在线预订车位管理系统使用Java语言，采用基于MVVM 模式的springboot技术进行开发，使用 MyEclipse 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：预订车位管理；Java语言；关系型数据库；数据存储

Design and implementation of online parking reservation management system based on Web

Abstract

The rapid development of scientific and technological progress has caused great changes in people's daily life. The rapid development of electronic information technology has popularized and applied the application level of electronic information technology in various fields. The advent of the information age has become an irresistible fashion trend, and the history of human development is entering a new era. In practical application, according to the working rules and development steps of the application software, Java technology is used to build an online reservation parking space management system.

This design mainly realizes the online booking parking space management system with the advantages of humanization, high efficiency and convenience, and completes the functional modules such as site management, user management, parking lot management, parking space management, reservation order management, cancellation of reservation management, data report management and so on. The system communicates with the server through the browser to realize the interaction and change of data. This system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient service. The online parking reservation management system uses Java language, uses springboot technology based on MVVM mode to develop, and uses MyEclipse 10 compiler to write. The data aspect mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with front-end HTML+CSS technology to complete the system development.

Key words: Reservation management; The Java language. Relational database; Data is stored

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发意义

1.3 本文的组织结构 2

第2章 相关技术介绍

2.1 spring boot框架介绍

2.2 MVVM模式

2.3 MySQL简介

2.4 B/S体系工作原理

2.5 JavaScript运行模式 5

第3章 系统分析 6

3.1 可行性分析 6

3.1.1 技术可行性分析 6

3.1.2 经济可行性分析 6

3.1.3 操作可行性分析 6

3.2 功能需求分析 6

3.3 非功能需求分析 8

3.4 数据流程分析 8

第4章 系统设计 10

4.1 系统架构设计 10

4.2 系统功能结构 10

4.3 功能模块设计 11

4.4 数据库设计 12

4.4.1 概念模型 12

4.4.2 关系模型 12

4.4.3 数据表 13

第5章 系统实现

5.1 登录模块的实现 17

5.2 用户子系统模块的实现 20

5.2.1 用户首页模块 20

5.2.2 车位模块 21

5.2.3 预约订单模块 23

5.2.3 取消预约模块 25

5.3 管理员子系统模块的实现

5.3.1 用户管理模块

5.3.2 个人资料管理模块

5.3.3 停车场管理模块

5.3.4 数据报表管理模块 31

5.4 分页模块的实现 33

第6章 系统测试

6.1 测试目的

6.2 测试过程

6.3 测试结果

第7章 总结与展望

参考文献

致谢

1. 绪论
   1. 研究背景与意义

在线预订车位管理是对所涉及到的人、财、物等资源的管理和调配，随着交通运输业的飞速发展为人们的生活带来了极大的便利，与此同时，各种交通运输工具特别是车位数量的剧增也给社会各方面带来了日趋严重的巨大压力。对于各事业或企业单位内部的车位管理，传统手工操作手段由于工作量大、强度高，而导致的效率低下、出错率高已逐渐不能满足目前车位管理的需求。依据项目需求特点，围绕提高车位使用和管理工作，结合在线预订车位自身的特点，完成对通行车位调度的管理，对车位使用调度、车位信息和相关人员的信息管理、使用记录、事故等信息统一管理，进一步提高车位管理、使用效率和安全保障，做到车位状态有案可查、有据可依，实现在线预订车位的科学化、自动化管理。

在智能化的管理当中，企业的在线预订车位管理成为了急需解决的问题之一。经济高速发展时代的到来给企业的发展带来了机遇，但同时越来越多的工作量需要使用更多的车位来方便工作，这样就给企业的车位管理带来了巨大的压力，企业必须合理安排好下属各个部门的车位使用情况，提供即时的车位信息，只有做到这一点，才能使企业更好的运转起来，最大化的提高企业的整体工作效率。

1. 1. 开发意义

在线预订车位管理系统是信息管理系统，是一个小型的数据库系统。在线预订车位管理系统综合了车位运营领域，车位管理领域，数据库领域等方面的知识。

由于在线预订车位信息的复杂繁多，管理制度的程序繁多，过去采用人工的文件管理已不能适应。文件管理方式存在许多缺点：资料的繁多容易丢失，忽略，遗忘；信息的冗余量极大；安全性极差；查找起来困难；工作量大，工作人员累。

车位管理软件代替人工的文件管理，可以避免或大大的缓解上述问题。而且计算机管理还有一些不可替代的优点：过去需要记忆的一些资料，比如车位的期限，或者是车位使用年限，现在就可以利用计算机软件来查询和管理；随着计算机的普及，还可以随时随地的进行工作，公司领导也可以在家或者其他地方查找所需要的资料，检查工作；存储量大；保密性好；寿命长等等。企业的工作效率提高了，管理也方便了，也将逐步走向正规化。

1. 1. 本文的组织结构

第一章是绪论，本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。

第二章研究了在线预订车位管理系统的所采用的开发技术和开发工具。

第三章是系统分析部分，包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章是系统设计部分，本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章是系统的具体实现，介绍系统的各个模块的具体实现。

第六章在前几章的基础上对系统进行测试和运行。

最后对系统进行了认真的总结，以此对未来有一个新的展望。

1. 相关技术介绍

2.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。

2.2 MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

2.3MySQL简介

MySQL是一个开放的、快速的、多线程的SQL关系型数据库服务器。由于其体积小、免费、运行速度快以及可以通过相关免费的软件来对MySql数据库中的相关数据结构信息等等优点。受广大中等、小型企业所喜爱并占据了很大地位。本系统在数据库方面选用MySQL，并通过Nacivat来进行MySql数据库的管理。在Mysql的安装过程中，最需要注意的就是数据库的编码问题，所以在安装数据库时需要设置数据库的编码为Utf-8，与前台页面和服务器的编码相一致。

2.4 B/S体系工作原理

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

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

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

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

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

 

2.5 JavaScript 运行模式

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

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

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

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

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

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

1. 系统分析
   1. 可行性分析

本次设计基于B/S 模式下，运用Java技术采用的是MySQL数据库和Myeclipse实现，总体的可行性共分为以下三个方面。

1. 1. 1. 技术可行性分析

所谓的技术可行性就是在限定时间，前期拟定的功能能否被满足。在开发设计上是否会遇上解决不了的问题。做完的项目能否被很好地应用，如果存在缺点在后期的维护上是否存在很大的难度。在对这个系统评估后，认定已存在的技术能达成目标。用spring boot技术来实现动态的页面，嵌入低依赖性的设计模式，灵活的数据库，配合稳定的服务器，整个系统的运行效率大大提升。由此可见，在技术层面达成目标不是非非之想。

1. 1. 1. 经济可行性分析

在项目上使用的工具大部分都是是当下流行开源免费的，所以在开发前期，开发时用于项目的经费将会大大降低，不会让开发该软件在项目启动期受到经费的影响，所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费，以及设备费用。将在无纸化，高效率的道路上越走越远。

1. 1. 1. 操作可行性分析

本系统实现功能的操作很简单，普通电脑的常见配置就可以运行本软件，并且只要粗通电脑使用的基本常识就可以流畅的使用本软件。电脑具备连接互联网的能力，并且可以正常访问系统，并不需要操作者有什么高超的能力，只需了解业务流程，并且按照专业知识进行正确操作即可，所以在线预订车位管理系统具备操作可行性。

1. 1. 功能需求分析

在系统开发设计前，应该对功能做初步设想，清楚这个管理系统有什么板块，每个板块有什么功能，整体的设计是否满足使用者的需求，接着对所开发的系统功能进行的详细分析总结，从而设计出完整的系统并将其实现。用户和开发人员的交流分析，使其达到最佳理解程度，使系统功能达到最佳。

用户用例图如下所示。

 

图3-1 用户用例图

管理员用例图如下所示。

 

图3-2 管理员用例图

在线预订车位管理系统在对需求做解析后，整个系统主要分为两个部分：管理员和普通用户，每个模块下的分支功能不一样。对功能做出如下说明：

普通用户模块：

账号登录认证。

管理用户留言，修改可修改的用户留言信息项。

车位搜索，同时搜索历史已出入车位的记录。

网站资讯，同时查看历史已有网站设置的记录。

车位预订，同时查看历史已有车位预订的记录。

取消订单，并可以在线取消预约订单。

管理员模块：

维护普通用户，审核普通用户的账号，可以冻结普通用户的登录权限，或者删除普通用户账号。

停车场管理，并可以查询某个停车场位置，更新停车场车位档案数据，模糊搜索停车场数据等。

车位管理，并可以搜索某个车位档案，更新车位档案数据，模糊搜索车位档案数据等。

预约订单管理，并可以在线查看预约订单。

取消预约管理，并可以在线取消预约订单。

数据报表管理，并可以查询停车场名称、管理者、停车数、统计月份等添加、删除

1. 1. 非功能需求分析

系统非功能需求有非常多，比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求，因为系统是给人使用的，所以必须充分从用户的角度出发，考虑用户体验，使系统易理解易上手易操作。

1. 1. 数据流程分析

一层数据流程图包括了登录、用户功能和检索维护等模块，在登录模块使用到的数据存储有用户账户文档，用户功能模块需要的存储是用户各功能模块数据文档，检索维护是使用以上这些数据文档通过关键词进行检索。

系统的一层数据流图如下图所示。

 

图3-2系统数据流图（一层）

二层数据流程是对一层数据流层图中填写登录信息、用户功能的细化。即：填写登录信息细化为填制信息、后台审核，用户功能细化为用户留言、网站资讯、公告栏、车位等操作。

系统的二层数据流图如下图所示。

 

图3-4系统数据流图（二层）

1. 系统设计
   1. 系统架构设计

目前B/S体系的系统主要的数据访问方式是：通过浏览器页面用户可以进入系统，系统可以自动对用户向服务器发送的请求进行处理，处理请求是在系统后台中进行的，用户在浏览器页面上进行相应操作，就能够看到服务端传递的处理结果。在线预订车位管理系统主要分为视图-模型-控制三层架构设计。在视图层中，主要是操作在服务器端向客户端反馈并显示的数据，在模型层中，主要处理相关的业务逻辑、数据整合等，最后的控制层它介于视图和模型之间，主要是调整两层之间的关系，最终落实数据的传递。

系统架构图如下图所示。

 

图4-1系统架构图

1. 1. 系统功能结构

系统设计的目的是分析系统包括的所有功能结构，为开发人员设计开发和实现系统做好准备工作。经过前期的需求调查、分析和整理之后，确定的总体需求主要包括多个模块，分别是：用户管理、内容管理、站点管理管理、停车场管理、预约订单管理、取消订单管理、车位管理、数据报表管理。系统整体角色分为三个部分，一是普通用户、二是管理者、三是管理员。权限分布也是很明显，普通用户是在除去浏览信息之外还具有查询和管理自己账户信息、用户留言、网站资讯、公告栏、车位等权限；管理员是最高权限拥有者。

系统功能结构图如下图所示。

 

图4-2系统功能结构图

1. 1. 功能模块设计

用户管理模块

该模块是为所有用户登录设计的，如普通用户登录后只能进行自己的普通功能操作(如个人信息修改），管理员和超级管理员登录后有不同的权限，管理员不能超越权限。超级管理员能对整个系统的数据进行管理，主要是用户的登录权限以及用户登录后在系统里的操作权限。

停车场模块

普通用户和停车场档案存在查询停车场名称、编号、图片、简介、区域，根据停车场档案编号来将车位档案数据传入到停车场数据中，操作人为普通用户，然后生成停车场列表，普通用户查看个人历史出入停车场列表，可以进行数据销毁。

车位模块

操作人来录入车位档案数据，点击车位档案录入按钮，依次填写要录入的车位档案数据，点击提交按钮，将数据提交至数据库，然后刷新车位档案数据页面，每条数据右边有删除和编辑按钮，来完成相应的删除和更新功能。

预约订单模块

操作人来录入预约订单数据，点击预约订单录入按钮，依次填写要录入的预约订单档案数据，点击提交按钮，将数据提交至数据库，然后刷新预约订单档案数据页面，每条数据右边有删除和编辑按钮，来完成相应的删除和更新功能。

取消预约模块

操作人来录入取消预约设置数据，点击取消设置录入按钮，依次填写要录入的取消设置数据，点击提交按钮，将数据提交至数据库，然后刷新取消预约设置数据页面，每条数据右边有删除和编辑按钮，来完成相应的删除和更新功能。

数据报表模块

管理员点击数据报表管理菜单，点击数据报表添加子菜单，添加数据报表数据，填写停车场名称、管理者、停车数、统计月份，提交成功后，数据报表数据页面刷新，新数据成功载入页面。

1. 1. 数据库设计
      1. 概念模型

对于一个要开发的系统来说，E-R图可以让别人能更快更轻松的了解此系统的事务及它们之间的关系。根据系统分析阶段所得出的结论确定了在在线预订车位管理系统中存在着多个实体分别是用普通用户、管理员、车辆档案、出入收费、RFID档案、收费设置。

系统总体ER图如下图所示。

 

图4-4系统总体ER图

1. 1. 1. 关系模型

管理员（管理员id、用户名、密码、权限）

普通用户（普通用户id、姓名、性别、车牌号、座驾、审核状态）

管理者（管理者id、姓名、性别、所管区域、审核状态）

取消预约（取消预约id、车位名称、停车场名称、取消原因、车主、管理者、审核状态、审核回复）

数据报表（数据报表id、停车场名称、管理者、停车数、统计月份、审核状态）

预约订单（预约订单id、停车场名称、车位名、一小时收费、管理者、停车时间、应付、车主、座驾、车牌号、审核状态、支付状态、支付类型）

车位（车位id、车位名称、车位编号、停车场名称、区域、一小时收费、车位图片、管理者、状态、审核状态）

停车场管理（停车场管理id、停车场名称、编号、图片、简介、区域、管理者、审核状态）

1. 1. 1. 数据表

数据库逻辑结构就是将E-R图在数据库中用具体的字段进行描述。用字段和数据类型描述来使对象特征实体化，最后形成具有一定逻辑关系的数据库表结构。在线预订车位管理系统所需要的部分数据结构表如下表所示。

ordinary_users表:

名称	类型	长度	不是null	主键	注释
ordinary_users_id	int	11	是	是	普通用户ID
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
license_plate_number	varchar	64	否	否	车牌号
car	varchar	64	否	否	座驾
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

controller表:

名称	类型	长度	不是null	主键	注释
controller_id	int	11	是	是	管理者ID
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
managed_area	varchar	64	否	否	所管区域
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

cancel_reservation表:

名称	类型	长度	不是null	主键	注释
cancel_reservation_id	int	11	是	是	取消预约ID
parking_space_name	varchar	64	否	否	车位名称
name_of_parking_lot	varchar	64	否	否	停车场名称
cancellation_reason	text	0	否	否	取消原因
owner	int	11	否	否	车主
controller	int	11	否	否	管理者
examine_state	varchar	16	是	否	审核状态
examine_reply	varchar	255	否	否	审核回复
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

data_report表:

名称	类型	长度	不是null	主键	注释
data_report_id	int	11	是	是	数据报表ID
name_of_parking_lot	varchar	64	否	否	停车场名称
controller	int	11	否	否	管理者
parking_number	int	11	否	否	停车数
statistical_month	varchar	64	否	否	统计月份
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

reservation_order表:

名称	类型	长度	不是null	主键	注释
reservation_order_id	int	11	是	是	预约订单ID
parking_space_name	varchar	64	否	否	车位名称
name_of_parking_lot	varchar	64	否	否	停车场名称
one_hour_charge	varchar	64	否	否	一小时收费
controller	int	11	否	否	管理者
parking_duration	int	11	否	否	停车时间
cope_with	varchar	64	否	否	应付
owner	int	11	否	否	车主
car	varchar	64	否	否	座驾
license_plate_number	varchar	64	否	否	车牌号
examine_state	varchar	16	是	否	审核状态
pay_state	varchar	16	是	否	支付状态
pay_type	varchar	16	否	否	支付类型: 微信、支付宝、网银
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

parking_lot 表:

名称	类型	长度	不是null	主键	注释
parking_lot_id	int	11	是	是	车位ID
parking_space_name	varchar	64	否	否	车位名称
parking_space_number	varchar	64	否	否	车位编号
name_of_parking_lot	varchar	64	否	否	停车场名称
region	varchar	64	否	否	区域
one_hour_charge	int	11	否	否	一小时收费
parking_space_picture	varchar	255	否	否	车位图片
controller	int	11	否	否	管理者
state	varchar	64	否	否	状态
hits	int	11	是	否	点击数
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

parking_lot_management表：

名称	类型	长度	不是null	主键	注释
parking_lot_management_id	int	11	是	是	停车场管理ID
name_of_parking_lot	varchar	64	否	否	停车场名称
number	varchar	64	否	否	编号
picture	varchar	255	否	否	图片
brief_introduction	text	0	否	否	简介
region	varchar	64	否	否	区域
controller	int	11	否	否	管理者
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

 

1. 系统实现
   1. 登录模块的实现

系统的登录窗口是用户的入口，用户只有在登录成功后才可以进入访问。通过在登录提交表单，后台处理判断是否为合法用户，进行页面跳转，进入系统中去。

登录合法性判断过程：用户输入账号和密码后，系统首先确定输入输入数据合法性，然后在login.页面发送登录请求，调用src下的mainctrl类的dopost方法来验证。

用户登录模块的IPO如下所示：

输入：用户名和密码。

处理：

1）检测用户输入的账号、密码是否正确及在数据库已对应存在。

2）从数据库中提取记录，并储存在本地的session中（timeout默认=30min）。

3）根据用户名，将其显示在系统首页上。

输出：是否成功的信息。

登录流程图如下所示。

 

图5-1登录流程图

系统登录界面如下所示。

 

图5-2系统登录界面

用户登录的逻辑代码如下。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

1. 1. 用户子系统模块的实现
      1. 用户首页模块

系统呈现出一种简洁大方的首页：界面简约、鳞次栉比，用户能轻车熟路的使用。出于对系统使用群体广泛的顾虑，应有良好性能的后台。

如下图所示为系统的首页界面。

 

图5-3系统首页界面

1. 1. 1. 车位模块

车位过程中，首先使用getmap(id,"xinxi")，通过车位ID得到车位名称、车位编号，将停车场名称档案数据赋值给车位数据，调用CommDAO的insert方法将车位数据插入出入停车场数据中，最后查看个人历史车位停车记录，可以销毁历史出入车位数据。

车位流程图如下所示。

 

图5-4车辆出入收费流程图

车位界面如图所示。

 

图5-5车位界面

车位管理界面如图所示。

 

图5-6车位管理界面

1. 1. 1. 预约订单模块

用户提交预约订单设置，可以进行查询、重置、添加等相应的收费设置管理操作。当点击"新增收费设置"的按钮时，在收费设置添加界面进行详细信息的添加操作。当点击"查看收费设置"超级链接时，会显示所选的收费设置的信息，然后点击"返回"再返回到其主页面。

预约订单界面如图所示。

 

图5-7预约订单界面

预约订单管理界面如图所示。

 

图5-8预约订单管理界面

预约订单添加关键代码如下所示。

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

}

1. 1. 1. 取消预约模块

取消预约的原因，车位名称、停车场名称、取消原因、车主、管理者、审核状态、审核回复等编辑操作。

取消预约界面如图所示。

 

图5-9取消预约界面

1. 1. 管理员子系统模块的实现
      1. 用户管理模块

用户在yhzhgl查看用户信息，先使用sql语句查询出所有用户表的数据，然后调用PageManager.getPages(url,4,sql, request )，返回一个ArrayList的对象，在for循环里，使用spring boot得到每个ArrayList对象的数据，在spring boot页面中解析ArrayList对象，得到其各个键值对的值。

用户管理界面如下图所示。

 

图5-10用户管理界面

系统用户管理关键代码如下所示。

public class FindConfig {

    public static String PAGE = "page";

    public static String SIZE = "size";

    public static String LIKE = "like";

    public static String ORDER_BY = "orderby";

    public static String FIELD = "field";

    public static String GROUP_BY = "groupby";

    public static String MIN_ = "_min";

    public static String MAX_ = "_max";

}

1. 1. 1. 个人资料管理模块

用户点击登录填写账号信息登录后，会切换内容为“某某用户欢迎您”和历史订单，并给出注销链接。当用户登录成功后会将个人信息保存在session作用域中，点击自己的用户名时，会跳转到个人详细信息页面，由后台通过Freemarker取出session作用域中的用户信息进行动态渲染，例如，邮箱、电话号码、用户名等等。同时页面上会显示修改个人信息和修改密码的按钮，这时客户可以修改自己的登录密码以保障账号的安全性，防止被人窃取账号，通过UserController.java的updatePassword()实现，同时也可以根据自己的个人信息是否变动做出相应的修改，通过updateUserInfo()实现。

密码修改流程图如下所示。

 

图5-11密码修改流程图

密码修改关键代码如下所示。

  /**

     * 修改密码

     * @param data

     * @param request

     * @return

     */

    @PostMapping("change_password")

    public Map<String, Object> change_password(@RequestBody Map<String, String> data, HttpServletRequest request){

        // 根据Token获取UserId

        String token = request.getHeader("x-auth-token");

        Integer userId = tokenGetUserId(token);

        // 根据UserId和旧密码获取用户

        Map<String, String> query = new HashMap<>();

        String o_password = data.get("o_password");

        query.put("user_id" ,String.valueOf(userId));

        query.put("password" ,service.encryption(o_password));

        Query ret = service.count(query, service.readConfig(request));

        List list = ret.getResultList();

        Object s = list.get(0);

        int count = Integer.parseInt(list.get(0).toString());

        if(count > 0){

            // 修改密码

            Map<String,Object> form = new HashMap<>();

            form.put("password",service.encryption(data.get("password")));

            service.update(query,service.readConfig(request),form);

            return success(1);

        }

        return error(10000,"密码修改失败！");

    }

1. 1. 1. 停车场管理模块

添加停车场档案信息时，输入必填字段后，表现层的CheliangController接受传过来的停车场档案信息参数，再调用CheliangController类的addCheliang方法，经过CheliangService业务层到CheliangMapper持久层的处理，完成对整个添加停车场档案信息的操作。addCheliang方法也和用户管理中的addUser方法类似，同时做添加和修改工作。

修改停车场档案信息时，选择需要修改的停车场档案进行修改，调用CheliangController控制器的editCheliang方法，拿到该车辆档案原本的信息并显示到页面，管理员再对需要修改的停车场档案信息字段进行修改，完成后调用addCheliang方法，调用业务层的updateByKey方法，更新数据库的车辆档案信息表的数据。

停车场管理流程图如下所示。

 

图5-12车辆档案管理流程图

停车场添加界面如下图所示。

 

图5-13停车场添加界面

停车场查询界面如下图所示。

 

图5-14停车场查询界面

停车场信息添加关键代码如下所示。

@RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        Query select = service.select(service.readQuery(request), service.readConfig(request));

        List resultList = select.getResultList();

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

 public Query select(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

        }

        log.info("[{}] - 查询操作，sql: {}",table,sql);

        return runEntitySql(sql.toString());

    }

1. 1. 1. 数据报表管理模块

删除数据报表时，选择需要删除的数据报表进行删除，把主键的uId传到RfiddanganController控制器，再调用控制器的deleteRfiddangan方法，数据经过RfiddanganService业务层解析和处理，请求RfiddanganMapper持久层调用deleteByPrimaryKey方法操作数据库将数据报表数据从数据库中删除。

查找数据报表档案时，输入需要查找的数据档案名，调用getData方法获取所有数据并且进行分页，把获取到的所有数据显示到视图上，这时候只需要用脚本方法便能快速查找，不涉及对数据库操作。

数据报表管理流程图如下所示。

 

图5-15数据报表管理流程图

数据报表添加界面如下图所示。

 

图5-16数据报表添加界面

数据报表查询界面如下图所示。

 

图5-17数据报表查询界面

数据报表信息添加关键代码如下所示。

@RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

}

1. 1. 分页模块的实现

本系统单独编写一个Pager类用于分页技术的实现，在该类中确定每一个页面显示记录的总数pageSize，同时定义总记录数totalSize、当前页currentPage和总页数totalPage这几个属性，声明一个带两个参数的构造函数，获取数据库记录的时候传入记录总数给pageSize，通过记录总数和pageSize这两个变量计算出总页数，在查询数据的时候需要通过Pager类的pageSize设置每次取出数据的最大记录数和设置起始取出记录的位置。该类中还定义了几个boolean类型的变量，用于判断是否有上一页、下一页、最后一页等等，在spring boot页面显示数据的时候通过标签显示记录是否有上一页或者下一页。

1. 系统测试
   1. 测试目的

在对该系统进行完详细设计和编码之后，就要对在线预订车位管理系统的程序进行测试，检测程序是否运行无误，反复进行测试和修改，使之最后成为完整的软件，满足用户的需求，实现预期的功能。

1. 1. 测试过程

在软件的测试过程中，通常测试人员需要针对不同的功能模块设计多种测试用例。通过测试用例能够及时发现代码业务逻辑上是否与真实的业务逻辑相对应，及时发现代码上或逻辑上的缺陷，以此来来完善系统，提高软件产品的质量，使软件具有良好的用户体验。

登录测试用例表如下所示。

表6-1登录测试用例

测试性能		用户或操作员登录系统
用例目的		测试用户或操作员登录系统时功能是否正常
前提条件		进入用户登录页面或操作员登录页面
输入条件	预期输出		实际情况
各项信息不予填写，直接点击登陆按钮	不允许登录，提示填写账号相关信息		一致
填写错误的登录名或密码后点击登录系统	提示用户名或密码错误，要求重新填写进行登录		一致
填写与验证码信息不一致的信息	系统显示出提示信息，表明验证码错误，要求重新填写		一致

预约订单测试用例表如下所示。

表6-2预约订单测试用例

测试性能		用户进行车辆出入收费的操作
用例目的		测试用户进行预约订单出入收费操作时，该功能是否正常
前提条件		用户进入预约订单详情页，该预约订单能够被出入收费
输入条件	预期输出		实际情况
对着某预约订单点击“出入收费”按钮	界面跳转至出入收费界面		一致
在出入收费界面，输入必填项，点击“提交”按钮	提示“出入收费成功”，并返回上一级界面		一致
在出入收费界面，填写出入收费表单的时候未输入完整，点击“提交”按钮	提示“出入收费失败”		一致

预约订单管理测试用例表如下所示。

表6-3取消预约管理测试用例

测试性能		取消预约相关信息管理功能
用例目的		测试系统操作者对车辆档案相关信息进行管理的功能是否正常
前提条件		登录系统进入相关管理页面
输入条件	预期输出		实际情况
进入取消预约管理界面，点击“录入”按钮，填写所有必填项，点击提交	提示“录入成功”，并返回查询界面		一致
进入取消预约管理界面，点击“录入”按钮，未填写一个或者多个必填项，点击提交	提示“录入失败”，请填写必填项		一致
进入取消预约管理界面，选择要修改的一条数据，点击该条数据后面的“修改”按钮	节目跳转至修改界面		一致
在修改界面，修改可修改项后，点击“提交”按钮	提示“修改成功”，并返回查询界面		一致
进入取消预约管理界面，点击某条数据后面的删除按钮	提示“是否要删除该数据”，如果用户点击“确定”按钮，则成功删除该条数据，并提示“删除成功”，之后返回查询界面		一致

1. 1. 测试结果

经过对此系统的测试，得出该系统足以满足用户日常需求，在功能项目和操作等方面也能满足操作员对于其他用户的管理。但是，还有很多功能有待添加，这个系统仅能满足大部分的需求，还需要对此系统的功能更进一步的完善，这样使用起来才能更加的完美。

1. 总结与展望

通过在线预订车位管理系统的开发，本人巩固了之前学过的知识，如今将平时所学到的知识融合在设计中，在设计过程中，做了很多的准备，首先，在数据库系统的设计过程中，尤其是在数据库的工作原理、工作特点，对其深刻的讨论，与此同时，对于小型站点来说，最好服务器的选择，其次，利用所学的知识点分析所做的系统，并在此基础上设计。

目前本系统已经上线，正在试运行阶段，用户反馈良好，基本完成用户所需，试运行过程中没有出现阻断性问题，有一些不足和小问题也及时予以修正，系统上线后，为了保证数据的安全性，对系统进行了备份操作，系统备份是每两个月备份一次，数据库备份为每周备份一次，系统部署在租赁的云平台服务器中。

本次系统上线成功后，得到了用户的高度认可，但是在功能上和性能上还需做进一步的研究处理，使其有更高的性能和更好的用户体验。

系统在以后的升级过程中，需要解决一系列用户所提出的问题，例如打印过程中如何避免浏览器的兼容性问题，大量用户访问时，如何保持较高的响应速度，在系统今后的升级过程中将着重解决这些安全性问题。

参考文献

[1]张妍君.智慧园区智能停车管理系统研究[J].铁道通信信号,2021,57(10):51-55.DOI:10.13879/j.issn.1000-7458.2021-10.21164.

[2]冯建,李嘉明,廖明华,宋春华.基于图像识别技术的车位管理系统研究与设计[J].电脑知识与技术,2021,17(24):116-119.DOI:10.14004/j.cnki.ckt.2021.2305.

[3]何信剑.路边车位管理系统中地磁定位技术运用分析[J].电子世界,2021(11):5-6.DOI:10.19353/j.cnki.dzsj.2021.11.002.

[4]张志奇,鲍润哲,张晓航.智能云车位管理系统设计[J].科学技术创新,2021(01):103-104.

[5]Prabu A.V.,Tolada Apparao,Mishra Jyotirmaya,Rajasoundaran S.,Deepak Tharun. Automatic vehicle parking space booking system using IoT[J]. Materials Today: Proceedings,2021(prepublish):

[6]梅瀚予,翟娟,王丽君,罗辉辉.基于单片机的智能停车场车位管理系统[J].软件,2020,41(11):27-32.

[7]王亚伟,肖广兵.基于S3C6410的车位搜索与管理系统设计[J].软件,2020,41(10):15-18.

[8]汪阳.基于QT的智慧小区管理系统的设计应用[J].信息技术与信息化,2020(09):12-14.

[9]陈红琴.基于物联网的智能车位管理系统设计[J].现代制造技术与装备,2020,56(09):60+63.DOI:10.16107/j.cnki.mmte.2020.0828.

[10]陈加男,秦会斌.基于磁阻效应的地磁锁车位管理系统设计[J].传感器与微系统,2020,39(07):95-97.DOI:10.13873/J.1000-9787(2020)07-0095-03.

[11]耿玉菊.智能停车场泊车引导与车位管理模式分析[J].新型工业化,2020,10(05):89-90+92.DOI:10.19335/j.cnki.2095-6649.2020.05.038.

[12]钱家兴.基于单片机的停车位管理系统设计[J].信息记录材料,2020,21(05):84-85.DOI:10.16009/j.cnki.cn13-1295/tq.2020.05.055.

[13]陈韵含,王婷雯,何松芝,刘哲宇,周禧龙,敖志强,李嘉伟,刘乐.一种智慧充电车位控制管理系统的设计与研制[J].科学技术创新,2020(12):113-115.

[14]王梓涵,张宏伟.基于物联网停车场车位管理系统的设计和实现[J].甘肃科技纵横,2020,49(01):78-80+39.

[15]王亚茹,王梓涵,张宏伟.车位智能管理系统设计与实现[J].无线互联科技,2019,16(24):60-61.

[16]Cong Zhao,Siyu Li,Wei Wang,Xinghua Li,Yuchuan Du. Advanced Parking Space Management Strategy Design: An Agent-Based Simulation Optimization Approach[J]. Transportation Research Record,2019,2672(8):