（附源码）spring boot智能停车场系统 毕业设计 065415_停车场管理系统数据结构流程图

springboot智能停车场管理系统

摘 要

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

本设计主要实现集人性化、高效率、便捷等优点于一身的智能停车场管理系统，完成首页、站点管理（轮播图、公告栏）用户管理（管理员、普通用户）内容管理（汽车资讯、资讯分类）更多管理（车位信息、停车信息、出库信息信息、IC卡信息）等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。智能停车场管理系统使用Java语言，采用基于 MVVM模式的springboot框架进行开发，使用 Eclipse  2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：智能停车场管理；Java语言；关系型数据库；SSM框架

Springboot intelligent parking lot management system

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 intelligent parking lot management system.

This design mainly realizes the intelligent parking lot management system with the advantages of humanization, high efficiency and convenience, and completes the functional modules such as home page, site management (rotation map, bulletin board), user management (administrator, ordinary users), content management (automobile information, information classification) and more management (parking space information, parking information, warehouse out information, IC card information). The system communicates with the server through the browser to realize the interaction and change of data. Through scientific management and convenient service, the system improves work efficiency and reduces errors and omissions in data storage. The intelligent parking lot management system uses Java language, adopts the springboot framework based on MVVM mode for development, and is written with eclipse 2017 CI 10 compiler. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and completes the development of the system with the foreground HTML + CSS Technology.

Key words: intelligent parking lot management; Java language; Relational database; SSM framework

目     录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 本文的组织结构

第2章 相关技术介绍

2.1 开发工具及技术

2.2 MVVM模式

2.3 MySQL数据库

2.4 B/S结构

2.5 Springboot框架介绍

2.6 Vue.js 主要功能

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性分析

3.1.2 经济可行性分析

3.1.3 操作可行性分析

3.2 功能需求分析

3.3 非功能需求分析

3.4 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构

4.3 功能模块设计

4.4 数据库设计

4.4.1 概念模型

4.4.2 关系模型

4.4.3 数据表

第5章 系统实现

5.1 登录模块的实现

5.2 用户子系统模块的实现

5.2.1 用户首页模块

5.2.2 注册模块

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

5.3.1 用户管理模块

5.3.2 个人资料管理模块

5.3.3 停车位管理模块

5.3.4 车辆出库信息模块

第6章 系统测试

6.1 测试目的

6.2 测试过程

6.3 测试结果

第7章 总结与展望

参考文献

致谢

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

随着社会的进步和发展以及人们生活水平的提高，汽车市场的繁荣带来了停车问题。据统计，“全国机动车与停车位的比例约为3: 1。“城市交通的增加造成的交通拥堵甚至混乱给人们的生活带来了极大的不便。这种不便迫使人们寻找有效的高科技手段来解决这种不便。在经济发达的大中型城市，这一比例甚至更高，停车场建设已成为城市发展面临的一个重大问题。根据我国机动车与停车位的比例以及国外发达国家停车行业的发展，停车难的问题催生了智能停车管理系统管理设备的巨大市场。

这不仅能有效解决随机停车造成的交通混乱，还能促进交通设施的标准化建设，同时尽可能减少车主对丢车被盗的担忧。此外，在技术上，其高技术与其他现有智能系统相匹配，具有良好的开放性，易于与其他智能系统结合成更强大的集成系统，符合各种集成模式的先进管理。停车场信息化设计包括停车场管理、停车场管理和停车信息管理的信息化内容。做好信息化工作有利于提高停车场管理效率，增强停车场服务竞争力。

1. 1. 开发现状

目前，国外停车场管理系统经过多年的发展，已基本进入智能无人收费阶段，其使用的收费介质已由传统的阅读型转变为非接触型的新型收费介质。国外停车场收费系统一般采用高度智能化的专用设备，可以实现收费系统的无人化操作。设备制造工艺精良，系统稳定性和产品技术水平达到较高水平。停车场管理系统的显著特点是停车场车位引导系统、停车车位查询系统等智能化设备，使停车场管理系统的功能更加丰富。一些国外停车场设备厂商正在研究能够实现“网络化存车”的停车场管理系统。这种收费系统依靠于Internet连接，能够实现在一个相对广阔的地域内的多个停车场随意停车。管理系统统一调度车位资源，统一进行交易结算。停车场用户在家中通过网络就可以预定停车车位，缴纳停车费用，查询出行目的地的各类停车信息。这种新型停车场管理方式适应了Internet在人们日常生活中越来越重要的现状，使停车场管理系统的作用范围和功能得到极大的扩展和延伸。值得注意的是，国外停车场管理系统在采用大量先进技术的同时，带来的负面影响是系统的造价非常昂贵，技术实现难度大，维护成本高。

