基于springboot+vue车辆充电桩管理系统
摘 要
随着信息化时代的到来，管理系统都趋向于智能化、系统化，车辆充电桩管理系统也不例外，但目前国内仍都使用人工管理，市场规模越来越大，同时信息量也越来越庞大，人工管理显然已无法应对时代的变化，而车辆充电桩管理系统能很好地解决这一问题，轻松应对车辆充电桩平时的工作，既能提高人力物力财力，又能加快工作的效率，取代人工管理是必然趋势。
本车辆充电桩管理系统以springboot作为框架，b/s模式以及MySql作为后台运行的数据库，同时使用Tomcat用为系统的服务器。本系统主要包括首页、个人中心、维修员管理、用户管理、电桩类别管理、充电桩管理、充电桩报修管理、维修回复管理、系统管理等功能，通过这些功能的实现基本能够满足日常车辆充电桩管理的操作。
本文着重阐述了车辆充电桩管理系统的分析、设计与实现，首先介绍开发系统和环境配置、数据库的设计，接着说明功能模块的详细实现，最后进行了总结。
**关键词：**车辆充电桩; springboot;MySql数据库;Tomcat;
Abstract
With the coming of information era, all tend to be intelligent, systematic
management system, vehicle charging management system is no exception, but at
present domestic still use manual management, the size of the market is more and
more big, at the same time, the amount of information is becoming more and more
big, the artificial management has clearly unable to cope with the changes of
The Times, and the vehicle charging pile management system can well solve the
problem, It can not only improve human, material and financial resources, but
also speed up the efficiency of work. It is an inevitable trend to replace
manual management.
The vehicle charging pile management system uses Springboot as the framework,
B/S mode and MySql as the background database, and Tomcat as the server of the
system. The system mainly includes the home page, personal center, maintenance
management, user management, electric pile category management, charge pile
management, charge pile repair management, repair response management, system
management and other functions. The realization of these functions can basically
meet the operation of daily vehicle charging pile management.
This paper focuses on the analysis, design and implementation of the vehicle
charging pile management system, first introduces the development system and
environment configuration, the design of the database, then explains the
detailed implementation of the functional module, and finally summarizes.
Key words: vehicle charging pile; springboot; MySql database; Tomcat;
目 录
第一章 绪论 6
1.1 研究背景 6
1.2 车辆充电桩管理系统的现状 6
1.3 系统实现的功能 6
1.4 车辆充电桩管理信息系统的特点 7
1.5 本文的组织结构 7
第二章 开发技术与环境配置 8
2.1 SpringBoot框架 8
2.2 Java语言简介 8
2.3 MySQL环境配置 9
2.4 MyEclipse环境配置 9
2.5 mysql数据库介绍 10
2.6 B/S架构 10
第三章 系统分析与设计 11
3.1 可行性分析 11
3.1.1 技术可行性 11
3.1.2 操作可行性 11
3.1.3经济可行性 11
3.2 需求分析 12
3.3 总体设计 12
3.4 数据库设计与实现 13
3.4.1 数据库概念结构设计 13
3.4.2 数据库具体设计 14
第四章 系统功能的具体实现 18
4.1 前台功能模块 18
4.1.1 首页功能 18
4.1.2 用户后台管理 19
4.2 后台功能模块 20
4.2.1 管理员功能 20
4.2.2 维修员功能 23
第五章 系统测试 25
总 结 26
参考文献 27
致 谢 28
第一章 绪论
1.1 研究背景
科学技术日新月异的如今，计算机在生活各个领域都占有重要的作用，尤其在信息管理方面，在这样的大背景下，学习计算机知识不仅仅是为了掌握一种技能，更重要的是能够让它真正地使用到实践中去，以创新的视角去不断方便人们的生活，推动对新知识的学习，培养自学能力，锻炼动手实践的本领。现代的车辆充电桩管理系统，也应该摆脱人工管理的模式，使用计算机技术来进行信息管理工作。所以本次系统设计的车辆充电桩管理结合了文字、图像，并能实现车辆充电桩管理的功能，这也是一般车辆充电桩管理的重要的要素。车辆充电桩管理系统经过几年的实践和总结正在往更深入的方向发展。由此，人们要改善系统功能迫在眉睫。随着科学技术的飞速发展，车辆充电桩管理系统也要不断完善其工作流程的繁杂性、多样化、管理复杂、收缴费用与设备维护繁琐等存在的问题。所以要通过计算机胜任车辆充电桩管理的工作，使车辆充电桩系统更加准确、方便及快捷。
因此，开发出一套高效率、低差错的车辆充电桩信息管理系统是十分必要。本系统主要目的是全面实现车辆充电桩管理系统数字化，管理员对于用户的所有信息能够全部掌握，而用户能够对自己的车辆充电桩信息能够有一个直观的了解。
1.2 车辆充电桩管理系统的现状
现如今，车辆充电桩管理的服务并不全面普及，就是尽管实行了车辆充电桩管理，但网站进行的管理力量远远不够，所以有很多车辆充电桩管理工作只停留在传统的服务状态。同时，因资金有限再加上也缺少专业水平的工作人员，所以车辆充电桩的管理手段较为落后，也就很难提高车辆充电桩的管理效率，同时也就不能很好的为市场的用户提供更为完善的服务。现在市场管理都是通过手动来进行管理记录及操作，不但麻烦琐碎，还经常出现错误，给广大用户带来很不便，同时也需要大量的人力、物力和财力，极大的浪费了车辆充电桩管理的资源。车辆充电桩管理网站是车辆充电桩管理行业的一个重要组成部分，随着车辆充电桩管理行业的快速发展，人们慢慢地来希望车辆充电桩管理系统能够提供更为合理及完善的车辆充电桩服务。现在，好的车辆充电桩管理也成为广大用户们选择车辆充电桩管理系统的关键。
1.3 系统实现的功能
本次设计任务是要设计一个车辆充电桩管理系统，通过这个系统能够满足车辆充电桩管理系统的管理功能。系统的主要功能包括首页、个人中心、维修员管理、用户管理、电桩类别管理、充电桩管理、充电桩报修管理、维修回复管理、系统管理等功能。
管理员可以根据系统给定的账号进行登录，登录后可以进入车辆充电桩管理系统对车辆充电桩所有模块进行管理。包括查看和修改自己的个人信息以及登录密码。
该系统为每一个用户都分配了一个用户账号，用户通过账号的登录可以在系统中查看车辆充电桩信息及对个人信息进行修改等功能。
1.4 车辆充电桩管理信息系统的特点
本系统提供给管理员对首页、个人中心、维修员管理、用户管理、电桩类别管理、充电桩管理、充电桩报修管理、维修回复管理、系统管理等诸多功能进行管理。本系统对于用户输入的任何信息都进行了一定的验证，为管理员操作提高了效率，也使其数据安全性得到了保障。
1.5 本文的组织结构
本文的组织结构如下：
1、绪论。综述了本文的研究背景，分析了车辆充电桩管理系统的结构；更好的从用户的角度出发，发现当今车辆充电桩管理中的不足，同时要指出本次系统中的特色。
2、对系统主要的使用技术，开发环境、环境配置的介绍。介绍了本次开发所用的系统开发环境MyEclipse，还介绍了Tomcat环境配置、springboot框架和MySql环境配置。
3、系统的设计与实现。介绍了开发车辆充电桩管理信息系统的思路并进行了需求分析，在需求分析的基础上进行了总体设计、详细设计以及数据库等相关方面介绍；该部分是全文的主旨。
4、系统功能模块具体实现。对开发中一些主要具体功能的实现进行描述。涉及到数据库、页面参数传递等相关知识。
5、对系统进行测试；
6、总结与展望。对整个论文及设计过程进行总结，指出系统设计过程的心得以及设计中存在的不足；后期还有待完善的地方等;包括致谢。
第二章 开发技术与环境配置
以Java语言为开发工具，利用了当前先进的springboot框架，以MyEclipse10为系统开发工具，MySQL为后台数据库，开发的一个车辆充电桩管理系统。
2.1 SpringBoot框架
SpringBoot是一个全新开源的轻量级框架。基于Spring4.0设计，其不仅继承了Spring框架原来有的优秀特性，而且还通过简化配置文件来进一步简化了Spring应用的整个搭建以及开发过程。另外在原本的Spring中由于随着项目的扩大导入的jar包数量越来越大，随之出现了jar包版本之间的兼容性问题，而此时SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性问题得到了很好的解决。
SpringBoot可以看做是Spring的加强版本，但实质上都是Spring的相关技术，有了这些优秀的开源框架，程序员在开发过程中将事半功倍。
2.2 Java语言简介
Java是由SUN公司推出，该公司于2010年被oracle公司收购。Java本是印度尼西亚的一个叫做爪洼岛的英文名称，也因此得来java是一杯正冒着热气咖啡的标识。Java语言在移动互联网的大背景下具备了显著的优势和广阔的前景，它是面向对象的，分布式的，动态的，具有平台无关性、安全性、健壮性。Java语言的基本语句语法和C++一样，但是它面向对象的技术更加彻底，因为Java要求将所有的内容都必须封装成类，把类作为程序的基本单位。由于不允许类外有变量、方法。
Java语言的分布式体现在数据分布和操作分布，它是面向网络的语言，可以处理TCP/IP协议，它也支持客户机/服务器的计算模式。Java语言的动态性是指类在运行时是动态安装的，使得Java可以动态的维护程序。Java不支持指针，对内存访问的所有操作都是通过对象实例化实现的，这样就避免了指针操作中易产生的错误，同时也预防了病毒对系统的破坏和威胁。
Java语言的编程风格与C语言非常接近，它继承了C++面向对象技术的核心，它面世之后发展迅速，非常流行，对高级C语言形成了很大的冲击。业内人士称之为“一次编译、到处执行”。当然java也有缺点，在每次执行编译后，字节码都需要消耗一定的时间，在某些程度上降低了性能。但是这并不影响java成为此次设计语言的选择。Java语言简单易学，使用它的编程时间短，功能性强，开发者学习起来更简便、更快。Java的主要特性有以下几个：
1.面向对象
面向对象有四个特点：封装、继承、多态、抽象。抽象是指忽略一个问题中的次要部分，关注主要部分。多态是指对同一种消息做出的不同反应。继承是指在原有的父类方法基础上增加自己独有的方法，而不改变原来父类。
2.平台无关性、
Java编译出来的是字节码，直接由虚拟机执行。在任何平台上，只要有Java虚拟机，Java代码都能运行。
3.可靠性和安全性
Java对内存的访问都必须通过对象的实例变量来实现，避免了指针中出现的错误。
- 多线程
Java提供了多线程功能，利用编程实现同一时间同时工作的功能。
2.3 MySQL环境配置
（1）本系统的数据使用的是MySQL,所以要将MySQL安装到指定目录，如果下载的是非安装的MySQL压缩包，直接解压到指定目录就可以了。然后点击C:\Program
Files\MySQL\bin\winMySQLadmin.exe这个文件其中C:\Program
Files\MySQL是MySQL安装目录。输入winMySQLadmin的初始用户、密码（注：这不是MySQL里的用户、密码）随便填不必在意，确定之后右下角任务的启动栏会出现一个红绿灯的图标，红灯亮代表服务停止，绿灯亮代表服务正常，左击这个图标->winnt->install
the service 安装此服务，再左击这个图标->winnt->start the service
启动MySQL服务。
（2）修改MySQL数据库的root密码。用cmd进入命令行模式输入如下命令:
cd C:\Program Files\MySQL\bin
MySQLadmin -u root -p password 123
回车出现Enter password: ，这是要输入原密码.
刚安装时密码为空,所以直接回车，此时MySQL 中账号 root 的密码被改为 123 安装完毕。
2.4 MyEclipse环境配置
安装完MyEclipse后选择myeclipse“Window->Preferences”
（1）配置myeclipse的jre为sun的jdk，不要用myeclipse的默认jdk：
选择“java->Installed JREs”,勾中里面的“jdk1.7”.
（2）配置编译的级别为6.0：
选择“Compiler->Compiler compliance level”的值为“6.0”。
（3）配置myeclipse的默认的文件编码格式为“UTF-8”：
选择“General->Workspace”，选中“Text file
encod”下面的“Other”，设置里面的值为“UTF-8”。
（4）去掉myeclipse的JSP的验证：
选择“MyEclipse->Validation”,将“Build”列的所有勾都给去掉,这样在编译时因为避免了jsp的验证，所以编译的速度会快很多.
2.5 mysql数据库介绍
利用MYSQL的数据独立性、安全性等特点，在软件项目中对数据进行操作，可以保证数据准确无误，并降低了程序员的应用开发时间。
MYSQL的特点是支持多线程，能方便的对系统资源充分利用，有效提高速度，还提供多种方式途径来对数据库进行连接；MYSQL的功能相对弱小、规模也小，但本系统要求不高，MYSQL完全可以满足本网站使用。
利用MYSQL建立系统数据库，不仅有利于数据处理业务的早期整合，还能利于发展后两种数据扩展的操作。
2.6 B/S架构
B/S结构是目前使用最多的结构模式，它可以使得系统的开发更加的简单，好操作，而且还可以对其进行维护。使用该结构时只需要在计算机中安装数据库，和一些很常用的浏览器就可以了。浏览器就会与数据库进行信息的连接，可以实现很多的功能，B/S结构是可以直接进行使用的，而且B/S结构在使用中极大的减少了工作的维护。基于B/S的软件，所有的数据库之间都是相互独立的，因此是非常安全的。因为基于B/S结构可以清楚的看到系统正在处理的业务，并且能够及时的让管理人员做出决策，这样就可以避免企业的损失。B/S结构的基本特点是集中式的管理模式，用户使用系统生成数据后，这些数据就可以存储到系统的数据库中，方便日后能够用到，这样就可以满足人们的所有的需求。
图2-1 B/S模式三层结构图
第三章 系统分析与设计
3.1 可行性分析
一个完整的系统，可行性分析是必须要有的，因为他关系到系统生存问题，对开发的意义进行分析，能否通过本网站来补充线下车辆充电桩管理模式中的缺限，去解决其中的不足等，通过对本网站，不仅能使工作量不断地减少，还能使工作和管理的效率更加高。所以开发该网站能实现更大的意义和价值，网站完成后，能否达到预期效果就要通过可行性分析，分析之后，决定此系统是否开发。该车辆充电桩管理系统的开发设计中，对技术、经济、操作方面进行了可行性分析；
3.1.1 技术可行性
本系统开发选择java语言，它被研究的目的就是在于能够为网页创建等可以看到的信息。随着移动互联网技术的不断发展和创新，java俨然已成为下一代互联网的Web标准。所以后台设计选择使用mysql数据库主要用来的建立和维护信息。对于前台开发要求应具备功能完善、易于操作等优点，后台数据库的要求则是能够建立和维护数据信息的统一性和完整性。
3.1.2 操作可行性
现在随着科技的飞速发展，计算机早已经进入了人们的日常生活中，人们的工作环境也不像以前有那么多的要求，需要员工一定要到公司办公，有的工作在家也可以完成。这使得人们的工作效益有了很大的提高。操作的多样性也变高了。因此，管理的计算机化，智能化是社会发展而带来的必然趋势，各种智能的软件层出不穷，不同的软件能完成用户不同的需求，这不仅提高了工作效率还能完成一些客户特定的一些需求。本系统不仅界面简洁明了还采用可视化界面，用户只要用鼠标和键盘就可以完成对相关信息的修改，删除，添加等操作。因为这个系统的操作十分简单，方便上手，对于第一次使用系统的人，只需要很少的时间就可以上手操作。由此可见，本系统在操作上是可行的。
3.1.3经济可行性
基于springboot的车辆充电桩管理系统，该网站软件开发仅需要一台普通的计算机便可完成实现开发，其成本很低。另外，作为毕业设计作品来讲，开发成本基本上可以忽略不计，且该系统软件的投入使用，可以实现更加快速高效的车辆充电桩管理，同时还能实现对人力资源和管理资源的有效节约，该车辆充电桩管理系统在经济上完全可行。
3.2 需求分析
利用springboot、Java、MyEclipse和mysql数据库等知识点，结合相关设计模式、以及软件工程的相关知识，设计一个车辆充电桩管理系统，来进行记录用户的信息，以及系统信息的增删改查的功能，根据实现需求，系统需完成这些基本功能：
（1）系统合理显示系统首页界面，管理员界面，用户界面和维修员界面等界面。
（2）管理员，用户和维修员所有的信息都保存与数据库中。
（3）对车辆充电桩信息能够进行查询、修改、删除、添加等操作。
3.3 总体设计
根据车辆充电桩管理系统的功能需求，进行系统设计。
前台功能：用户进入系统可以实现首页、充电桩、充电常识、个人中心、后台管理等功能进行操作；
后台由管理员和维修员，主要功能包括首页、个人中心、维修员管理、用户管理、电桩类别管理、充电桩管理、充电桩报修管理、维修回复管理、系统管理等功能；
系统对这些功能进行整合，产生的功能结构图如下：
图3-1 系统总体结构图
3.4 数据库设计与实现
在每一个系统中数据库有着非常重要的作用，数据库的设计得好将会增加系统的效率以及系统各逻辑功能的实现。所以数据库的设计我们要从系统的实际需要出发，才能使其更为完美的符合系统功能的实现。
3.4.1 数据库概念结构设计
数据库的E-R图反映了实体、实体的属性和实体之间的联系。下面是各个实体以及实体的属性。
用户注册实体属性图如下所示：
图3-2用户注册实体属性图
充电桩实体属性图如下所示：
图3-3充电桩实体属性图
3.4.2 数据库具体设计
根据E-R图，设计每张表的变量名，变量的类型及主键等如下。
表名3-1：配置文件
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| name | varchar | 100 | 配置参数名称 | ||
| value | varchar | 100 | 配置参数值 |
表名3-2：充电桩报修
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| dianzhuangbianhao | varchar | 200 | 电桩编号 | ||
| dianzhuangleibie | varchar | 200 | 电桩类别 | ||
| tupian | varchar | 200 | 图片 | ||
| suochuweizhi | varchar | 200 | 所处位置 | ||
| guzhangmiaoshu | longtext | 4294967295 | 故障描述 | ||
| yonghuzhanghao | varchar | 200 | 用户账号 | ||
| yonghuxingming | varchar | 200 | 用户姓名 | ||
| baoxiushijian | datetime | 报修时间 |
表名3-3：充电桩
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| dianzhuangbianhao | varchar | 200 | 电桩编号 | ||
| dianzhuangleibie | varchar | 200 | 电桩类别 | ||
| tupian | varchar | 200 | 图片 | ||
| shurudianya | varchar | 200 | 输入电压 | ||
| shuchugonglv | varchar | 200 | 输出功率 | ||
| shiyongfangshi | longtext | 4294967295 | 使用方式 | ||
| zhuyishixiang | longtext | 4294967295 | 注意事项 | ||
| suochuweizhi | varchar | 200 | 所处位置 | ||
| meishidanjia | float | 每时单价 |
表名3-4：用户
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| yonghuzhanghao | varchar | 200 | 用户账号 | ||
| yonghuxingming | varchar | 200 | 用户姓名 | ||
| mima | varchar | 200 | 密码 | ||
| xingbie | varchar | 200 | 性别 | ||
| nianling | int | 年龄 | |||
| lianxidianhua | varchar | 200 | 联系电话 |
表名3-5：维修员
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| weixiugonghao | varchar | 200 | 维修工号 | ||
| weixiuxingming | varchar | 200 | 维修姓名 | ||
| mima | varchar | 200 | 密码 | ||
| xingbie | varchar | 200 | 性别 | ||
| lianxidianhua | varchar | 200 | 联系电话 | ||
| shenfenzheng | varchar | 200 | 身份证 | ||
| jiatingzhuzhi | varchar | 200 | 家庭住址 |
表名3-6：维修回复
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| dianzhuangbianhao | varchar | 200 | 电桩编号 | ||
| dianzhuangleibie | varchar | 200 | 电桩类别 | ||
| tupian | varchar | 200 | 图片 | ||
| suochuweizhi | varchar | 200 | 所处位置 | ||
| yonghuzhanghao | varchar | 200 | 用户账号 | ||
| yonghuxingming | varchar | 200 | 用户姓名 | ||
| dengjishijian | datetime | 登记时间 | |||
| weixiugonghao | varchar | 200 | 维修工号 | ||
| weixiuxingming | varchar | 200 | 维修姓名 | ||
| weixiuzhuangtai | varchar | 200 | 维修状态 | ||
| weixiudengji | longtext | 4294967295 | 维修登记 |
表名3-7：用户表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| username | varchar | 100 | 用户名 | ||
| password | varchar | 100 | 密码 | ||
| role | varchar | 100 | 角色 | 管理员 | |
| addtime | timestamp | 新增时间 | CURRENT_TIMESTAMP |
表名3-8：token表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| userid | bigint | 用户id | |||
| username | varchar | 100 | 用户名 | ||
| tablename | varchar | 100 | 表名 | ||
| role | varchar | 100 | 角色 | ||
| token | varchar | 200 | 密码 | ||
| addtime | timestamp | 新增时间 | CURRENT_TIMESTAMP | ||
| expiratedtime | timestamp | 过期时间 | CURRENT_TIMESTAMP |
表名3-9：收藏表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| userid | bigint | 用户id | |||
| refid | bigint | 收藏id | |||
| tablename | varchar | 200 | 表名 | ||
| name | varchar | 200 | 收藏名称 | ||
| picture | varchar | 200 | 收藏图片 | ||
| type | varchar | 200 | 类型(1:收藏,21:赞,22:踩) | 1 | |
| inteltype | varchar | 200 | 推荐类型 |
表名3-10：充电常识
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| title | varchar | 200 | 标题 | ||
| introduction | longtext | 4294967295 | 简介 | ||
| picture | varchar | 200 | 图片 | ||
| content | longtext | 4294967295 | 内容 |
表名3-11：电桩类别
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
|---|---|---|---|---|---|
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| dianzhuangleibie | varchar | 200 | 电桩类别 |
第四章 系统功能的具体实现
4.1 前台功能模块
4.1.1 首页功能
车辆充电桩管理系统，用户进入到系统首页，可以查看首页、充电桩、充电常识、个人中心、后台管理等内容进行操作，如图4-1所示。
图4-1系统首页界面图
用户注册；在用户注册页面中输入用户账号、用户姓名、密码、确认密码、年龄、联系电话等内容进行用户注册操作；如图4-2所示。
图4-2用户注册界面图
充电桩；在充电桩页面中可以查看电桩编号、充电桩类别、输入电压、输出功率、使用方式、所处位置、每时单价、注意事项、图片、地图等内容；并进行报修或收藏操作；如图4-3所示。
图4-3充电桩界面图
个人中心；在个人中心页面中输入用户账号、用户姓名、密码、性别、年龄、联系电话等内容进行更新信息，并可以根据需要对我的收藏进行详细的操作管理，如图4-4所示。
图4-4个人中心界面图
4.1.2 用户后台管理
用户登录进入车辆充电桩管理系统可以对首页、个人中心、充电桩报修管理、维修回复管理等功能进行详细操作，如图4-5所示。
图4-5用户功能界面图
充电桩报修管理；在充电桩报修管理页面中可以查看索引、电桩编号、电桩类别、图片、气息位置、用户账号、用户姓名、报修时间等内容，并进行详情，修改和删除等操作；如图4-6所示。
图4-6充电桩报修管理界面图
4.2 后台功能模块
管理员和维修员登录，通过填写注册时输入的用户名、密码、选择角色等信息进行登录操作，如图4-7所示。
图4-7后台登录界面图
4.2.1 管理员功能
管理员登录进入车辆充电桩管理系统可以查看首页、个人中心、维修员管理、用户管理、电桩类别管理、充电桩管理、充电桩报修管理、维修回复管理、系统管理等功能进行详细操作，如图4-8所示。
图4-8管理员功能界面图
维修员管理；在维修员管理页面中可以查看索索引、维修工号、维修姓名、性别、联系电话、身份证、家庭住址等内容，并进行详情，修改和删除等操作；如图4-9所示。
图4-9维修员管理界面图
用户管理；在用户管理页面中可以查看索引、用户账号、用户姓名、性别、年龄、联系电话等内容，并进行详情，修改和删除等操作；如图4-10所示。
图4-10用户管理界面图
电桩类别管理；在电桩类别管理页面中可以查看索引、电桩类别等内容，并进行详情，修改和删除等操作；如图4-11所示。
图4-11电桩类别管理界面图
充电桩管理；在充电桩管理页面中可以查看索引、电桩编号、电桩类别、图片、输入电压、输出功率、所处位置、每时单价等内容，并进行详情，修改和删除等操作；如图4-12所示。
图4-12充电桩管理界面图
充电桩报修管理；在充电桩报修管理页面中可以查看索引、电桩编号、电桩类别、图片、所处位置、用户账号、用户姓名、报修时间等内容，并进行详情，修改和删除等操作；如图4-13所示。
图4-13充电桩报修管理界面图
维修回复管理；在维修回复管理页面中可以查看索引、电桩编号、电桩类别、图片、所处位置、用户账号、用户姓名、登记时间、维修工号、维修姓名、维修状态等内容，并进行详情，修改和删除等操作；如图4-14所示。
图4-14维修回复管理界面图
系统管理；在充电常识页面中可以查看索引，标题，图片等内容，并进行详情，修改和删除等操作；还可以对轮播图管理进行详细操作；如图4-15所示。
图4-15系统管理界面图
4.2.2 维修员功能
维修员登录进入车辆充电桩管理系统可以查看首页、个人中心、充电桩报修管理、维修回复管理等功能进行详细操作，如图4-16所示。
图4-16维修员功能界面图
充电桩报修管理；在充电桩报修管理页面中可以查看索引、电桩编号、电桩类别、图片、所处位置、用户账号、用户姓名、报修时间等内容，并进行详情或维修回复等操作；如图4-17所示。
图4-17充电桩报修管理界面图
维修回复管理；在维修回复管理页面中可以查看索引、电桩编号、电桩类别、图片、所处位置、用户账号、用户姓名、登记时间、维修工号、维修姓名、维修状态等内容，并进行详情，修改和删除等操作；如图4-18所示。
图4-18维修回复管理界面图
第五章 系统测试
系统测试是软件开发过程中最后一步，但也是不可或缺的重要的一步，没有人可以保证一次性编写完成的系统不会出错，而系统测试就是将自己开发的系统成为成品前的最后一步。在测试过程中需要进行严谨细致的测试，要尽可能全面地在不同情况下运行该系统，排除一切出现错误的可能。
系统测试不仅仅是发现系统潜在的BUG或错误，而更为重要的是为用户提供一个良好的体验和安全可使用的产品服务。而通过发现错误或潜在的问题，将有助于提升产品的竞争力，这也是软件测试的其中的重要目的之一。
软件测试的方法有好几种，但目前主要采用的是包括以功能为主要测试方向的黑盒测试以及以逻辑为主要测试方向的白盒测试，这是两种不同的测试方法，针对的测试侧重点不同，本课题根据实际需求情况，选择以功能为主要的黑盒测试方法，同时测试是要遵循一定的规则来执行的，一个测试要执行其执行的依据一般是由测试用例来规定的，而测试用例一般是依据需求或说明书来综合制定的，测试在硬件出厂前是十分重要的一个过程，本课题由于时间和精力的关系，选择以实现的功能作为测试要点来进行测试。具体测试过程如下：
测试用例1及测试过程：
登录：录入登录信息，账号，密码，权限，然后单击登录进行操作，会出现两种情况：一种情况是登录成功，进入用户相应的功能界面进行下一步操作；另一种情况是提示登录失败，系统会弹出一个对话框要求重新登录操作；
测试用例2及测试过程：
管理员登录：录入登录信息，管理员账号，密码，权限，然后单击登录进行操作，会出现两种情况：登录成功进入管理员具有权限的功能界面和提示登录失败。一种情况是登录成功，进入管理员界面进行下一步操作；另一种情况是提示登录失败，系统会弹出一个对话框要求重新登录操作；
