目  录

摘要

1 绪论

1.1 选题背景

1.2国内外研究现状

1.3研究意义

1.4研究目的

2 开发环境及相关技术介绍

2.1 JavaWeb技术

2.2 MySQL数据库

2.3 MVC模式

2.3 B/S架构

3 共享充电宝管理系统系统分析

3.1 可行性分析

3.1.1 技术可行性分析

3.1.2 经济可行性分析

3.1.3 法律可行性分析

3.2 系统功能分析

3.2.1 功能性分析

3.2.2 非功能性分析

3.3 系统用例分析

3.4 系统业务流程分析

4 共享充电宝管理系统总体设计

4.1 系统功能模块设计

4.1.1总体功能模块设计

4.1.2用户模块设计

4.1.3 评论管理模块设计

4.1.4租赁中心管理模块设计

4.1.5租赁申请管理模块设计

4.1.6新闻资讯管理模块设计

4.2 数据库设计

4.2.1 数据库概念结构设计

4.3.2 数据库逻辑结构设计

5 共享充电宝管理系统实现

5.1开发环境与开发工具

5.2前台用户功能模块

5.2.1 前台首页界面

5.2.2 用户注册界面

5.2.3 用户登录界面

5.2.4新闻资讯界面

5.2.5租赁中心界面

5.2.6我的账户界面

5.2.7个人中心界面

5.3后台功能模块

5.3.1维修员后台管理界面

5.3.2系统用户界面

5.3.3租赁中心管理界面

5.3.4 充电宝类型管理界面

5.3.5系统管理界面

5.3.6资源管理界面

6系统评估与测试

6.1 系统测试目的

6.2 系统测试方法

6.3 系统测试用例

6.4 系统测试结果

7 总结与展望

参考文献

致  谢

摘要

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

本设计主要实现集人性化、高效率、便捷等优点于一身的共享充电宝管理系统，完成系统用户、租赁中心管理、报修申请管理、维修信息管理、租赁申请管理、租赁订单管理、归还订单管理、充电宝类型管理、系统管理、系统公告管理、资源管理等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。共享充电宝管理系统使用Java语言，采用前后端分离的架构设计，选用SpringBoot和Vue作为开发框架，使用MyEclipse编译器编写。数据存储方面，可以选择微软的MySQL关系型数据库作为数据存储媒介。同时，配合前台的HTML+CSS技术，完成系统的开发。通过科学的管理方式和便捷的服务，该共享充电宝管理系统可以提高工作效率，减少数据存储上的错误和遗漏。它将成为一个高效且方便使用的工具，为充电宝运营商和用户提供了更好的充电宝使用体验。

关键词：Java；SpringBoot框架；Vue.js；共享充电宝管理系统

Abstract

The rapid development of technological progress has caused tremendous changes in people's daily lives, and the rapid development of electronic information technology has popularized and applied the application level of electronic information technology in various fields. The arrival of the information age has become an unstoppable fashion trend, and the history of human development is entering a new era. In practical applications, the working rules and development steps of application software are used to build a shared power bank management system using SpringBoot and Vue technology.

This design mainly implements a shared power bank management system that combines the advantages of humanization, high efficiency, and convenience. It completes functional modules such as system user, rental center management, repair application management, maintenance information management, rental application management, rental order management, return order management, power bank type management, system management, system announcement management, and resource management. The system communicates with the server through a browser to achieve data exchange and change. This system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services. The shared power bank management system uses Java language, adopts a front-end and back-end separation architecture design, uses SpringBoot and Vue as development frameworks, and is written using the MyEclipse compiler. In terms of data storage, Microsoft's MySQL relational database can be chosen as the data storage medium. At the same time, cooperate with the front-end HTML+CSS technology to complete the system development. Through scientific management methods and convenient services, the shared power bank management system can improve work efficiency and reduce errors and omissions in data storage. It will become an efficient and convenient tool, providing a better experience for power bank operators and users.

Keywords: Java; SpringBoot framework; Vue.js; Shared power bank management system

1 绪论

1.1 选题背景

随着智能手机的普及，充电宝作为终端耗电设备的重要补充，已经成为现代生活中不可或缺的一部分。由于互联网技术的飞速发展，共享充电宝行业的信息量也大大增加，对管理者和用户来说，高效地管理和使用共享充电宝变得更加重要。其中管理者和用户需要获取大量信息，包括充电租借、归还、管理等。然而，目前存在的信息管理系统并不十分完善，使得获取全面的信息变得困难。即使能够找到相关信息，也很难区分其真实性和权威性。许多信息源不够可靠，甚至存在虚假信息。此外，充电宝管理和使用信息存在于多个不同的渠道中，如网站、小程序、社交媒体等。这使得管理者和用户很难将这些信息有效整合，也难以进行有效的信息交流。

