摘 要
在信息化时代的不断冲击下,停车系统与计算机技术的结合,开发一套“智慧停车系统”。该系统以Java编程语言、Mysql和MVVM等为开发技术,实现了添加、修改、查看、删除系统数据。本系统采取组件化的方式对系统进行拆分,并对数据库中各个表的增删查改、表与表之间的约束关系进行分析与设计,最终实现符合用户需求功能的商业级应用。该系统实现了智慧停车系统内部的各种工作流程计算机管理化,其中包括管理员的系统首页、用户管理(管理员、普通用户)更多管理(停车场信息、停车信息、缴费信息信息、汽车用品、购买订单、配送信息)等功能。
关键词:java技术;MySQL数据库;停车系统;
Springboot intelligent parking system
Abstract
Under the continuous impact of the information age, the combination of parking system and computer technology has developed a set of "intelligent parking system". The system takes Java programming language, MySQL and MVVM as development technologies to add, modify, view and delete system data. The system adopts the component-based way to split the system, and analyzes and designs the addition, deletion, query and modification of each table in the database, and the constraint relationship between tables, so as to finally realize the commercial application that meets the needs of users. The system realizes the computerized management of various work processes within the intelligent parking system, including the system home page of the administrator, user management (administrator, ordinary user) and more management (parking lot information, parking information, payment information, auto supplies, purchase order, distribution information) and other functions.
Keywords: Java technology; Mysql database; Parking system;
目 录
1 绪论
1.1研究背景
当前我国城市化进程加快,城市规模不断扩大,越来越多市民购买私家车,城市内部规划的停车场数量也随之增加。由于普通驾驶人员日常固定行驶范围限制,一但超出固定行驶区域,驾驶人员依然面对在不熟悉区域停车难,停车不方便的问题,造成大量隐蔽停车场空闲车位浪费以及车辆路边违章停放的现象。因此对包括北京、上海等大型城市多个城市内多个停车场进行统一管理,并且方便驾驶人员在手机上解决所有出行停车问题成为解决该现象的关键点。“互联网+”以及结合工业4.0提出的“中国制造2025”等相关的政策出台,标志着未来物联网、云计算、云平台、人工智能、虚拟现实、增值制造、机器人等关键行业将进入蓬勃发展阶段并在未来我国经济发展中扮演不可或缺的角色。在这一背景下,针对上述大城市停车问题以及关键点,结合最新技术发展趋势,文设计一套可应用于多城市多停车场的基于Springboot的智慧停车系统。
新型的智慧停车系统将信息技术、生活理念和电子技术等现代的高科技完美结合到一起,给人们提供的是一种使用方便、功能先进、操作简单的人性化系统。它以人为本,依靠高科技,采用人机图形化操作界面,提供给人一种更加安全、方便、舒适、开放、快捷和信息化、智能化的生活空间,大大的促进了人文环境的健康发展。
1.2研究内容
(1)首先是确定选题,确定好所要做的系统,并对系统的背景及现在面临的一些问题等进行系统的初步确认。
(2)系统确认完成后,结合系统开发的需求进行确认系统开发所使用的技术,智慧停车系统的开发使用Springboot框架,数据库进行平台的搭建开发,确认好使用的技术进行技术分析,所使用的技术是否可以完成系统的实现。
(3)确定好系统使用的技术,进行在线确认系统所划分的用户角色,并且根据用户角色划分确定所要设计的功能模块,对智慧停车系统的设计主要划分别为管理员和用户角色,并所使用的功能模块也相应不同,但是系统的数据库实现的内容是交互的,用户可以随时根据自己的需求进行停车信息查看,对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作,管理员获取到所有用户的详细数据信息,并根据需求进行第一时间处理解决。
(4)系统的功能模块确认完成后进行程序及界面的设计,设计完成后,并且通过测试来判断程序是否完善,对于系统测试,需要不同的用户进行不同的内容编辑及提交,及使用不同的测试方式找出程序中存在的漏洞,并对程序出现的漏洞问题进行在线解决处理,如果测试系统没有任何问题时,可以将系统上传进行正式操作使用。
1.3本文的组织结构
六个章节共同组成了本文研究及设计内容,包括:
第一章:绪论。本文章的开头部分,对本题目的研究背景和研究意义等一些做文字性的描述。
第二章:相关技术介绍。主要介绍Springboot框架、Java嵌入式脚本语言、B/S模式等。
第三章:系统分析。包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。
第四章:系统设计。本文章的重要部分,提供了系统架构的详细设计和一些主要功能模块的设计说明。
第五章:系统实现。将本系统分为前提的开发工具介绍和后期的功能代码实现。
第六章:系统测试。系统完成后,根据各个模块的测试用例才对各个模块进行功能测试。
2 相关技术介绍
2.1 开发技术
本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信,Element UI组件库使页面快速成型。后端部分:采用springboot作为开发框架,同时集成MyBatis、Redis等相关技术。
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.3 B/S结构
在系统的开发上采用了B/S结构,在B/S结构中,统一采用浏览器,而不需要去开发任何的用户界面,Web浏览器向处理它的Web服务器发送请求,并一步一步地将处理结果返回给客户端。B/S结构主要采用了各种脚本语言和ActiveX技术,降低了系统的开发难度并简化了系统维护以及使用。
B/S结构有如下特点:B/S结构建立在广域网上,不需要专门为其配置硬件环境,比C/S结构的适应范围更强;由于其基于广域网,所以其对安全的控制能力相对较弱;B/S的多种结构要求构造相对独立的函数,这样才能可以更好地重用;B/S结构组成简单,便于对个别构件进行更换,降低了系统的维护成本B/S信息流向与C/S不同,B/S信息流向可变化。
2.4 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.5 MySQL数据库
MySQL 经过多次的更新,功能层面已经非常的丰富和完善了,从MySQL4版本到5版本进行了比较大的更新,在商业的实际使用中取得了很好的实际应用效果。最新版本的MySQL支持对信息的压缩,同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新,数据库自身的镜像功能也得到了很大的增强,运行的流畅度和易用性方面有了不小的进步,驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化,能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心,同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新,增加了两个非常使用的显示区,一个是信息区,对表格和文字进行了分类处理,界面的显示更加清爽和具体。第二是仪表的信息控件,能在仪表信息区进行信息的显示,同时还能进行多个信息的比对,为用户的实际使用带来了很大的便捷。
针对本文中设计的智慧停车系统在实际的实现过程中,最终选择MySQL数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作,而且数据的安全性要求也是非常的高。综合这些因素,最终选择安全性系数比较高的MySQL来对智慧停车系统后台数据进行存储操作。
2.6 Vue.js 主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能驱动复杂的单页应用。
3 系统分析
3.1可行性分析
开发任何一个系统,都要对其可行性进行分析,对其时间和资源上的限制进行考虑,这样可以减少系统开发的风险。同时,分析之后不仅能够合理的运用人力,还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。
3.1.1技术可行性
技术可行性主要考虑当前项目所用的技术是否能够符合,在设备上是否能够满足,及各种辅助工具是否提供帮助。本系统用的是java开发语言,调试相对简单,当前的计算机硬件配置也完全能满足开发的需求,因此在技术上是绝对可行的。软件方面:由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低,完全能满足系统的需求。采用java编程语言,已无技术上的问题。
3.1.2经济可行性
系统所采用的springboot开发平台和MySQL后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式,也是选用了成本较低的B/S模式,所以经济上几乎没任何问题。
3.1.3社会可行性
本系统是自行开发的系统,以方便高效管理停车场为出发点,是具有实际意义的系统,开发的环境软件和用到的数据库也都是开源代码,不存在侵权等问题,所以在社会方面也是可行的。
3.2系统功能需求
用户用例图如下所示。
![](https://i-blog.csdnimg.cn/direct/e2d479dc009b418ab9f2f6ab1a496685.png)
图3-1 用户用例图
管理员用例图如下所示。
![](https://i-blog.csdnimg.cn/direct/1a29704358994046a903ab30b79d4323.png)
图3-2 管理员用例图
3.3系统性能需求
评判一个系统好坏的一项重要指标就是性能,下面是对此系统的一些性能进行阐述。
1.系统的安全性和稳定性: 智慧停车系统在管理权限上有着严格的控制,即想登录此平台进行操作,则必须要有操作权限,没有权限的用户是不可能登录平台查看任何的信息和数据,从而确保了系统的安全性。
2.数据的完整性和准确性:第一个是各项记录信息的完整性,信息记录的内容可以为空;第二个是各项信息数据之间相互联系的准确性;第三个是数据在不同记录信息的一致性
3.用户操作系统简单方便
在系统开发中按照“简单易用”的原则,能够使用户对系统的使用一目了然,既能保证用户使用,同时又能保证维护人员方便维护。
3.4数据流程分析
在分析了系统的业务流程之后,就要分析系统的数据流,为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具,容易理解,容易在开发和用户方之间进行交流,以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。
系统的顶层数据流图如下图所示。
![](https://i-blog.csdnimg.cn/direct/48f2a15b38814679a1efe2faa6f92327.png)
图3-2系统数据流图(顶层)
根据系统的业务流程,用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的,根据系统管理员业务流程,管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。
系统的底层数据流图如下图所示。
![](https://i-blog.csdnimg.cn/direct/bfb3e1db9bc24ec3bcce04d992deaa56.png)
图3-3系统数据流图(底层)
4 系统设计
4.1系统架构设计
MVC 是指 Model、View 和 Controller,翻译成中文分别是模型层、视图层和控制层。MVC 模式是一种设计模式,它强制性的把应用程序的输入、输出和处理全部分开,将其分为三个核心部分,这三个部分分别有不同的功能。
![](https://i-blog.csdnimg.cn/direct/2465c47b962f49da8c21b1c88055f213.png)
图4-1系统架构图
视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据,并接收用户输入的数据,但对用户数据不进行任何实际业务操作处理。
模型层通过控制层来处理视图层传递的数据,同一个模型可以给不同的视图提供数据,也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为,其也是 MVC 中逻辑最为复杂,代码量最多的部分,其中包含了许多应用中需要用到的业务逻辑,因此模型层的开发也变得尤为重要,后期一般不会对模型层进行大规模改动,也是 MVC 中最稳定的部分。
控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时,控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求,处理完成后,控制层再将数据返回给相应的视图。
4.2总体结构设计
根据对系统的功能进行分析可以总结智慧停车系统的具体功能模块包括下面的几个主要的功能模块:该系统主要从两大模块进行设计的,首先就是用户参与操作需要的模块,此外还需要有管理员用到的模块,两者之间不是互相独立的,他们之间有着密切的联系,同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库,但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上,系统模块分为多个模块。用户含有的功能有注册,登录,信息搜索,首页、用户管理(管理员、普通用户)更多管理(车位信息、停车场信息、缴费信息、汽车用品、购买订单、配送信息)管理等功能。
系统的功能结构图如下图所示。
![](https://i-blog.csdnimg.cn/direct/4f69786babb74acc9506d72f83898f57.png)
图4-2系统功能结构图
4.3功能模块设计
4.3.1用户模块
用户模块主要实现用户的注册、登录、首页、更多管理(停车场、停车信息、缴费信息、汽车用品)等功能。
用户注册:用户通过账号注册得到用户名和密码。
用户登录:用户在被管理员添加成功后,通过管理员提供的用户名、密码和输入验证码进行登录,操作非常简单。
个人资料管理:用户根据用户ID修改当前ID的一些属性的值。
修改个人登录密码:用户登录智慧停车系统后可以自己修改自己的密码。
缴费信息:显示车主用户的停车缴费信息操作。
停车信息:用户可以查看车辆停车信息。
汽车用品:用户可以查看汽车用品信息以及进行购买。
4.3.2管理员模块
管理员模块是本系统重要开发部分,它的使用对象是系统管理员,在进入管理员模块前,需要输入正确的用户姓名、密码和验证码,才能进入管理员模块。界面右上方有退出系统按钮,点击可退出管理员模块界面。
系统用户管理:管理员添加、管理、查询管理员信息并有修改他们密码的权限。
注册用户管理:管理员管理已注册的用户,审核刚注册的用户,修改用户的基本信息。
停车信息管理:管理员录入停车信息,跳转至添信息录入页面,填写停车信息,提交后,停车信息存储数据库的停车信息表中,包括:停车场、停车场编号、所在位置、收费价格、停车车位、占用车位、停车时间等信息。
4.4数据库设计
4.4.1概念设计
E-R图一般是由实体、实体的属性与联系三个要素组成的。在规划系统中所使用的数据库实体对象及实体E-R图,则需要通过对系统的需求分析、业务流程设计和系统功能结构来确定的。
总体ER图如下图所示。
![](https://i-blog.csdnimg.cn/direct/2a35750c1fee426bb06b5459abb1f658.png)
图4-3总体ER图
4.4.2逻辑设计
将实体属性模型转换为关系数据库应该遵循以下几个原则:
1.一个实体转换后要对应一个关系。
2.所有的主键必须要定义为非空(not null)。
3.针对二元联系也应该按照一对多、弱对实、一对一和多对多等联系来定义外键。
得到数据库的关系后,设计如下表结构。
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
ordinary_users_id | int | 11 | 是 | 是 | 普通用户ID |
user_name | varchar | 64 | 否 | 否 | 用户姓名 |
user_gender | varchar | 64 | 否 | 否 | 用户性别 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
user_id | int | 11 | 是 | 否 | 用户ID |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
distribution_information_id | int | 11 | 是 | 是 | 配送信息ID |
trade_name | varchar | 64 | 否 | 否 | 商品名称 |
purchase_quantity | varchar | 64 | 否 | 否 | 购买数量 |
purchase_user | int | 11 | 否 | 否 | 购买用户 |
user_name | varchar | 64 | 否 | 否 | 用户姓名 |
user_mobile_phone | varchar | 64 | 否 | 否 | 用户手机 |
receiving_address | varchar | 64 | 否 | 否 | 收货地址 |
distribution_status | varchar | 64 | 否 | 否 | 配送状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
parking_information_id | int | 11 | 是 | 是 | 停车信息ID |
parking_lot | varchar | 64 | 否 | 否 | 停车场 |
parking_lot_number | varchar | 64 | 否 | 否 | 停车场编号 |
location | varchar | 64 | 否 | 否 | 所在位置 |
charge_price | varchar | 64 | 否 | 否 | 收费价格 |
parking_stall | varchar | 64 | 否 | 否 | 停车车位 |
occupied_parking_space | varchar | 64 | 否 | 否 | 占用车位 |
parking_duration | datetime | 0 | 否 | 否 | 停车时间 |
parking_user | int | 11 | 否 | 否 | 停车用户 |
user_name | varchar | 64 | 否 | 否 | 用户姓名 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
parking_lot_information_id | int | 11 | 是 | 是 | 停车场信息ID |
parking_lot | varchar | 64 | 否 | 否 | 停车场 |
parking_lot_number | varchar | 64 | 否 | 否 | 停车场编号 |
location | varchar | 64 | 否 | 否 | 所在位置 |
charge_or_not | varchar | 64 | 否 | 否 | 是否收费 |
parking_lot_cover | varchar | 255 | 否 | 否 | 停车场封面 |
remaining_parking_spaces | int | 11 | 否 | 否 | 剩余车位 |
charge_price | int | 11 | 否 | 否 | 收费价格 |
hits | int | 11 | 是 | 否 | 点击数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
payment_information_id | int | 11 | 是 | 是 | 缴费信息ID |
parking_lot | varchar | 64 | 否 | 否 | 停车场 |
parking_lot_number | varchar | 64 | 否 | 否 | 停车场编号 |
location | varchar | 64 | 否 | 否 | 所在位置 |
charge_price | varchar | 64 | 否 | 否 | 收费价格 |
parking_stall | varchar | 64 | 否 | 否 | 停车车位 |
occupied_parking_space | varchar | 64 | 否 | 否 | 占用车位 |
parking_duration | datetime | 0 | 否 | 否 | 停车时间 |
delivery_time | datetime | 0 | 否 | 否 | 出库时间 |
total_time | int | 11 | 否 | 否 | 共计用时 |
parking_fee | varchar | 64 | 否 | 否 | 停车费用 |
parking_user | int | 11 | 否 | 否 | 停车用户 |
user_name | varchar | 64 | 否 | 否 | 用户姓名 |
pay_state | varchar | 16 | 是 | 否 | 支付状态 |
pay_type | varchar | 16 | 否 | 否 | 支付类型 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
purchase_order_id | int | 11 | 是 | 是 | 购买订单ID |
trade_name | varchar | 64 | 否 | 否 | 商品名称 |
commodity_classification | varchar | 64 | 否 | 否 | 商品分类 |
commodity_price | varchar | 64 | 否 | 否 | 商品价格 |
purchase_quantity | int | 11 | 否 | 否 | 购买数量 |
total | varchar | 64 | 否 | 否 | 合计 |
purchase_user | int | 11 | 否 | 否 | 购买用户 |
user_name | varchar | 64 | 否 | 否 | 用户姓名 |
user_mobile_phone | varchar | 64 | 否 | 否 | 用户手机 |
receiving_address | varchar | 64 | 否 | 否 | 收货地址 |
pay_state | varchar | 16 | 是 | 否 | 支付状态 |
pay_type | varchar | 16 | 否 | 否 | 支付类型 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
5 系统实现
5.1数据库连接模块的实现
从web系统查询数据的根本的查询步骤:
Step1: 进行检查并且过滤来自用户的系统数据;
Step2: 成立起一个合适的数据库进行连接;
Step3: 进行查询系统数据库;
Step4: 获得查询的结构;
Step5: 把查询的结果展示给用户。
Step6: 数据库连接断开,释放资源。
数据库连接原理如下图所示。
![](https://i-blog.csdnimg.cn/direct/f98277e543884a1dabbe5fa52e0cc8bd.png)
图5-1数据库连接原理
5.2登录模块的实现
为确保系统安全性,系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码,单击“登录”按钮后才能够进入本系统的主界面。
用户登录流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/f81e14ca3cf54ada92bf27b32d3ec553.png)
图5-2用户登录流程图
登录界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/0e014e871c0c4774bb3d57ba84e11160.png)
图5-3登录界面
登录界面关键代码如下所示。
/**
* 登录
* @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, "账号或密码不正确");
}
}
5.3用户模块的实现
5.3.1注册模块的实现
用户输入用户名、密码、电话、姓名等必填信息后,点击注册按钮完成用户的注册。
用户注册流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/c5a605501e574082a751b6fc771e2822.png)
图5-4用户注册流程图
用户注册界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/9ee5278a965f4b37b2384df8a499e9aa.png)
图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;
}
5.3.2停车场信息模块的实现
用户点击停车场信息进入详细页,可以查询停车场位置以及是否收费等信息,管理员管理停车场信息。
停车场信息流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/7bbacf0211434cdc9e5d5cd7dfe7dcd9.png)
图5-6停车场信息流程图
停车场信息界面如图所示。
![](https://i-blog.csdnimg.cn/direct/6b827be3f918415fa3a24a3d4259e554.png)
图5-7停车场信息界面
停车信息提交界面如图所示。
![](https://i-blog.csdnimg.cn/direct/7c54673e9e274f12834516f79c658b7f.png)
图5-8停车信息提交界面
停车场信息界面逻辑代码如下:
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}
5.4管理员模块的实现
5.4.1用户管理模块的实现
系统用户管理主要是对新用户的添加和旧用户的删除。新用户的添加主要是指添加用户名称并确定其密码;旧用户的删除也是从下拉菜单中找到对应的用户名称将其删除。不论是新用户添加还是旧用户的删除,这个权限只有管理员具有。
用户管理流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/72c5e970219049cc8cf7e42959fa10b7.png)
图5-9用户管理流程图
用户管理界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/c2887b98622b4c42b9693c4c7985653f.png)
图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();
}
5.4.2密码修改模块的实现
密码修改是对当前登录用户的密码进行修改,在管理员登录页面后右上方也能进行密码修改。
密码修改流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/ebe21dbe7c8640918f0c92b91f1f7fdd.png)
图5-11密码修改流程图
密码修改界面如图所示。
![](https://i-blog.csdnimg.cn/direct/c15a4bb2ef2947349f657f8482d03fb8.png)
图5-12修改密码界面
5.4.3汽车用品管理模块的实现
如果汽车用品信息需要修改,管理员可以通过查询汽车用品的基本信息来查询,查询汽车用品是通过ajax技术来进行查询的,需要传递汽车用品名称、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息,如果选中了超过一条数据,页面会挑一个窗口提醒只能选择一条数,如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候,后台会根据传过来的id到数据库查询,并将结果返回到修改页面中,可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中,就是说如果提交的数据库中存在就修改,否则就保存。
汽车用品管理界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/4154037b54734c3ca4eb122f06b4629f.png)
图5-13汽车用品管理界面
6 系统测试
6.1测试概述
软件测试是软件开发完成后必须经过的一道程序,它在软件开发过程中地位十分重要,需要由专业的测试工程师来对软件进行各方面的测试,大到功能模块测试,小到代码的单元测试,这对测试工程师来说需要有足够的耐心和专业的测试方案,软件测试归根结底就是对软件的结构和功能的综合测评,需要做到结构稳定和功能正确,二者兼顾。软件测试也叫寻找系统bug的过程,世界上没有完美无缺、不存在bug的软件,只能将软件的bug降到最低最小,来追求极致。
6.2测试目标
系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性,降低软件的出错率,降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改,使之更加符合用户需求。
1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。
2.好的测试方案是可以检验出还未被发现的错误的方案。
3.好的测试是发现了到目前为止还未被发现的错误的测试。
4.该系统能够完成车位信息、停车场信息、汽车用品、购买订单、配送信息等功能,做到所开发的系统操作简单,尽量使系统操作不受用户对电脑知识水平的限制。
6.3功能测试
下表是系统登录功能测试用例,检测了用户名和密码的不同的输入情况,观察系统的响应情况。得出该功能达到了设计目标。
表6-1 系统登录功能测试用例
功能描述 | 用于系统登录 | |
测试目的 | 检测登录时的合法性检查 | |
测试数据以及操作 | 预期结果 | 实际结果 |
输入的用户名和密码带有非法字符 | 提示用户名或者密码错误 | 与预期结果一致 |
输入的用户名或者密码为空 | 提示用户名或者密码错误 | 与预期结果一致 |
输入的用户名和密码不存在 | 提示用户名或者密码错误 | 与预期结果一致 |
输入正确的用户名和密码 | 登录成功 | 与预期结果一致 |
下表是注册功能测试用例,检测了各种数据的输入情况,观察系统的响应情况。得出该功能达到了设计目标。
表6-2 注册功能测试用例
功能描述 | 用于用户注册 | |
测试目的 | 检测用户注册时的合法性检查 | |
测试数据以及操作 | 预期结果 | 实际结果 |
输入的手机号不合法 | 提示请输入正确的手机号码 | 与预期结果一致 |
输入的字段为空 | 提示必填项不能为空 | 与预期结果一致 |
输入的密码少于6位 | 提示密码必须为6-12位 | 与预期结果一致 |
输入的密码大于12位 | 提示密码必须为6-12位 | 与预期结果一致 |
下表是汽车用品管理功能的测试用例,检测了汽车用品管理中对汽车用品信息的增加,删除,修改,查询操作是否成功运行。观察系统的响应情况,得出该功能也达到了设计目标,系统运行正确。
前置条件;用户登录系统。
表6-3 汽车用品管理的测试用例
功能描述 | 用于汽车用品管理 | |
测试目的 | 检测汽车用品管理时的各种操作的运行情况 | |
测试数据以及操作 | 预期结果 | 实际结果 |
点击添加汽车用品,必填项合法输入,点击保存 | 提示添加成功 | 与预期结果一致 |
点击添加汽车用品,必填项输入不合法,点击保存 | 提示必填项不能为空 | 与预期结果一致 |
点击修改汽车用品,必填项修改为空,点击保存 | 提示必填项不能为空 | 与预期结果一致 |
点击修改汽车用品,必填项输入不合法,点击保存 | 提示必填项不能为空 | 与预期结果一致 |
点击删除汽车用品,选择汽车用品删除 | 提示删除成功 | 与预期结果一致 |
点击搜索汽车用品,输入存在的汽车用品名 | 查找出汽车用品 | 与预期结果一致 |
点击搜索汽车用品,输入不存在的汽车用品名 | 不显示汽车用品 | 与预期结果一致 |
下表是停车信息管理功能的测试用例,检测了停车信息管理中停车信息单的操作是否成功运行。观察系统的响应情况,得出该功能也达到了设计目标,系统运行正确。
前置条件;用户登录系统。
表6-5 停车信息管理的测试用例
功能描述 | 用于停车信息管理 | |
测试目的 | 检测停车信息管理时各种操作的情况 | |
测试数据以及操作 | 预期结果 | 实际结果 |
未选择车位,点击提交 | 提示请选择车位 | 与预期结果一致 |
未选择时间,点击提交 | 提示请选择时间 | 与预期结果一致 |
6.4测试结果
根据以上测试情况,测试结果如下表所示。
表6-1测试结果表
测试项目 | 测试结果 |
登录测试 | 成功 |
修改密码测试 | 成功 |
留言测试 | 成功 |
停车场信息测试 | 成功 |
车位信息测试 | 成功 |
用户管理测试 | 成功 |
缴费信息测试 | 成功 |
7 总结与展望
本研究针对智慧停车系统地需求建模,数据建模及过程建模分析设计并实现智慧停车系统的过程。给出系统应用架构并分析优劣势,通过功能分解图,系统组件图描述功能需求。设计建立了数据库,给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系,给出各个类的定义方法。通过描述每一个类的字段,属性及方法实现智慧停车系统的前后端代码。最终给出系统集成整合方法,完成智慧停车系统地设计与实现。
在此项目的开发中,先要按照产品经理做出的产品模型铺出大体的页面,并在其中找好页面的逻辑关系,并且中途总结一些页面上的问题重新反馈给产品经理,当静态页面的搭建的大体已经完善时,就需要和负责后台开发的技术开发者联系,来接好前后台的数据接口,可以让后台的信息在前台显示出来,在这个项目实现中,不光明白了前端开发和产品经理的联系,也明白了后台在整个系统中起到了什么作用,因为前后台的连接,用户可以对系统进行操作,可以在输入自己的相关信息后,通过后台加工,完成对数据库的查找、修改、添加,而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建,在学校所学的知识基础上,此次的项目,让我对于一个系统的前端开发,以及后台的作用都有了一个更深切的认知。
参考文献
[1]周苏,李伟嘉,郭军华.基于激光雷达的停车场车辆定位算法[J].同济大学学报(自然科学版),2021,49(07):1029-1038.
[2]肖广兵,王蓝仪,孙宁,季淦,张涌.基于车路协同的地下停车场车辆定位算法发散性研究[J].计算机应用研究,2021,38(02):530-533.
[3]周伟江.基于UWB的地下停车场车辆定位系统设计与实现[J].电子制作,2021(02):10-12.
[4]郭展宏,马殷元,杨志雄,郭夜啼.改进Dijkstra算法在停车场车辆泊车路径搜索中的应用[J].传感器与微系统,2020,39(06):158-160.
[5]王晓丽.基于RFID、CAN总线的停车场车辆出入管理系统设计[J].中国新技术新产品,2019(20):11-12.
[6]甘家华,毛新华,赵京.考虑动态交通流的停车场车辆最优疏散模型[J].西南交通大学学报,2021,56(01):123-130.
[7]苟坤炎,韩利凯.基于web智慧停车系统的设计与实现[J].电子世界,2019(18):193-194.
[8]郭展宏,马殷元,郭夜啼.基于物联网的地下停车场车辆引导系统[J].西华大学学报(自然科学版),2019,38(05):89-93.
[9]罗贤珊. 基于Android的城市智能停车APP设计与研究[D].昆明理工大学,2019.
[10]刘平,刘雨濛.物联网智能车辆管理系统的实现[J].科技与创新,2018(16):115-116.
[11]周发源. 基于ASP.NET的停车场车位管理系统的设计与实现[D].山东大学,2018.
[12]张衡. 基于J2EE平台的智能停车系统设计与实现[D].大连理工大学,2018.
[13]单洪伟,费琳琳.基于ZigBee无线定位技术的停车场管理系统设计与实现[J].信息与电脑(理论版),2018(16):60-61.
[14]于尚为. 基于知识发现的停车场车辆管理和稽查系统研究[D].复旦大学,2018.
致谢
在此论文完成之际,感谢我的指导老师。在指导老师的网页设计课上,当时我学到了很多东西,这对于我实习过程中也打了一定的基础,而且指导老师对于我的设计也提出许多建议,并予以悉心的指导,对于一些细小的问题都耐心的指导我去完善,授予我写论文的心得,时常的鼓励我,另外感谢教导我完善此项目的前端同学,对于这个项目,我是边学习边实现完成的,有许多东西开始并不是很明白,但前端开发的同学非常耐心的引导我去将这个项目完成,在系统的后端开发中,所用到的后台开发技术也时常会给我讲解,助于我更好的将论文完成,在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢,祝事业有成。