国内停车场管理系统是伴随着国内公用停车场的大量出现而出现的。最初的国内停车场管理系统是在引进和消化国外同类系统的基础上研发成功的。由于有许多关键设备国内没有生产，采用了较多的国外产品，因此这一阶段的国内停车场管理系统带来了许多“集成”的意味。 近年来，随着国内停车场的发展壮大，国内停车场管理系统厂商的技术实力也在增加。一些国际先进的停车场管理技术和理念都可以在新型管理系统中得到迅速应用。许多停车场系统关键设备可以在国内研发生产。国内停车场管理系统目前正面临着老式管理系统向新型管理系统升级换代的高峰时期，落后的以传统接触阅读收费介质为特征的管理系统正在被逐渐淘汰。新型的以非接触式IC卡、远距离射频电子标志、车牌图像识别技术等非接触类型收费介质为特征的新型停车场管理系统正在走向成熟，也在逐步为人们所接受。

1. 1. 本文的组织结构

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

第二章研究了智能停车场管理系统的所采用的开发技术和开发工具。

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

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

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

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

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

1. 相关技术介绍
   1. 开发工具及技术

本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型。后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

1. 1. 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的新特性糅合进去，以应对客户日益复杂的需求变化。

1. 1. MySQL数据库

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

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

1. 1. B/S结构

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

1. 1. Springboot框架介绍

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. 1. Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

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

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

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

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

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. 系统功能结构

系统设计的目的是分析系统包括的所有功能结构，为开发人员设计开发和实现系统做好准备工作。经过前期的需求调查、分析和整理之后，确定的总体需求主要包括多个模块，分别是：用户管理、首页、站点管理（轮播图、公告栏）用户管理（管理员、普通用户）内容管理（汽车资讯、资讯分类）更多管理（车位信息、停车信息、出库信息信息、IC卡信息）管理。系统整体角色分为二个部分，一是普通用户、二是管理员。权限分布也是很明显，普通用户是在除去浏览信息之外还具有查询和管理自己账户信息、车辆录入、停车位查询、车辆入场查询、车辆出库信息查询、通知公告查询、等权限；管理员是最高权限拥有者。

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

图4-2系统功能结构图

1. 1. 功能模块设计

用户管理模块

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

停车位维护模块

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

车辆入场模块

车辆驶入停车场后，管理员将车辆的入场时间记录下来，关系为一对多，根据车辆编号来将车辆数据传入到入场数据中，操作人为普通用户，然后生成入场列表，普通用户查看个人历史入场列表，可以进行数据销毁。

车辆维护模块

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

停车位出库信息模块

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

通知公告维护模块

管理员点击通知公告管理菜单，点击通知公告添加子菜单，添加通知公告数据，填写标题、内容、类别、图片，提交成功后，通知公告数据页面刷新，新数据成功载入页面。

打印和导出模块

系统多个页面可以进行打印功能，包括信息详细页，信息列表页，打印时调用外部打印机，完成打印设置即可打印，在信息列表页可以将该信息列表导出至excel中，用户选择保存excel文件的路径，既可以下载至本地，在excel中可以自由编辑。

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

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

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

图4-4系统总体ER图

1. 1. 1. 关系模型

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

普通用户（普通用户id、用户名、姓名、车牌号、车型、品牌）

通知公告数据（通知公告id、标题、类别、首页图片、点击率、发布人）

停车位（停车位id、车位号、位置、状态、车位类型）

出库信息（出库信息id、用户名、车牌号、入场时间、离开时间、停放时长、费用、是否支付）

入场（入场id、用户名、车牌号、车型、入场时间）

1. 1. 1. 数据表

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

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

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

登录合法性判断过程：用户输入账号和密码后，系统首先确定输入输入数据合法性，然后在login.jsp页面发送登录请求，调用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系统首页界面

其中载入前台页面的主要代码如下。

@SpringBootApplication

@EnableJpaRepositories

public class Application {

    public static void main(String[] args) {

        SpringApplication.run(Application.class,args);

    }

}

1. 1. 1. 注册模块

此页面实现普通用户的注册，必须注册登录后才能使用系统大部分功能，用户名不允许重复如果重复将会注册失败，并弹出相应的提示，通过js实现对输入的验证。

用户注册流程图如下所示。

图5-4用户注册流程图

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

图5-5用户注册界面

用户注册关键代码如下所示。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

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

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

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

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

/**

     * 用户ID：[0,8388607]用户获取其他与用户相关的数据

     */

    @Id

    @GeneratedValue(strategy = GenerationType.IDENTITY)

    @Column(name = "user_id")

    private Integer userId;

    /**

     * 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

     */

    @Basic

    @Column(name = "state")

    private Integer state;

    /**

     * 所在用户组：[0,32767]决定用户身份和权限

     */

    @Basic

    @Column(name = "user_group")

    private String userGroup;

    /**

     * 上次登录时间：

     */

    @Basic

    @Column(name = "login_time")

    private Timestamp loginTime;

    /**

     * 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "phone")

    private String phone;

    /**

     * 手机认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "phone_state")

    private Integer phoneState;

    /**

     * 用户名：[0,16]用户登录时所用的账户名称

     */

    @Basic

    @Column(name = "username")

    private String username;

    /**

     * 昵称：[0,16]

     */

    @Basic

    @Column(name = "nickname")

    private String nickname;

    /**

     * 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

     */

    @Basic

    @Column(name = "password")

    private String password;

    /**

     * 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "email")

    private String email;

    /**

     * 邮箱认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "email_state")

    private Integer emailState;

    /**

     * 头像地址：[0,255]

     */

    @Basic

    @Column(name = "avatar")

    private String avatar;

    /**

     * 创建时间：

     */

    @Basic

    @Column(name = "create_time")

    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

    private Timestamp createTime;

    @Basic

    @Transient

    private String code;

}

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

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

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