因此，建立一个基于SpringBoot+Vue的共享充电宝管理系统，能够为管理者和用户提供一个集中管理和使用信息的平台，这个系统可以满足管理者对充电宝管理的需求，同时也帮助用户更方便地获取充电宝信息和使用服务。通过这个平台，管理者可以更好地管理和维护充电宝，而用户则可以更容易地找到并使用充电宝。

1.2国内外研究现状

共享充电宝是近年来兴起的一种共享经济模式，它解决了人们在外出使用移动设备时电池不足的问题。随着智能手机和其他便携设备的普及，共享充电宝市场逐渐壮大。

在国内共享充电宝非常火热，众所周知，中国人有非常深的“手机依赖症”。其实，并不是只有中国人有“手机依赖症”，外国人同样痴迷于玩手机，但目前共享充电宝市场在国外基本上还是处于空白的状态。早前，韩国、日本、新加坡以及印度等国家，都先后开始探索共享充电宝模式。国外对于据《韩国先驱报》显示，韩国智能手机普及率高达94%，位居全球排名第一。10个韩国人中就有9个人使用智能手机，对智能手机的依赖程度非常高。而且伴随着5G的普及，往后，用到手机办公、视频会议、各种APP越来越多，会更加的耗电，手机充电，

将会成为我们的刚需。在国内，共享充电宝是非常小巧，而且可以直接带走，异地归还。但是在国外，仅有少数国家有共享充电设备，而且，多数是充电站，充起电来特别不方便。

移动互联网生态的迅速发展和手机耗电量的提升促进了共享充电宝行业的快速扩张。在短期内线下场景依然有待恢复，但从长期来看，一方面，餐饮、旅游等行业将会迎来新一轮的景气回升，从而为行业发展提供充足动力；另一方面，行业准则和相关政策也在不断完善的过程中，这也会更好地帮助行业向规范化、可持续化发展的路径迈进。国内已经有一些研究者进行了相关的研究工作。例如，有研究者开发了一种共享充电宝的网络平台，允许用户在线预订和租借充电宝，通过地理定位技术实现充电宝的追踪和实时监控。此外，还有研究者探索了共享充电宝对环境的影响，并提出了一些建议，以减少电子垃圾和能源消耗。

随着行业迈入精细化发展阶段，品牌商也会从多维度进行产品和服务的升级迭代，力求在满足用户消费诉求的同时也持续优化自身的运营模型。其中主要方向涵盖了机柜、充电宝的硬件升级，售后体系的细化完善，从上游原材料到下游商户管理等全路径的降本增效，多元化业务的开发、线上线下全渠道拓展及社会价值创造等。

大部分人对于共享充电宝的需求，是因为急需充电而产生的。而境外旅游由于旅行时长、当地用电设备差异等因素，会成为共享充电宝的应用新场景。海外市场未来的潜力无限，共享充电宝管理系统作为一种新兴的服务模式，在为用户提供便利的同时，也面临着许多挑战。为了更好地解决共享充电宝管理系统中的问题，有必要进一步研究和开发相关技术和解决方案。未来的研究方向可以包括充电宝损坏预测与维修优化、共享充电宝调度算法的改进和用户诚信机制的建立等。

1.3研究意义

本研究的意义在于：

（1）解决了目前充电宝管理存在的问题，提高了充电宝资源的利用效率，减少了充电宝运营商的成本和损失；

（2）提供了一种全面、高效的充电宝管理解决方案，为充电宝运营商和用户提供了更好的充电宝使用体验；

（3）推动了共享经济的发展，促进了电子产品的普及和使用；

（4）探索基于SpringBoot+Vue的系统开发方法，为其他类似系统的开发提供借鉴和参考。

1.4研究目的

本研究的目的是设计和实现一个基于SpringBoot+Vue的共享充电宝管理系统，旨在解决目前充电宝管理存在的问题，提升充电宝资源的利用效率，提升用户的使用体验。通过设计和实现一个用户友好的共享充电宝管理系统，使用户能够方便快捷地借用和归还充电宝；运营商可以通过系统的数据统计和分析来优化充电宝资源的分配和管理；同时提供用户反馈机制，及时解决用户使用过程中的问题。

2 开发环境及相关技术介绍

2.1 JavaWeb技术

Java Web，是用Java技术来解决相关web互联网领域的技术栈[1]。web包括：web服务端和web客户端两部分。Java在客户端的应用有Java Applet，不过使用得很少，Java在服务器端的应用非常的丰富，比如Servlet，JSP、第三方框架等等。Java技术对Web领域的发展注入了强大的动力。JavaWeb具有高效、可扩展、安全等优势，因此在企业级应用开发中被广泛使用[2]。

Javaweb具有以下特点和优势[3]：

（1）高效：JavaWeb使用Java语言开发，具有高效的执行速度，可以快速响应客户端请求。

（2）可扩展：JavaWeb采用面向对象的设计模式，可以轻松地扩展和定制应用程序。

（3）安全：JavaWeb使用Java安全机制，可以确保数据和系统的安全。

（4）可移植性：JavaWeb代码经过封装，可以在不同的操作系统和平台上运行。

（5）易于维护：JavaWeb采用模块化设计，可以方便地进行代码维护和更新。

2.2 MySQL数据库

MySQL数据库已经成为网络上的一种强大的工具，它能够支持多个用户，并且能够根据客户端和服务端的需求进行调整，从而满足不同的需求。在这里，服务端和客户端只是一种软件上的概念，而我们所使用的计算机硬件则没有必要完全相互匹配[4]。

MySQL作为一个受到广泛认可的开放式DBMS，其卓越的性能和易于操作的特性，以及其在多种操作环境中的灵活性，让其成为了众多AP中的首选。此外，MySQL还具有良好的跨平台性，让软件开发人员对其有着极高的评价。与传统的关联式数据库系统形式大相径庭，MySQL拥有一套完善的数据库管理策略，以确保用户的安全、稳健、安全。MySQL具备良好的容错、安全、快速、稳健的特点，使得mysql成为一款极其实用的数据库管理工具[5]。

MySQL拥有一种独特的权限分配机制，可以根据用户的身份和业务逻辑，为用户提供更多的选择，从而大大提高了MySQL的安全性和完整性，远超过其他关系型数据库。

MySQL具有强大的功能，能够处理各种数据类型，包括动态、静态、多种语言，从而使用户能够轻松访问多种数据。

MySQL具有多种功能，它能够支持多种平台的开发，并且支持多种编程语言[6]，使得用户能够轻松访问和使用MySQL数据库。

2.3 MVC模式

MVC，即 Model 模型、View 视图，及 Controller 控制器[7]。

View：视图，为用户提供使用界面，与用户直接进行交互。

Model：模型，承载数据，并对用户提交请求进行计算的模块。其分为两类： 一类称为数据承载Bean：实体类，专门用户承载业务数据的。如Student、User等一类称为业务处理Bean：指Service或Dao对象，专门用于处理用户提交请求的。

Controller：控制器，用于将用户请求转发给相应的 Model 进行处理，并根据 Model 的计算结果向用户提供相应响应[8]。

2.4 B/S架构

B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器，如Chrome、Safari、Microsoft Edge、Netscape Navigator或Internet Explorer，服务器安装SQL Server、Oracle、MYSQL等数据库。浏览器通过Web Server同数据库进行数据交互[9]。 

3 共享充电宝管理系统系统分析

系统需求分析是系统开发的一个关键环节，它在系统的设计和实现上起到了一个承上启下的位置。系统需求分析是对所需要做的系统进行一个需求的挖掘，如果分析的准确可以精准的解决现实中碰到的问题。如果分析不到位会影响后期系统的实现。一个系统的优秀程度需求分析也是占据了非常大的比例，如果需求分析不到位，后面的系统设计要实现就是一个偏离导航的设计。

3.1 可行性分析

系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及法律层面的可行性上进行分析，如果三个层面度通过，我们则认为系统是比较可行的。

3.1.1 技术可行性分析

共享充电宝管理系统在数据的存储上使用的MySQL数据库，在共享充电宝管理系统开发中使用了包含Java开发语言，HTML、CSS、Ajax、JavaScript等这些开发技术的使用，能够给我们的编写工作带来许多的便利。系统使用B/S模式进行开发，使系统的可扩展性和维护性更佳，减少系统配置代码，简化编程代码，目前B/S模式是目前最受欢迎的一种模式。

3.1.2 经济可行性分析

从经济可行性上看项目在开发阶段需要一台开发PC，在生产阶段需要web服务器和数据库服务器。一台个人PC从经济上来看也不是太多问题，在后期的系统部署生产上来说，服务器的投入也不会过高，在经济层面上是一个比较可行的。

3.1.3 法律可行性分析

系统从法律层面上来看没有对第三方有其他法律层面的问题，系统数据库采用的MySQL开源社区数据库、框架采用的是开源的SpringBoot和Vue。系统资讯和相关内容也是符合法律层面的。在源码的管理上采用git开源进行管理，所以在法律可行性上是成立的。

3.2 系统功能分析

3.2.1 功能性分析

共享充电宝管理系统我划分为了普通用户模块、维修员模块和管理员模块这三大部分。

普通用户管理模块：

（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现充电宝报修申请、租赁申请等操作，就必须有这个系统的账号，如果没有账号的话，可以注册用户进行相关的操作，同时用户还可以通过“我的”这个按钮对个人信息以及操作的信息进行管控。

（2）查看共享充电宝管理系统的前台首页信息：共享充电宝管理系统的首页信息包含了首页、系统公告、新闻资讯、租赁中心等。

（3）系统公告：当用户点击“系统公告”这一菜单按钮，会显示管理员在后台发布的所有的系统公告，可以查看详情。

（4）新闻资讯：当用户点击“新闻资讯”这一菜单按钮，会显示管理员在后台发布的所有的新闻资讯，可以查看详情，进行收藏、点赞、评论等。