图5-6用户管理界面

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

 @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. 个人资料管理模块

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

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

图5-7密码修改流程图

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

   /**

     * 修改密码

     * @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. 停车位管理模块

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

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

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

图5-8停车位管理流程图

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

图5-9停车位添加界面

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

图5-10停车位查询界面

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

   @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. 车辆出库信息模块

用户选择车辆添加出库信息记录，用户在cheliang_list查看车辆，点击出库信息，跳转至lichang_add.jsp，添加出库信息记录则将添加的出库信息记录数据封装在HashMap中，然后调用CommDAO的insert方法将出库信息记录内容插入出库信息记录表中。

出库信息管理流程图如下所示。

图5-11出库信息管理流程图

出库信息添加界面如下图所示。

图5-12出库信息添加界面

出库信息查询界面如下图所示。

图5-13出库信息查询界面

出库信息信息添加关键代码如下所示。

  @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. 1. 测试过程

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

注册测试用例表如下所示。

表6-1注册测试用例

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

表6-2登录测试用例

停车位管理测试用例表如下所示。

表6-3停车位管理测试用例

1. 1. 测试结果

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

1. 总结与展望

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

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

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

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

参考文献

[1]徐佩.新时期计算机软件开发技术的应用及发展趋势[J].农家参谋,2019(08):167.

[2]张帅,崔婀娜,魏立波.互联网+健康在线服务平台的设计与实现[J].科技创新与应用,2019(10):91-92.

[3]谷利国,陈存田,张甲瑞.基于B/S模式的人事教育信息管理系统的分析与设计[J].电脑知识与技术,2019,15(10):58-59.

[4]胥新政,强毅.基于JSP的常用金属材料标准检索平台开发设计[J].制造业自动化,2019,41(03):41-43+69.

[5]王祖维,南淮耀,张英.“互联网+”视域下的高校学生公寓管理系统设计与实现——以沈阳师范大学为例[J].现代商贸工业,2019,40(08):187-188.

[6]廖明华,齐攀.学生职业能力测评管理系统的设计与实现[J].广东交通职业技术学院学报,2019,18(01):48-52.

[7]李冬冬,刘华明,毕学慧,王秀友.旧衣申领系统的设计与实现[J].电脑知识与技术,2019,15(08):47-50.

[8]李庆年.“互联网+”视域下的人才招聘管理系统设计与实现[J].国际公关,2019(03):164-165.

[9]刘婷,彭焕峰,邵淑婷.基于云平台的高校监考管理系统[J].电脑知识与技术,2019,15(07):91-92.

[10]赵丙秀.基于百度AI平台的Web人脸注册和登录系统的实现[J].电脑知识与技术,2019,15(07):114-115.

[11]戴昭颖,尹涛.钢铁行业成本预算系统开发应用实践[J].电子技术与软件工程,2019(04):29-30.

[12]曹灿,刘志刚.基于SSH和Layui的工程科学前沿与实践系统[J].工业控制计算机,2019,32(02):91-92+96.

[13]谢路.基于Web的考务管理系统设计与实现[J].福建电脑,2019,35(01):136-137.

[14]张继东.MySQL数据库基于JSP的访问技术[J/OL].电子技术与软件工程,2017,(15):169(2017-08-03).

[15]韩思凡.Web开发中的JSP与HTML的基础应用[J].科学技术创新,2020(14):71-72.

[16]NastitiAndini,DaehaKim,JongAhnChun.Operationalsoilmoisturemodelingusingamulti-stageapproachbasedonthegeneralizedcomplementaryprinciple[J].AgriculturalWaterManagement,2020,231.

[17]A.D.Titisari,D.Phillips,I.W.Warmada,Hartono,A.Idrus.40Ar/39ArgeochronologyofthePongkorlowsulfidationepithermalgoldmineralisation,WestJava,Indonesia[J].OreGeologyReviews,2020,119.

[18]FranciscoOrtin,OscarRodriguez-Prieto,NicolasPascual,MiguelGarcia.HeterogeneoustreestructureclassificationtolabelJavaprogrammersaccordingtotheirexpertiselevel[J].FutureGenerationComputerSystems,2020,105.

[19]SatyaKrismatama,IndahRiyantini,IwangGumilar,LantunParadhitaDewanti.SelectivityofFishingGearforScomberomorusguttatus(Bloch&Schneider,1801)CommoditiesinPangandaranFishingGround,WestJava[J].AsianJournalofFisheriesandAquaticResearch,2020.

[20]ZhongXiangfu,PlaAlbert,RaynerSimon.Jasmine:aJavapipelineforisomiRcharacterizationinmiRNA-Seqdata[J].Bioinformatics,2020,36(6).