（5）租赁中心：用户可以查看所有的租赁中心充电宝信息，包括充电宝名称、充电宝类型、充电宝规格、总数量、充电单价、充电地址、适用范围、维修员、详情介绍等。支持通过搜索充电宝名称或充电宝类型对充电宝信息进行查询，在查询到自己想要了解的充电宝信息的时候，可以进入查看详细的介绍，在租赁中心充电宝信息详情这个界面，同时支持用户对喜欢的租赁中心进行报修申请、租赁申请、点赞、收藏的功能。

（7）我的账户：在前台点击“我的”下面的“我的账户”可以对个人资料+密码修改进行管控。

（8）个人中心：用户点击右上角的“用户名”，然后点击“个人中心”可查看个人首页、报修申请、维修信息、租赁申请、租赁订单、归还订单和自己收藏的信息并对其进行管理。

维修员管理模块：

（1）登录：维修员通过管理员添加的账号密码登录系统后台。

（2）租赁中心管理：维修员点击“租赁中心管理”可以查看租赁中心所有的充电宝信息，点击可以查看详情。

（3）报修申请管理：维修员点击“报修申请管理”列表，可以对用户的报修申请信息进行详情查看并审核回复，同时填写完成维修信息。

（4）维修信息管理：维修员点击“维修信息管理”可以查看所有的维修信息详情。

管理员管理模块：

（1）登录：管理员在后台可以输入用户名+密码进行登录，管理员的用户名和密码是在数据库中直接设定好的。

（2）系统用户：管理员可以对共享充电宝管理系统中的管理员、普通用户和维修员进行增删改查。

（3）租赁中心管理：管理员点击“租赁中心管理”会显示出所有的租赁中心充电宝信息，支持租赁编号、租赁时间或审核状态对租赁中心信息进行查询，如果想要添加新的租赁中心信息，点击“添加”按钮，输入详细信息，点击“提交”按钮就可以添加了，同时可以选择某一条租赁中心信息，点击“删除”进行删除。

（4）报修申请管理：管理员点击“报修申请管理”会显示出所有的报修申请信息，支持增删改查。

（5）维修信息管理：管理员点击“维修信息管理”会显示出所有的维修信息，支持增删改查。

（6）租赁申请管理：管理员点击“租赁申请管理”会显示出所有的租赁申请信息，支持增删改查。

（7）租赁订单管理：管理员点击“租赁订单管理”会显示出系统所有的租赁订单信息，支持对其进行增删改查。

（8）归还订单管理：管理员点击“归还订单管理”会显示出系统所有的归还订单信息，支持对其进行增删改查。

（9）充电宝类型管理：管理员可以对充电宝所属的充电宝类型类型进行添加、修改。

（10）系统管理：管理员点击“系统管理”菜单可以对首页展示的轮播图进行管理。

（11）系统公告管理：管理员点击“系统公告管理”菜单可以查看到系统中的所有系统公告信息，对已经存在的系统公告，管理员可以修改，也可以添加新的系统公告或者删除系统公告。

（12）资源管理：管理员可以对共享充电宝管理系统前台展示的新闻资讯以及新闻资讯所属的充电宝类型进行管控。

3.2.2 非功能性分析

共享充电宝管理系统的非功能性需求，比如共享充电宝管理系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如3-1表格中：

表3-1共享充电宝管理系统非功能需求表

安全性	主要指共享充电宝管理系统数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指共享充电宝管理系统能够按照用户提交的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响共享充电宝管理系统占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着共享充电宝管理系统的页面展示内容进行操作，就可以了。
可维护性	共享充电宝管理系统开发的可维护性是非常重要的，经过测试，可维护性没有问题。

3.3 系统用例分析

共享充电宝管理系统的完整UML用例图分别是图3-1、图3-2和图3-3。

图3-1就是普通用户角色的用例展示。

图3-1 共享充电宝管理系统普通用户角色用例图

图3-2就是维修员角色的用例展示。

图3-2 共享充电宝管理系统维修员角色用例图

图3-3就是管理员角色的用例展示。

图3-3充电宝推荐管理员角色用例图

3.4 系统业务流程分析

业务流程图不仅能反映出内部业务之间的关系，而且能体现出管理顺序及信息的流动。共享充电宝管理系统必须支持整个组织在不同层次上的各种功能，各个功能模块之间又有各种不同相关的信息进行联系，构成了一个有机的整体，根据共享充电宝管理系统的特点以及结合所面临的实际情况，设计出了系统的业务流程图。

系统的业务流程如下图所示。

图3-4系统业务流程图

4 共享充电宝管理系统总体设计

本章主要讨论的内容包括共享充电宝管理系统的功能模块设计、数据库系统设计。

4.1 系统功能模块设计

4.1.1总体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本共享充电宝管理系统中的用例。那么接下来就要开始对本共享充电宝管理系统的架构、主要功能和数据库开始进行设计。共享充电宝管理系统根据前面章节的需求分析得出，其总体设计模块图如图4-1所示。

图4-1 共享充电宝管理系统功能模块图

4.1.2用户模块设计

本系统的用户包括前台和后台两种用户，模块的功能基本是相同的，前台用户比后台多了一个注册功能，所以以用户模块的结构图为例进行分析，用户模块结构图为例进行分析，如下图：

图4-2用户模块结构图

4.1.3 评论管理模块设计

共享充电宝管理系统是一个交流性质的公开平台，用户在平台上提交评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的评论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图4-3评论管理模块结构图

4.1.4租赁中心管理模块设计

共享充电宝管理系统中需要存储不少租赁中心的充电宝信息，其模块功能结构，具体的结构图如下：

图4-4租赁中心模块结构图

4.1.5租赁申请管理模块设计

共享充电宝管理系统中需要存储不少租赁申请信息，其模块功能结构，具体的结构图如下：

图4-5租赁申请信息模块结构图

4.1.6新闻资讯管理模块设计

共享充电宝管理系统是中需要存储不少新闻资讯信息，其模块功能结构，具体的结构图如下：

图4-6新闻资讯信息模块结构图

4.2 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

4.2.1 数据库概念结构设计

下面是整个共享充电宝管理系统中主要的数据库表总E-R实体关系图。

图4-7 共享充电宝管理系统总E-R关系图

4.2.2 数据库逻辑结构设计

通过上一小节中共享充电宝管理系统中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

表article (文章：用于内容管理系统的文章)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_id	mediumint	8	0	N	Y		文章id：[0,8388607]
2	title	varchar	125	0	N	Y		标题：[0,125]用于文章和html的title标签中
3	type	varchar	64	0	N	N	0	文章充电宝类型：[0,1000]用来搜索指定类型的文章
4	hits	int	10	0	N	N	0	点击数：[0,1000000000]访问这篇文章的人次
5	praise_len	int	10	0	N	N	0	点赞数
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
8	source	varchar	255	0	Y	N		来源：[0,255]文章的出处
9	url	varchar	255	0	Y	N		来源地址：[0,255]用于跳转到发布该文章的网站
10	tag	varchar	255	0	Y	N		标签：[0,255]用于标注文章所属相关内容，多个标签用空格隔开
11	content	longtext	2147483647	0	Y	N		正文：文章的主体内容
12	img	varchar	255	0	Y	N		封面图
13	description	text	65535	0	Y	N		文章描述

表article_type (文章充电宝类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		充电宝类型ID：[0,10000]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]决定充电宝类型显示的先后顺序
3	name	varchar	16	0	N	N		充电宝类型名称：[2,16]
4	father_id	smallint	5	0	N	N	0	上级充电宝类型ID：[0,32767]
5	description	varchar	255	0	Y	N		描述：[0,255]描述该充电宝类型的作用
6	icon	text	65535	0	Y	N		充电宝类型图标：
7	url	varchar	255	0	Y	N		外链地址：[0,255]如果该充电宝类型是跳转到其他网站的情况下，就在该URL上设置
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表lease_application (租赁申请)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	lease_application_id	int	10	0	N	Y		租赁申请ID
2	lease_number	varchar	64	0	Y	N		租赁编号
3	power_bank_name	varchar	64	0	Y	N		充电宝名称
4	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
5	cover_image	varchar	255	0	Y	N		封面图
6	power_bank_specifications	varchar	64	0	Y	N		充电宝规格
7	charging_unit_price	int	10	0	Y	N	0	充电单价
8	charging_address	varchar	64	0	Y	N		充电地址
9	applicable_scope	varchar	64	0	Y	N		适用范围
10	regular_users	int	10	0	Y	N	0	普通用户
11	user_name	varchar	64	0	Y	N		用户姓名
12	lease_time	datetime	19	0	Y	N		租赁时间
13	number_of_leases	int	10	0	Y	N	0	租赁数量
14	examine_state	varchar	16	0	N	N	未审核	审核状态
15	examine_reply	varchar	16	0	Y	N		审核回复
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表lease_orders (租赁订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	lease_orders_id	int	10	0	N	Y		租赁订单ID
2	lease_number	varchar	64	0	N	N		租赁编号
3	power_bank_name	varchar	64	0	Y	N		充电宝名称
4	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
5	cover_image	varchar	255	0	Y	N		封面图
6	power_bank_specifications	varchar	64	0	Y	N		充电宝规格
7	charging_unit_price	int	10	0	Y	N	0	充电单价
8	charging_address	varchar	64	0	Y	N		充电地址
9	applicable_scope	varchar	64	0	Y	N		适用范围
10	regular_users	int	10	0	Y	N	0	普通用户
11	user_name	varchar	64	0	Y	N		用户姓名
12	lease_time	datetime	19	0	Y	N		租赁时间
13	number_of_leases	int	10	0	Y	N	0	租赁数量
14	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表maintenance_personnel (维修员)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	maintenance_personnel_id	int	10	0	N	Y		维修员ID
2	job_id	varchar	64	0	Y	N		工作工号
3	personnel_name	varchar	64	0	Y	N		人员姓名
4	examine_state	varchar	16	0	N	N	已通过	审核状态
5	user_id	int	10	0	N	N	0	用户ID
6	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表regular_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	regular_users_id	int	10	0	N	Y		普通用户ID
2	user_name	varchar	64	0	Y	N		用户姓名
3	gender	varchar	64	0	Y	N		性别
4	examine_state	varchar	16	0	N	N	已通过	审核状态
5	user_id	int	10	0	N	N	0	用户ID
6	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表rental_center (租赁中心)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	rental_center_id	int	10	0	N	Y		租赁中心ID
2	power_bank_name	varchar	64	0	N	N		充电宝名称
3	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
4	cover_image	varchar	255	0	Y	N		封面图
5	power_bank_specifications	varchar	64	0	Y	N		充电宝规格
6	total_quantity	int	10	0	Y	N	0	总数量
7	charging_unit_price	int	10	0	Y	N	0	充电单价
8	charging_address	varchar	64	0	Y	N		充电地址
9	applicable_scope	varchar	64	0	Y	N		适用范围
10	maintenance_personnel	int	10	0	Y	N	0	维修员
11	details_introduction	longtext	2147483647	0	Y	N		详情介绍
12	hits	int	10	0	N	N	0	点击数
13	praise_len	int	10	0	N	N	0	点赞数
14	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表repair_application (报修申请)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	repair_application_id	int	10	0	N	Y		报修申请ID
2	repair_number	varchar	64	0	Y	N		报修编号
3	power_bank_name	varchar	64	0	Y	N		充电宝名称
4	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
5	power_bank_specifications	varchar	64	0	Y	N		充电宝规格
6	charging_address	varchar	64	0	Y	N		充电地址
7	applicable_scope	varchar	64	0	Y	N		适用范围
8	maintenance_personnel	int	10	0	Y	N	0	维修员
9	repair_user	int	10	0	Y	N	0	报修用户
10	user_name	varchar	64	0	Y	N		用户姓名
11	repair_date	date	10	0	Y	N		报修日期
12	number_of_repairs_reported	int	10	0	Y	N	0	报修数量
13	screenshot_of_repair_request	varchar	255	0	Y	N		报修截图
14	repair_content	text	65535	0	Y	N		报修内容
15	examine_state	varchar	16	0	N	N	未审核	审核状态
16	examine_reply	varchar	16	0	Y	N		审核回复
17	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表repair_information (维修信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	repair_information_id	int	10	0	N	Y		维修信息ID
2	repair_number	varchar	64	0	N	N		报修编号
3	power_bank_name	varchar	64	0	Y	N		充电宝名称
4	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
5	power_bank_specifications	varchar	64	0	Y	N		充电宝规格
6	charging_address	varchar	64	0	Y	N		充电地址
7	applicable_scope	varchar	64	0	Y	N		适用范围
8	maintenance_personnel	int	10	0	Y	N	0	维修员
9	repair_user	int	10	0	Y	N	0	报修用户
10	user_name	varchar	64	0	Y	N		用户姓名
11	repair_date	date	10	0	Y	N		报修日期
12	number_of_repairs_reported	int	10	0	Y	N	0	报修数量
13	screenshot_of_repair_request	varchar	255	0	Y	N		报修截图
14	maintenance_content	text	65535	0	Y	N		维修内容
15	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
16	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表return_order (归还订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	return_order_id	int	10	0	N	Y		归还订单ID
2	lease_number	varchar	64	0	N	N		租赁编号
3	power_bank_name	varchar	64	0	Y	N		充电宝名称
4	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
5	cover_image	varchar	255	0	Y	N		封面图
6	power_bank_specifications	varchar	64	0	Y	N		充电宝规格
7	charging_unit_price	int	10	0	Y	N	0	充电单价
8	charging_address	varchar	64	0	Y	N		充电地址
9	applicable_scope	varchar	64	0	Y	N		适用范围
10	regular_users	int	10	0	Y	N	0	普通用户
11	user_name	varchar	64	0	Y	N		用户姓名
12	lease_time	datetime	19	0	Y	N		租赁时间
13	number_of_leases	int	10	0	Y	N	0	租赁数量
14	return_time	datetime	19	0	Y	N		归还时间
15	usage_duration	int	10	0	Y	N	0	使用时长
16	payment_amount	varchar	64	0	Y	N		支付金额
17	pay_state	varchar	16	0	N	N	未支付	支付状态
18	pay_type	varchar	16	0	Y	N		支付类型: 微信、支付宝、网银
19	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表sensitive_vocabulary (敏感词汇)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	sensitive_vocabulary_id	int	10	0	N	Y		敏感词汇ID
2	sensitive_vocabulary	varchar	64	0	Y	N		敏感词汇
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表type_of_power_bank (充电宝类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_of_power_bank_id	int	10	0	N	Y		充电宝类型ID
2	type_of_power_bank	varchar	64	0	Y	N		充电宝类型
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证|1审核中|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证|1审核中|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	open_id	varchar	255	0	Y	N		针对获取用户信息字段
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	vip_level	varchar	255	0	Y	N		会员等级
16	vip_discount	double	11	2	Y	N	0.00	会员折扣

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

5 共享充电宝管理系统实现

共享充电宝管理系统的详细设计与实现主要是根据前面的共享充电宝管理系统的需求分析和共享充电宝管理系统的总体设计来设计页面并实现业务逻辑。主要从共享充电宝管理系统开发环境与开发工具、核心功能实现这两部分进行介绍。

5.1开发环境与开发工具

本研究拟采用的前后端技术路线，基于SpringBoot+Vue的开发模式。具体开发环境和开发工具如下：

（1）前端技术：采用Vue.js作为前端框架，借助Vue的组件化开发模式和虚拟DOM技术来实现高效、灵活的前端界面。同时，还将使用Element UI组件库来提升开发效率和用户体验。

（2）后端技术：采用SpringBoot作为后端框架，借助SpringBoot的开箱即用特性和简化的配置方式来快速构建后端业务逻辑。同时，还将采用Spring Data JPA来简化数据库操作。

（3）数据库技术：采用MySQL作为数据库，通过使用MySQL的索引优化和事务管理等技术手段来优化系统的数据读写速度和可靠性。

（4）接口通信技术：使用RESTful API作为前后端之间的接口通信方式，通过JSON数据格式来进行数据传输。

（5）安全性技术：采用Spring Security作为权限管理框架，结合JWT认证来保障系统的安全性。

5.2前台用户功能模块

5.2.1 前台首页界面

当进入共享充电宝管理系统的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，其主界面展示如下图5-1所示。

图5-1 前台首页界面图   

5.2.2 用户注册界面

共享充电宝管理系统的游客和普通用户时可以进行注册登录，当用户右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图5-2所示。

图5-2注册界面图 

注册关键代码如下所示。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

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

        // 查询用户

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

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

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

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

        if (list.size()>0){

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

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}    

5.2.3 用户登录界面

共享充电宝管理系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当普通用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到共享充电宝管理系统的首页中；否则将会提示相应错误信息，用户登录界面如下图5-3所示。

图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.2.4新闻资讯界面

当用户点击共享充电宝管理系统中导航栏上的“新闻资讯”后将会进入到该“新闻资讯”列表的界面，然后选择想要看的新闻资讯，点击进入到详细界面，在详细界面可以收藏+点赞+评论等操作。新闻资讯列表展示界面如下图5-4所示。

图5-4新闻资讯列表展示界面图

5.2.5租赁中心界面

正式通过注册的用户可以点击租赁中心菜单，在此页面查看租赁中心详细信息，包括充电宝名称、充电宝类型、充电宝规格、总数量、充电单价、充电地址、适用范围、维修员、详情介绍信息等。在详情页面还可以进行“报修申请、租赁申请、点赞、收藏、评论”操作，租赁中心详情展示界面如下图5-5所示。

图5-5租赁中心详情展示界面图

报修申请填写界面如下图5-6所示。

图5-6报修申请填写界面图

租赁申请填写界面如下图5-7所示。

图5-7租赁申请填写界面图

5.2.6我的账户界面

当用户点击右上角“我的”这个按钮，会出现子菜单，点击“我的账户”可以对个人的资料、登录系统的密码进行设置管理，我的账户界面如下图5-8所示。

图5-8 我的账户界面图

5.2.7个人中心界面

当用户点击右上角“我的”这个按钮，会出现子菜单，点击“个人中心”可以对个人首页、报修申请、维修信息、租赁申请、租赁订单、归还订单和收藏的信息进行设置管理。个人中心管理如下图5-9所示。

图5-9个人中心管理界面图

5.3后台功能模块

5.3.1维修员后台管理界面

维修员通过管理员添加的账号可以登录后台可以进行租赁中心管理、报修申请管理、维修信息管理等模块的信息管理。维修员报修申请审核界面如下图5-10所示。

图5-10维修员报修申请审核界面图

5.3.2系统用户界面

共享充电宝管理系统中的管理人员在“系统用户”这一菜单是中可以对注册的前台普通用户以及维修员进行管控。用户管理如下图5-11所示。

图5-11系统用户管理界面图

获取系统用户管理列表关键代码如下：

  @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);

}

5.3.3租赁中心管理界面

管理员点击“租赁中心管理”会显示出所有的租赁中心信息，支持输入充电宝名称或充电宝类型对租赁中心的充电宝信息进行详情查看，也可以添加新的租赁中心信息，对充电宝评论进行管控。租赁中心列表管理界面如下图5-12所示。

图5-12租赁中心管理界面图

5.3.4充电宝类型管理界面

管理员点击“充电宝类型管理”可以查看到所有的充电宝类型，可以对其进行增删改查操作。充电宝类型管理界面如下图5-13所示。

图5-13充电宝类型管理界面图

5.3.5系统管理界面

管理人员在“系统管理”这一菜单下是可以对景区分时预约系统内的轮播图进行添加修改的，其管理界面如下图5-14所示。

图5-14系统轮播图管理界面图

5.3.6资源管理界面

管理员点击“资源管理”菜单能够对其下子菜单新闻资讯和新闻资讯的分类进行增删改查。界面如下图5-15所示。

图5-15资源管理界面图

资源管理关键代码如下：

@PostMapping("/set")

@Transactional

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

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

    }

6 系统评估与测试

系统开发的最后一个步骤就是系统测试，系统测试也是整个系统十分重要的一个环节，测试的好坏关系到产品的发展。客户对软件的质量、性能和可靠性等需求就要通过测试来实现。测试过程要必须遵循严谨性、完善性、规范性的原则，测试的主要目的就是看看在系统运行中，是否会出现bug，然后对出现的bug进行调试，直到程序完美运行。但是软件的测试只能尽可能的减少bug，理论上来说是无法达到消除bug。但是bug越少，系统出错的几率就越低，用户使用起来也更方便、更安全。

6.1 系统测试目的

随着现代信息的快速发展，在社会各大领域中已经都开始应用网络信息技术，在应用网络技术的同时人们也开始把软件的质量问题作为了一个重要焦点来关注，因为一个软件的好与坏它决定着这个系统在市场上的生存，所以我们必须要把软件质量来做好，这样才有一定的生存能力。对于用户来说它们首先选用的都是保证这个系统软件的质量问题，因为一个系统的软件质量决定着用户在后期上成本经济的问题。

图6-1就是纠错测试流程。

图6-1 测试与纠错信息流程

6.2 系统测试方法

具体测试方法包括：黑盒测试和白盒测试。

黑盒测试又被人们称作为功能测试，通常是在程序的接口来做一些测试的方法，它一般包括对程序的功能和使用的方法来做出一些数据的接受和输出，同时还可以做出正确的输出信息，并保证与外部信息的完整性。

白盒测试通常被人们称作为结构测试，在整个程序的结构和处理当中它是由程序当中的逻辑测试和检验程序来完成一些正确的工作。

具体的功能测试它是包括：系统的适用性、准确性、安全性等功能测试。

6.3 系统测试用例

系统测试包括：用户登录功能测试、租赁中心展示查看功能测试、租赁中心添加、新闻资讯搜索、密码修改功能测试，如表6-1、6-2、6-3、6-4、6-5所示：

用户登录功能测试：

表6-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

租赁中心查看功能测试：

表6-2 租赁中心查看功能测试表

用例名称	租赁中心查看
目的	测试租赁中心查看功能
前提	用户登录
测试流程	点击租赁中心列表
预期结果	可以查看到所有租赁中心信息
实际结果	实际结果与预期结果一致

管理员添加租赁中心界面测试：

表6-3 管理员添加租赁中心界面测试表

用例名称	添加租赁中心测试用例
目的	测试租赁中心添加功能
前提	管理员正常登录情况下
测试流程	1）管理员点击租赁中心，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的租赁中心
实际结果	实际结果与预期结果一致

新闻资讯搜索功能测试：

表6-4新闻资讯搜索功能测试表

用例名称	新闻资讯搜索测试
目的	测试新闻资讯搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的新闻资讯
实际结果	实际结果与预期结果一致

密码修改搜索功能测试：

表6-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

6.4 系统测试结果

通过编写共享充电宝管理系统的测试用例，已经检测完毕用户登录功能测试、租赁中心展示查看功能测试、租赁中心添加、新闻资讯搜索、密码修改功能测试，通过这5大模块为共享充电宝管理系统的后期推广运营提供了强力的技术支撑。

本共享充电宝管理系统满足相关信息的管理需求，在设计时借鉴了国内外优秀网站的优点，从界面到系统设计都保证了管理员以及用户能够方便操作。系统的主要特点和优点归纳如下：

（1）本系统用的移置性和针对性都比较高，因为针对性高可以提供更好的服务而移置性可以在多个系统上运行，更给用户带来了极大的方便。

（2）该共享充电宝管理系统内容全面，管理方便可以及时的全面的处理各种错误，异常，这样避免了很多因用户的马虎操作而出现的失误，其操作方便，用户界面友好，能够上网的人都可以很好的进行操作。

经过对上述的测试结果分析，所有基本功能齐全，操作简单，系统运行性能良好，系统安全可靠，能促进共享充电宝管理系统的发展，发展前景广阔。

7 总结与展望

本文描述了共享充电宝管理系统设计与实现的原理和开发过程，该系统是通过SpringBoot框架来搭建系统后台的开发，中间件使用的是Tomcat服务器，配合Java开发语言数据库管理平台采用开源的MySQL，前台使用的是Vue框架配合HTML页面展示技术。 

在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从开发这个共享充电宝管理系统的过程中我也收获了许许多多宝贵的方法以及设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如Web、Java、SpringBoot、Vue.js、MySQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。