新能源汽车服务网站的设计与实现

               

摘要

随着新能源汽车行业的迅猛发展,越来越多的消费者开始关注新能源汽车的相关信息和服务。为了满足用户对新能源汽车信息的需求,并提供便捷的在线服务,设计并实现了一个基于SpringBoot框架的新能源汽车服务网站。该系统主要分为管理员端和普通用户端两部分,管理员端提供汽车信息管理、试驾预约、车辆维护、充电预约等功能,能够高效管理和优化用户的需求;普通用户端则提供丰富的功能,如查看汽车资讯、预约试驾、查找充电站信息、提交反馈等,极大地提升了用户体验。

在系统的实现过程中,SpringBoot作为核心开发框架,提供了轻量级、高性能的解决方案,配合MySQL数据库进行数据存储,前端采用Vue进行页面的设计和交互,确保了网站的响应速度和稳定性。系统采用了MVC架构,前后端分离,具有良好的扩展性和可维护性。通过管理员对系统后台的管理,能够动态更新和管理汽车相关信息,为用户提供精准的服务。与此同时,用户可以通过简单的操作查询和预约所需的服务,享受高效、个性化的使用体验。

本系统的实现不仅提高了新能源汽车行业的信息流通效率,也为用户提供了便捷的服务平台,推动了新能源汽车普及的进程。

关键词:新能源汽车;服务网站;SpringBoot;系统设计;用户体验

Abstract

With the rapid development of the new energy vehicle industry, more and more consumers are paying attention to the relevant information and services of new energy vehicles. In order to meet the information needs of users for new energy vehicles and provide convenient online services, a new energy vehicle service website based on the SpringBoot framework has been designed and implemented. The system is mainly divided into two parts: the administrator end and the ordinary user end. The administrator end provides functions such as car information management, test drive reservation, vehicle maintenance, charging reservation, etc., which can efficiently manage and optimize user needs; The regular user end provides rich functions, such as viewing car information, booking test drives, searching for charging station information, submitting feedback, etc., greatly improving the user experience.

In the implementation process of the system, SpringBoot, as the core development framework, provides a lightweight and high-performance solution, combined with MySQL database for data storage. The front-end uses Vue for page design and interaction, ensuring the website's response speed and stability. The system adopts MVC architecture, with front-end and back-end separation, and has good scalability and maintainability. Through the administrator's management of the system backend, it is possible to dynamically update and manage car related information, providing users with accurate services. At the same time, users can easily query and book the services they need through simple operations, enjoying an efficient and personalized user experience.

The implementation of this system not only improves the information circulation efficiency of the new energy vehicle industry, but also provides users with a convenient service platform, promoting the process of popularizing new energy vehicles.

Key words: New energy vehicles; Service website; SpringBoot; System design; User Experience

目录

摘要

Abstract

1 绪论

1.1 研究背景和意义

1.2 国内外研究现状

2 相关技术介绍

2.1 B/S框架

2.2 SpringBoot框架

2.3 Vue技术

2.4 MySQL数据库

3 需求分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 系统性能分析

3.3 功能需求分析

3.3.1 普通用户功能

3.3.2 管理员功能

3.4 系统流程分析

3.4.1 程序操作流程

3.4.2 登录流程

3.4.3 注册流程

4 系统设计

4.1 系统架构设计

4.2 系统总体功能设计

4.3 数据库设计

4.3.1 数据库实体设计

4.3.2 数据库表设计

5 系统实现

5.1 普通用户功能实现

5.1.1 用户注册

5.1.2 用户登录

5.1.3 汽车资讯

5.1.4 汽车信息

5.1.5 充电站信息

5.1.6 充电预约

5.2 管理员功能实现

5.2.1 系统用户

5.2.2 汽车信息管理

5.2.3 车辆咨询管理

5.2.4 车辆维护管理

5.2.5 系统管理

5.2.6 通知公告管理

5.2.7 资讯管理

6 系统测试

6.1 测试目的

6.2 测试方法

6.3 测试内容

6.4 测试结果

7 总结

参考文献

致谢

附录

系统核心代码设计

用户注册

用户登录

修改密码

修改数据

删除数据

获取列表

图片上传

1绪论

1.1研究背景和意义

新能源汽车产业在全球范围内取得了显著的进展,尤其在环保意识提升和政策支持的背景下,越来越多的消费者选择新能源汽车作为出行工具。随着市场需求的不断增长,消费者对于新能源汽车的信息获取和服务需求也日益增多,传统的销售模式和服务手段已经难以满足现代用户的多样化需求。面对这一挑战,新能源汽车服务平台的设计和实现变得愈加重要。通过建立集成化的服务平台,能够为用户提供实时的汽车信息、试驾预约、充电站查询、车辆维护等便捷服务,极大提高了用户的购车和使用体验。

随着互联网技术的普及,越来越多的行业开始借助在线平台来优化业务流程和提高服务效率。新能源汽车作为一种新兴的交通工具,其市场推广和普及不仅仅依赖于汽车本身的性能,还需要通过信息的传播和服务的优化来推动。一个功能完备、操作简便的新能源汽车服务网站,可以有效缩短消费者与产品之间的距离,解决用户在购车、使用过程中可能遇到的各类问题。

设计并实现一个以用户需求为导向的新能源汽车服务网站,不仅能够提升行业的服务水平,还能推动新能源汽车的普及。通过该平台,消费者可以方便地获得汽车的各项详细信息,进行试驾预约,查询充电站位置,并能够进行车辆维护、预约充电等一系列服务。此外,管理员可以通过后台管理系统高效地管理和更新汽车信息,优化资源配置,提升运营效率。因此,新能源汽车服务网站的开发具有重要的现实意义,不仅符合行业发展需求,也能够为用户提供更加便利和全面的服务。

1.2国内外研究现状

新能源汽车服务网站的研究已经成为国内外学者和企业关注的重要领域。随着新能源汽车行业的迅猛发展,尤其是政策扶持和市场需求的双重推动,各种与新能源汽车相关的服务平台和网站相继涌现。国外在这一领域的研究起步较早,许多企业和学术机构已经积累了较为丰富的经验。例如,欧洲和美国的一些新能源汽车制造商和服务商推出了包括充电桩查询、车辆维护、在线预约等功能的网站平台,通过为消费者提供个性化的服务,极大地提升了用户的使用体验。同时,国外的新能源汽车服务平台也注重数据的实时更新和高效的资源管理,使得用户能够快速获取所需信息。

在国内,新能源汽车产业的快速发展使得服务平台的建设逐渐成为市场竞争的重要组成部分。近年来,国内的研究多聚焦于如何通过平台优化用户体验,提高服务效率。一些国内的新能源汽车企业已经开始尝试建立以用户为中心的服务平台,这些平台不仅提供了车辆信息查询、试驾预约等基础功能,还将充电桩定位、车辆维护、维修记录等服务整合在一个平台中,极大地方便了消费者的使用。同时,国内的学术界也在对新能源汽车服务网站的功能设计、系统架构和用户需求进行深入研究,探索如何提高平台的稳定性、可扩展性和安全性。国内的研究还注重结合中国市场的实际情况,如新能源汽车普及程度、充电基础设施的分布情况等,为平台的优化和功能拓展提供了理论支持。

总体来看,国内外的研究都在推动新能源汽车服务平台向更加智能化、便捷化和个性化的方向发展。然而,尽管在功能设计和系统优化方面取得了一定进展,仍然存在着平台互联互通性差、信息更新不及时、用户体验提升空间较大等问题。未来,新能源汽车服务网站的研究需要更加注重综合技术的应用,以及如何在实际运营中有效提高平台的服务能力和用户满意度。

2相关技术介绍

2.1B/S框架

B/S(Browser/Server)架构是一种基于浏览器和服务器的应用架构模式。它以Web浏览器作为客户端,服务器端通过Web技术提供应用服务。客户端通过浏览器与服务器进行交互,用户无需安装专门的客户端应用程序,只需要通过互联网连接即可访问应用程序[1]。在B/S架构中,客户端主要承担用户界面的呈现和基本的输入输出功能,而核心的业务处理、数据存储等操作则由服务器端完成。这种架构的核心优势在于无需在每个客户端机器上安装或更新软件,只要用户的浏览器符合要求,就可以使用系统。

B/S(Browser/Server)架构是一种网络架构模型,其主要特点是客户端通过浏览器与服务器进行通信,所有的业务逻辑和数据处理都在服务器端完成,客户端仅负责展示数据[2]。B/S架构本质上是一种客户端-服务器模式的变体,它通过将传统的C/S(Client/Server)架构中的客户端功能移到浏览器中,简化了客户端的开发和维护工作。在B/S架构中,用户通过浏览器发送请求,浏览器负责展示从服务器获取的数据,服务器则处理请求并返回响应。该架构避免了安装和配置客户端软件的麻烦,也减少了对客户端硬件的依赖,适合于需要大规模部署和跨平台支持的应用系统。

2.2 SpringBoot框架

SpringBoot是一个用于简化Spring应用开发的开源框架,通过减少开发人员配置和依赖的复杂性,使得开发者能够快速构建基于Spring的生产级应用。SpringBoot基于Spring框架之上,提供了一种自配置的方式,使得开发者可以以最少的配置来启动和开发Spring应用[3]。它通过约定优于配置的原则,将常见的配置预设,使得开发人员能够聚焦于业务逻辑的实现,而不必过多关注繁琐的配置和环境搭建。

SpringBoot框架的核心特点之一是其自动配置功能。它能够根据项目中已存在的类和库,自动推断出开发环境的配置需求,减少了手动配置的工作量。SpringBoot还提供了嵌入式Web服务器支持(如Tomcat、Jetty等),使得应用可以以独立的Java应用形式运行,不再依赖外部的Web容器。这种特性使得SpringBoot特别适合于微服务架构的构建。SpringBoot还通过其提供的启动器(Starters)简化了常见功能的集成,例如数据库连接、消息队列、缓存、认证与授权等,从而提升了开发效率[4]。

2.3 Vue技术

Vue.js是一款用于构建用户界面的渐进式JavaScript框架,提供一种灵活而高效的方式来开发单页面应用(SPA)。Vue的设计理念是通过尽量简化开发过程,提供一种声明式的方式来构建用户界面[5]。Vue.js通过数据驱动的视图模型,允许开发者以声明式语法绑定数据与视图,使得应用的状态和界面表现更加简洁和可维护。它的核心思想是通过组件化开发将复杂的UI拆分为可重用的独立模块,从而提升了代码的模块化、可维护性和可扩展性。

Vue.js具备响应式数据绑定和虚拟DOM的特性。响应式数据绑定意味着当数据变化时,Vue会自动更新与之绑定的DOM元素,从而实现视图的实时更新。虚拟DOM则是Vue.js的一种优化手段,通过将对DOM的操作抽象为一个虚拟的DOM树来提高性能,减少实际DOM操作的开销[6]。Vue还提供了丰富的插件和工具,如Vue Router用于路由管理,Vuex用于状态管理,方便开发者构建复杂的前端应用。Vue的灵活性和简洁性使其成为现代Web开发中常用的前端框架之一。

2.4 MySQL数据库

MySQL是一种开源的关系型数据库管理系统(RDBMS),基于SQL(结构化查询语言)进行数据操作。作为一个被广泛使用的数据库系统,MySQL具有高度的性能、可扩展性和可靠性。MySQL使用表格结构来存储数据,每个表由多个列和行组成,数据通过SQL查询语言进行操作[7]。MySQL支持多种数据类型,如整数、浮动小数、字符串、日期等,以满足不同应用场景对数据存储的需求。在实际应用中,MySQL通常用于存储和管理结构化数据,通过索引、视图、触发器等功能提升数据查询的效率和数据的完整性。

MySQL支持ACID事务特性(原子性、一致性、隔离性、持久性),确保数据库操作的可靠性和数据的一致性。它还支持多种存储引擎,其中InnoDB是最常用的存储引擎,具备事务支持、行级锁定和外键约束等特性,适用于高并发、高可靠性的数据存储需求。MySQL可以通过主从复制、分区和分库分表等技术实现横向扩展,以应对大规模数据存储和高负载的应用需求。MySQL还具有灵活的权限管理机制,支持用户角色管理、细粒度的权限控制等,保障数据的安全性。

3需求分析

3.1可行性分析

3.1.1技术可行性

从技术角度来看,Spring Boot作为一种轻量级、快速构建的Java框架,能够提高开发效率,降低系统的复杂程度,易于维护和升级。同时,MySQL作为关系型数据库,能够支持平台数据的存储与管理,保障系统的稳定性和高效性。因此,本系统具有技术可行性。

3.1.2经济可行性

考虑到Springboot、Vue、MyBatis Plus及MySQL等均为开源技术,无需支付高昂的许可费用,大大降低了系统的开发成本。同时,这些技术拥有广泛的用户群体和成熟的社区支持,便于获取技术支持和资源共享。此外,系统的实施将显著用户体验,从而带来潜在的经济效益。因此,从经济角度来看,该系统的开发同样具备可行性。

3.1.3操作可行性

系统设计应遵循用户友好原则,确保用户能够轻松上手并高效使用。通过合理的界面布局、直观的操作流程以及详尽的帮助文档,可以大大降低用户的学习成本,提高系统的操作可行性。此外,系统还应具备完善的权限管理和数据安全机制,确保操作的安全性和合规性。

3.2系统性能分析

对于新能源汽车服务网站的设计与实现,下面是系统性能分析表:

表3.1性能需求表

项目

内容

响应时间

系统对用户请求的响应时间需在500ms以内

并发用户数

系统需要支持1000个并发用户同时访问

吞吐量

系统每秒需要处理1000个请求

可用性

系统需要保证每月99.9%的可用性

数据安全

用户敏感数据需要加密存储,并支持数据库备份和恢复

数据一致性

系统中的数据操作需保证ACID特性,确保数据一致性

扩展性

系统需要支持水平扩展,能够方便地增加服务器节点以应对高请求量

可维护性

系统代码需要清晰易懂、结构良好,方便维护和修改

日志记录

系统需要记录用户操作日志、异常日志以及系统运行日志

监控报警

系统需要实时监控运行状态,当系统异常时能够及时发送警报通知相关人员

缓存设置

针对频繁使用的数据,系统需要进行合适的缓存

3.3功能需求分析

功能需求分析是对系统所需功能进行详细描述的过程,明确系统的目标、功能模块及其相互关系。在此阶段,结合用户需求、业务流程和技术架构,识别系统必须实现的各项功能,并对其优先级、实现方式和约束条件进行梳理。通过功能需求分析,确保系统设计能够满足实际需求,且具有良好的可用性、可维护性和扩展性,为后续的系统开发和测试提供明确的指导和依据。

3.3.1普通用户功能

首页:展示网站的主要内容和信息,用户可快速导航至不同模块。

车友圈子:用户可以加入车友社群,与其他车主分享用车经验和交流心得。

通知公告:用户可以查看管理员发布的通知和公告,获取平台相关的重要信息。

汽车资讯:用户可以浏览汽车行业的最新资讯,了解新能源汽车的市场动态。

反馈意见:用户可以提交对网站或服务的建议与反馈,帮助平台不断改进。

汽车信息:用户可以查看各种车型的详细信息,包括性能、价格等方面的内容。

充电站信息:用户可以查询周边的充电站位置及其可用状态,确保充电需求得到满足。

我的账户:用户可以管理个人账户信息,包括修改密码、查看历史记录等。

个人中心:用户可以通过个人中心管理个人信息和操作。

个人首页:展示用户的基本信息和活动记录。

试驾预约:用户可以预约试驾服务,亲自体验汽车性能。

车辆咨询:用户可以咨询有关汽车的问题,获取专业解答。

充电预约:用户可以预约充电服务,方便充电站资源的利用。

车辆维护:用户可以查看和预约车辆的保养与维修服务。

通知提醒:接收平台发布的提醒信息,确保及时了解重要事件。

收藏:用户可以收藏感兴趣的汽车或资讯,方便日后查看。

评论管理:用户可以对网站上的内容、汽车或服务进行评论和评价。

普通用户用例图如图3-1所示。

图3-1 普通用户用例图

3.3.2管理员功能

系统用户:管理员可以查看、编辑和删除系统用户信息,管理用户权限。

汽车信息管理:管理员可以添加、修改、删除汽车信息,保持汽车信息的实时更新。

试驾预约管理:管理员可以查看和处理用户的试驾预约申请,确保预约流程的顺畅。

车辆咨询管理:管理员负责处理用户关于车辆的咨询,提供相关解答和服务。

充电站信息管理:管理员可管理充电站的详细信息,确保用户能够快速找到附近的充电设施。

充电预约管理:管理员可以查看和处理用户的充电预约,优化充电资源的配置。

车辆维护管理:管理员负责管理车辆的维修与保养记录,确保车辆信息的准确性。

通知提醒管理:管理员可以发布通知或提醒,提醒用户关注重要信息。

系统管理(轮播图):管理员可更新首页的轮播图,提升网站的视觉效果和信息展示。

留言管理:管理员可以查看和回复用户留言,增强与用户的互动。

通知公告管理:管理员可发布公告,告知用户网站相关活动或重要通知。

资源管理(汽车资讯、资讯分类):管理员可以管理汽车资讯的内容和分类,确保用户获取最新的行业动态。

交流管理:管理员可以管理车友交流区,促进用户间的互动和讨论。

管理员用例图如图3-2所示。

图3-2管理员用例图

3.4系统流程分析

3.4.1程序操作流程

用户访问系统,可以选择进行注册或登录操作。注册成功后,用户可以使用注册的账号登录平台。登录后的用户可以进入系统功能界面,使用自己权限内的功能操作。程序操作流程图如图3-3所示。

图3-3 程序操作流程图

3.4.2登录流程

用户访问系统,进入登录页面页面,入其用户名和密码,后端服务接收登录请求,验证用户提供的用户名和密码是否匹配数据库中存储的信息,验证通过即可登录成功。登录流程图如图3-4所示。

图3-4 登录流程图

3.4.3注册流程

未有账号的用户可进入注册界面进行注册操作,填写注册表格,包括用户名、密码、电子邮件等必要信息。后台系统验证并保存用户提交的信息。分配唯一用户标识符。注册成功后,用户可以使用账号密码进行登录。用户注册流程图如图3-5所示。

图3-5注册流程图

4系统设计

4.1系统架构设计

系统由表现层、业务逻辑层、数据访问层和数据库服务器组成。表现层通过浏览器(如IE、Chrome、Firefox)与用户交互,采用FreeMarker、Bootstrap、jQuery等技术实现界面呈现。业务逻辑层负责处理系统的核心业务逻辑,通过分模块设计实现功能分离。数据访问层使用MyBatis框架连接数据库,执行数据的增删改查操作。数据库服务器采用MySQL进行数据存储和管理,为系统提供稳定的数据库支持。整个架构通过Tomcat服务器完成用户请求的接收和处理,确保系统的高效运行[8]。整个系统架构如图4-1所示。

图4-1 系统架构图

4.2系统总体功能设计

系统功能结构图如图4-2所示。

图4-2 系统功能结构图

4.3数据库设计

数据库设计是系统开发中至关重要的环节,为系统提供高效、规范的数据存储和管理方案。设计过程包括需求分析、实体设计、表设计和逻辑结构设计。首先,通过分析业务需求,确定系统的核心实体及其属性,同时明确实体间的关系。接着,将实体抽象为具体的数据库表,为每张表定义字段名、数据类型、主键和外键,通过主外键关系和关联表设计,保证数据的完整性和一致性。最后,数据库逻辑设计进一步优化表之间的关系,通过索引、视图和存储过程提升查询效率和操作性能。整个设计需严格遵循规范,避免数据冗余和冲突,确保系统在高并发访问和复杂数据处理场景下的稳定性和高效性。

4.3.1数据库实体设计

数据库实体设计是数据库设计的关键步骤,对实际业务逻辑中涉及的实体及其属性进行抽象建模,明确系统中的主要信息对象及其关系[9]。在实体设计中,根据需求分析确定系统的核心实体,如用户、角色、权限等,提取实体的主要属性,如用户的ID、姓名、联系方式,名称、类型等,同时定义各实体之间的关系,包括一对一、一对多、多对多等。在设计过程中,注重实体的完整性、规范性和唯一性,确保设计能够满足系统功能需求,并为后续的表设计提供清晰的结构框架。实体设计需遵循数据库设计的标准化要求,避免数据冗余和不必要的复杂度。

系统全局E-R图如图4-3所示。

图4-3系统E-R图

4.3.2数据库表设计

数据库表设计基于实体设计,将抽象的实体映射为具体的表结构。设计过程中,为每个实体定义表名、字段名及数据类型 [10]。根据业务需求,合理定义主键、外键及约束条件,确保表之间的关联性,例如通过外键建立用户表和角色表之间的关系。表设计时注重数据存储的完整性、一致性,并通过索引优化查询效率,最终确保数据库结构能够支持系统的功能需求。以下是系统的数据库表设计展示。

表 4-1-access_token(登陆访问时长)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

token_id

int

临时访问牌ID

2

token

varchar

64

临时访问牌

3

info

text

65535

信息

4

maxage

int

最大寿命:默认2小时

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

7

user_id

int

用户编号

表 4-2-article(文章)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

article_id

mediumint

文章id

2

title

varchar

125

标题

3

type

varchar

64

文章分类

4

hits

int

点击数

5

praise_len

int

点赞数

6

create_time

timestamp

创建时间

7

update_time

timestamp

更新时间

8

source

varchar

255

来源

9

url

varchar

255

来源地址

10

tag

varchar

255

标签

11

content

longtext

4294967295

正文

12

img

varchar

255

封面图

13

description

text

65535

文章描述

表 4-3-article_type(文章分类)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_id

smallint

分类ID

2

display

smallint

显示顺序

3

name

varchar

16

分类名称

4

father_id

smallint

上级分类ID

5

description

varchar

255

描述

6

icon

text

65535

分类图标

7

url

varchar

255

外链地址

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-4-auth(用户权限管理)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

auth_id

int

授权ID

2

user_group

varchar

64

用户组

3

mod_name

varchar

64

模块名

4

table_name

varchar

64

表名

5

page_title

varchar

255

页面标题

6

path

varchar

255

路由路径

7

parent

varchar

64

父级菜单

8

parent_sort

int

父级菜单排序

9

position

varchar

32

位置

10

mode

varchar

32

跳转方式

11

add

tinyint

是否可增加

12

del

tinyint

是否可删除

13

set

tinyint

是否可修改

14

get

tinyint

是否可查看

15

field_add

text

65535

添加字段

16

field_set

text

65535

修改字段

17

field_get

text

65535

查询字段

18

table_nav_name

varchar

500

跨表导航名称

19

table_nav

varchar

500

跨表导航

20

option

text

65535

配置

21

create_time

timestamp

创建时间

22

update_time

timestamp

更新时间

表 4-5-car_information(汽车信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

car_information_id

int

汽车信息ID

2

vehicle_name

varchar

64

车辆名称

3

vehicle_brand

varchar

64

车辆品牌

4

energy_type

varchar

64

能源类型

5

estimated_price

double

预估价格

6

vehicle_picture

varchar

255

车辆图片

7

vehicle_displacement

varchar

64

车辆排量

8

vehicle_seat

varchar

64

车辆座位

9

with_or_without_radar

varchar

64

有无雷达

10

automatic_parking

varchar

64

自动驻车

11

with_or_without_sunroof

varchar

64

有无天窗

12

vehicle_video

varchar

255

车辆视频

13

other_configurations

text

65535

其他配置

14

note_information

text

65535

备注信息

15

praise_len

int

点赞数

16

collect_len

int

收藏数

17

comment_len

int

评论数

18

test_drive_appointment_limit_times

int

试驾限制次数

19

vehicle_advisory_limit_times

int

咨询限制次数

20

create_time

datetime

创建时间

21

update_time

timestamp

更新时间

表 4-6-charging_reservation(充电预约)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

charging_reservation_id

int

充电预约ID

2

charging_pile_no

varchar

64

充电桩编号

3

charging_pile_name

varchar

64

充电桩名称

4

charging_pile_position

varchar

64

充电桩位置

5

current_price_of_charging_pile

double

充电桩时价

6

ordinary_user

int

普通用户

7

user_name

varchar

64

用户姓名

8

user_phone

varchar

64

用户电话

9

appointment_time

date

预约时间

10

create_time

datetime

创建时间

11

update_time

timestamp

更新时间

12

source_table

varchar

255

来源表

13

source_id

int

来源ID

14

source_user_id

int

来源用户

表 4-7-charging_station_information(充电站信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

charging_station_information_id

int

充电站信息ID

2

charging_pile_no

varchar

64

充电桩编号

3

charging_pile_name

varchar

64

充电桩名称

4

charging_pile_position

varchar

64

充电桩位置

5

charging_pile_status

varchar

64

充电桩状态

6

current_price_of_charging_pile

double

充电桩时价

7

charging_pile_picture

varchar

255

充电桩图片

8

brief_introduction_of_charging_pile

text

65535

充电桩简介

9

praise_len

int

点赞数

10

collect_len

int

收藏数

11

comment_len

int

评论数

12

charging_reservation_limit_times

int

预约限制次数

13

create_time

datetime

创建时间

14

update_time

timestamp

更新时间

表 4-8-code_token(验证码)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

code_token_id

int

验证码ID

2

token

varchar

255

令牌

3

code

varchar

255

验证码

4

expire_time

timestamp

失效时间

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

表 4-9-collect(收藏)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

collect_id

int

收藏ID

2

user_id

int

收藏人ID

3

source_table

varchar

255

来源表

4

source_field

varchar

255

来源字段

5

source_id

int

来源ID

6

title

varchar

255

标题

7

img

varchar

255

封面

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-10-comment(评论)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

comment_id

int

评论ID

2

user_id

int

评论人ID

3

reply_to_id

int

回复评论ID

4

content

longtext

4294967295

内容

5

nickname

varchar

255

昵称

6

avatar

varchar

255

头像地址

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

9

source_table

varchar

255

来源表

10

source_field

varchar

255

来源字段

11

source_id

int

来源ID

表 4-11-forum(论坛)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

forum_id

mediumint

论坛ID

2

display

smallint

排序

3

user_id

mediumint

用户ID

4

nickname

varchar

16

昵称

5

praise_len

int

点赞数

6

hits

int

访问数

7

title

varchar

125

标题

8

keywords

varchar

125

关键词

9

description

varchar

255

描述

10

url

varchar

255

来源地址

11

tag

varchar

255

标签

12

img

text

65535

封面图

13

content

longtext

4294967295

正文

14

create_time

timestamp

创建时间

15

update_time

timestamp

更新时间

16

avatar

varchar

255

发帖人头像

17

type

varchar

64

论坛分类

18

istop

int

是否置顶

表 4-12-forum_type(论坛分类)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_id

smallint

分类ID

2

name

varchar

16

分类名称

3

description

varchar

255

描述

4

url

varchar

255

外链地址

5

father_id

smallint

上级分类ID

6

icon

varchar

255

分类图标

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

表 4-13-hits(用户点击)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

hits_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

表 4-14-message(留言板)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

message_id

int

留言板ID

2

user_id

int

用户ID

3

title

varchar

64

标题

4

content

longtext

4294967295

内容

5

nickname

varchar

32

昵称

6

avatar

varchar

255

头像

7

email

varchar

125

留言者邮箱

8

phone

varchar

11

留言者手机号码

9

create_time

timestamp

创建时间

10

update_time

timestamp

更新时间

11

reply

longtext

4294967295

回复

12

reply_state

tinyint

回复状态

表 4-15-notice(公告)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

notice_id

mediumint

公告ID

2

title

varchar

125

标题

3

content

longtext

4294967295

正文

4

create_time

timestamp

创建时间

5

update_time

timestamp

更新时间

表 4-16-notification_reminder(通知提醒)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

notification_reminder_id

int

通知提醒ID

2

ordinary_user

int

普通用户

3

reminder_name

varchar

64

提醒名称

4

reminder_time

date

提醒时间

5

reminder_content

text

65535

提醒内容

6

create_time

datetime

创建时间

7

update_time

timestamp

更新时间

表 4-17-ordinary_user(普通用户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

ordinary_user_id

int

普通用户ID

2

user_name

varchar

64

用户姓名

3

user_gender

varchar

64

用户性别

4

user_phone

varchar

64

用户电话

5

examine_state

varchar

16

审核状态

6

user_id

int

用户ID

7

create_time

datetime

创建时间

8

update_time

timestamp

更新时间

表 4-18-praise(点赞)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

praise_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

status

tinyint

点赞状态:1为点赞,0已取消

表 4-19-slides(轮播图)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

slides_id

int

轮播图ID

2

title

varchar

64

标题

3

content

varchar

255

内容

4

url

varchar

255

链接

5

img

varchar

255

轮播图

6

hits

int

点击量

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

表 4-20-test_drive_appointment(试驾预约)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

test_drive_appointment_id

int

试驾预约ID

2

vehicle_name

varchar

64

车辆名称

3

vehicle_brand

varchar

64

车辆品牌

4

energy_type

varchar

64

能源类型

5

ordinary_user

int

普通用户

6

user_name

varchar

64

用户姓名

7

user_phone

varchar

64

用户电话

8

appointment_time

date

预约时间

9

create_time

datetime

创建时间

10

update_time

timestamp

更新时间

11

source_table

varchar

255

来源表

12

source_id

int

来源ID

13

source_user_id

int

来源用户

表 4-21-upload(文件上传)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

upload_id

int

上传ID

2

name

varchar

64

文件名

3

path

varchar

255

访问路径

4

file

varchar

255

文件路径

5

display

varchar

255

显示顺序

6

father_id

int

父级ID

7

dir

varchar

255

文件夹

8

type

varchar

32

文件类型

表 4-22-user(用户账户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_id

int

用户ID

2

state

smallint

账户状态:(1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

所在用户组

4

login_time

timestamp

上次登录时间

5

phone

varchar

11

手机号码

6

phone_state

smallint

手机认证:(0未认证|1审核中|2已认证)

7

username

varchar

16

用户名

8

nickname

varchar

16

昵称

9

password

varchar

64

密码

10

email

varchar

64

邮箱

11

email_state

smallint

邮箱认证:(0未认证|1审核中|2已认证)

12

avatar

varchar

255

头像地址

13

open_id

varchar

255

针对获取用户信息字段

14

create_time

timestamp

创建时间

表 4-23-user_group(用户组)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

group_id

mediumint

用户组ID

2

display

smallint

显示顺序

3

name

varchar

16

名称

4

description

varchar

255

描述

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

register

smallint

注册位置

9

create_time

timestamp

创建时间

10

update_time

timestamp

更新时间

表 4-24-vehicle_advisory(车辆咨询)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

vehicle_advisory_id

int

车辆咨询ID

2

vehicle_name

varchar

64

车辆名称

3

vehicle_brand

varchar

64

车辆品牌

4

energy_type

varchar

64

能源类型

5

ordinary_user

int

普通用户

6

user_name

varchar

64

用户姓名

7

advisory_questions

text

65535

咨询问题

8

reply_message

text

65535

回复信息

9

create_time

datetime

创建时间

10

update_time

timestamp

更新时间

11

source_table

varchar

255

来源表

12

source_id

int

来源ID

13

source_user_id

int

来源用户

表 4-25-vehicle_maintenance(车辆维护)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

vehicle_maintenance_id

int

车辆维护ID

2

ordinary_user

int

普通用户

3

user_name

varchar

64

用户姓名

4

user_phone

varchar

64

用户电话

5

vehicle_name

varchar

64

车辆名称

6

vehicle_brand

varchar

64

车辆品牌

7

energy_type

varchar

64

能源类型

8

maintenance_time

date

维护时间

9

maintenance_remarks

text

65535

维护备注

10

examine_state

varchar

16

审核状态

11

examine_reply

varchar

255

审核回复

12

create_time

datetime

创建时间

13

update_time

timestamp

更新时间

5系统实现

5.1普通用户功能实现

5.1.1用户注册

用户注册:输入账号、设置密码、确认密码、昵称、邮箱、选择用户身份、用户姓名、用户性别、联系电话等用户个人信息,点击注册按钮进行注册,用户注册界面如下图所示。

图5-1用户注册界面图

5.1.2用户登录

用户登录:输入用户名跟密码点击登录按钮,校验通过后即可登录,用户登录界面如下图所示。

图5-2用户登录界面图

5.1.3汽车资讯

用户在资讯页面浏览汽车资讯信息。通过分类标签筛选资讯类型,点击标题查看详细文章,页面提供评论区供用户交流心得。汽车资讯界面如下图所示。

图5-3汽车资讯界面

5.1.4汽车信息

用户进入汽车信息页面,浏览汽车的图片、名称、描述等基本信息。通过搜索栏输入关键词或筛选条件,快速定位汽车信息。可以试驾、咨询、点赞、收藏和评论。汽车信息界面如下图所示。

图5-4汽车信息界面

5.1.5充电站信息

进入“充电站信息”后,用户会看到所有充电站信息列表。显示充电站信息。用户点击充电站信息后,将进入详细信息页面,用户可以预约、点赞、收藏和评论。充电站信息界面如下图所示。

图5-5充电站信息界面

5.1.6充电预约

用户可以预约充电服务,选择适合的充电站和时间。界面如下图所示。

图5-6充电预约界面

5.2管理员功能实现

5.2.1系统用户

在“系统用户”模块下,管理员可以管理系统上的两类用户:管理员和普通用户。管理员可以进行用户的增、删、改、查操作,包括设置权限、修改用户信息等。系统用户界面如下图所示。

图5-7系统用户界面

5.2.2汽车信息管理

管理员点击“汽车信息管理”这一菜单会显示汽车信息列表和汽车信息添加两个子菜单,点击“汽车信息列表”可以查看汽车信息详情和用户评论,可以进行查询、重置和删除等操作。点击“汽车信息添加”,管理员可以添加新的汽车信息。汽车信息管理界面如下图所示。

图5-8汽车信息管理界面

5.2.3车辆咨询管理

管理员点击“车辆咨询管理”这一菜单会显示车辆咨询列表这个子菜单,点击“车辆咨询列表”可以查看车辆咨询详情,可以进行查询和删除等操作。车辆咨询管理界面如下图所示。

图5-9车辆咨询管理界面

5.2.4车辆维护管理

管理员点击“车辆维护管理”这一菜单会显示车辆维护列表和车辆维护添加两个子菜单,点击“车辆维护列表”可以查看车辆维护详情,可以进行查询、重置和删除等操作。点击“车辆维护添加”,管理员可以添加新的车辆维护。车辆维护管理界面如下图所示。

图5-10车辆维护管理界面

5.2.5系统管理

管理员点击“系统管理”菜单,可以对前台展示的轮播图进行设置,系统管理界面如下图所示。

图5-11系统管理界面

5.2.6通知公告管理

管理员点击“通知公告管理”这个菜单,可以对系统中的通知公告进行管理,包括公告的增删改查等操作。通知公告管理界面如下图所示。

图5-12通知公告管理界面

5.2.7资讯管理

管理员在资讯管理页面查看所有把汽车资讯文章,支持新增、编辑和删除操作。点击“新增”填写标题、内容并上传图片,选择分类后发布。可批量删除过期文章。资讯管理界面如下图所示。

图5-13资讯管理界面

6系统测试

6.1测试目的

测试的主要目的是确保系统的功能和性能满足预期的需求,同时识别和修复潜在的缺陷。通过系统测试,可以验证各个功能模块的正确性和稳定性,确保系统在不同使用场景下的表现符合设计要求。测试目的包括确认系统功能的完整性、验证数据处理的准确性、评估系统的性能和安全性。测试还可以提高用户满意度,保证用户在使用系统时获得流畅和可靠的体验。通过全面的测试,可以降低后期维护成本,减少系统上线后出现故障的风险,从而保障系统的长期稳定运行。

6.2测试方法

在本系统中,测试方法主要依赖于测试用例的设计与执行。测试用例是根据系统需求文档编写的,覆盖所有功能模块及其边界情况。每个测试用例包含输入数据、预期结果和实际结果的对比,以验证系统的功能是否按预期工作。

常见的测试用例包括功能测试用例、边界测试用例和异常测试用例[11]。功能测试用例针对系统的各项功能进行验证;边界测试用例则侧重于输入数据的边界条件,验证系统在极端情况下是否能够稳定运行;异常测试用例则用于验证系统在处理错误输入或异常情况时的反应。本文选择功能测试用例进行系统测试。

在测试执行过程中,记录每个用例的执行结果,并根据实际结果与预期结果的对比,判断系统是否存在缺陷。通过系统化的测试用例执行,可以有效提高测试的覆盖率和效率,为系统的最终上线提供保障。

6.3测试内容

通过对系统中所含的主要实体对象及其功能操作进行测试用例设计。以下是详细的测试:

表6-1用户注册登录测试表

用户注册登录测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

用户注册、登录

测试用户正确注册、登录

  1. 在首页界面注册一个新用户,按规定输入合理的注册信息,提交。
  2. 用户在登录界面输入账户密码登录

用户注册成功,登录成功

结果输出符合预期

通过

表6-2充电预约测试表

充电预约用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

充电预约

测试用户充电预约功能

  1. 点击充电预约,进入详情页;
  2. 点击“充电预约”,输入相关信息后点击提交

用户充电预约成功,生成新的充电预约信息

结果输出符合预期

通过

表6-3汽车信息评论测试表

汽车信息评论测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

汽车信息评论

测试用户汽车信息评论功能

1、在首页点击汽车信息并看详情;

2、点击评论,输入相关信息点击提交

生成新的评论信息

结果输出符合预期

通过

表6-4汽车信息添加测试表

管理员汽车信息添加测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

汽车信息添加测试

测试管理员添加汽车信息功能

  1. 管理员点击汽车信息、点击添加;
  2. 输入相关信息点击提交

汽车信息添加成功

结果输出符合预期

通过

表6-5公告删除测试表

公告删除测试用例:

用例说明

测试目的

测试步骤

预期结果

输出结果

通过情况

公告删除测试

测试公告删除功能

  1. 管理员点击公告管理;
  2. 选择一个公告点击删除并确认删除

公告删除成功,前端不在展示该公告

结果输出符合预期

通过

6.4测试结果

在本次测试的过程主要针对所有功能下的添加操作,修改操作和删除操作,并以真实数据一一进行相关功能项目的输入,最终能够保证每个项目涉及的功能都是能够正常运行,因此能够保证本次设计的,已实现的功能能够正常运行并且相关数据库的信息也同样保证正确。

7总结

经过一个学期的毕业设计的实现完成已接近尾声,到目前为止,当我回想起整个学期的系统开发日,收获颇丰。毕业设计的主要任务是建立一个智能化的新能源汽车服务网站,主要使用springboot+vue框架和Mysql数据库的开发工具,对系统的每个功能模块进行相对应的操作,最后,系统调试结果表明系统基本可以满足功能要求。

新能源汽车服务网站的开发对我大学学习的改进有很大帮助。它使我能够学习计算机知识的相关技术方面问题及与人交往的沟通交流方面,让我意识到无论我们做什么,我们都需要坚持不懈,努力工作,只有这样尝试了并且坚持去做了,我们才可以成功,才可以获得成功的喜悦,如果没有尝试,只是想,那连成功的机会都没有,实际操作进行做了,才会越来越近的靠近成功,随着道路一路向前,未来的路是美好的。

在项目的设计过程中,我克服了各种困难,并且在面对这些困难,我积极的面对,想办法解决问题,并且更好的掌握了理论知识和动手操作实践能力,从系统的开发到设计完成,我完成了一个更全面、更完善、更安全的系统,这也让我取得了很大的成就感,也使我对未来的生活更有信心。

参考文献

  1. 刘江涛,王亮亮,吴庆茹,等.基于B/S模式的铁路勘测设计案例信息化管理系统设计与实现[J].铁路计算机应用,2021,30(03):32-35.
  2. 张丹丹,李弘.基于B/S架构的办公管理系统设计与开发[J].铁路通信信号工程技术,2024,21(09):44-48+106.
  3. 王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.
  4. 熊永平.基于SpringBoot框架应用开发技术的分析与研究[J].电脑知识与技术,2021,15(36):76-77.
  5. 赵媛.基于Vue的Web系统前端性能优化分析[J].电脑编程技巧与维护,2024,(09):44-46.
  6. 秦冬.浅析Vue框架在前端开发中的应用[J].信息与电脑(理论版),2024,36(13):61-63.
  7. 李艳杰.MySQL数据库下存储过程的综合运用研究[J].现代信息科技,2023,7(11):80-82+88.
  8. 陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020,(01):14-15+28.
  9. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.
  10. 马艳艳,吴晓光.计算机软件与数据库的设计策略分析[J].电子技术,2024,53(05):104-105.
  11. 李俊萌.计算机软件测试技术与开发应用策略分析[J].信息记录材料,2023,24(03):50-52.
  12. Ma G ,Duan H .Research on Big Data-Driven Innovation in Java Programming Education[J].Exploration of Educational Management,2024,2(12):
  13. Wang Q ,Zheng L ,Hong R .Exploration on the Teaching Model of Java Programming and Practice for Students with No Programming Background[J].Advances in Educational Technology and Psychology,2024,8(6):
  14. Ullenboom C .Java Programming Exercises:Volume Two: Java Standard Library[M].CRC Press:2024-03-30.
  15. 金冰.纯电动汽车充电服务系统设计研究[J].汽车维修技师,2023,(08):99.
  16. 李中旭.新能源汽车充电产品服务系统设计研究[D].重庆工商大学,2023.DOI:10.27713/d.cnki.gcqgs.2023.000068.
  17. 王文君.电动汽车长途出行充电服务系统设计研究[D].华东理工大学,2022.DOI:10.27148/d.cnki.ghagu.2022.000403.
  18. 于佳.纯电动汽车充电服务系统设计研究[D].湖北美术学院,2020.DOI:10.27132/d.cnki.ghmsc.2020.000039.
  19. 冯志骥.基于文本挖掘的新能源汽车市场研究[D].河北经贸大学,2020.DOI:10.27106/d.cnki.ghbju.2020.000551.
  20. 王欣.电动汽车充电服务系统研究与设计[D].山东建筑大学,2019.

致谢

本论文的完成离不开众多导师、同学以及亲友的支持与帮助。在此,首先向我的导师表示最诚挚的感谢。在整个研究和写作过程中,导师以严谨治学的态度和丰富的专业知识给予了我无私的指导,从论文选题到最终定稿的每一个环节,都为我提供了宝贵的建议与意见,使我得以不断完善研究内容、拓展学术视野。导师耐心细致的指导不仅帮助我解决了许多学术难题,也让我在研究能力与学术写作方面得到了显著的提升。导师的鼓励与支持是我完成这篇论文的重要动力,也让我深刻体会到学术研究的严谨性与意义。

我还要感谢在学习生活中给予我帮助和支持的同学、朋友以及家人。论文撰写过程中,许多同学与我共同探讨问题,分享经验与资料,使我的研究更加全面深入。朋友们的关心和陪伴让我在繁忙的研究过程中能够调节心情,保持良好的状态。特别感谢我的家人,他们始终给予我无条件的理解和支持,为我创造了安心学习与研究的环境。正是因为有了大家的帮助和支持,我才能克服论文写作中的重重困难并顺利完成。再次向所有支持和帮助过我的人表达衷心的感谢。

附录

系统核心代码设计

用户注册

注册页UserController.java,传入user对象,并将"user_id"、 "state"、 "user_group"、"login_time"、"phone"、"phone_state"、 "username"、"nickname"、"password"、"email"、"email_state"、"avatar"、"create_time"输入,重点是 "username"、"nickname"、"password"必须输入,通过获取username,数据库查询是否有该用户,如果存在,则提示“用户已存在”,否则执行将UserId置为空(数据库表中该字段已设置自动递增),代码如图所示。

图注册核心代码图

用户登录

登录页,首先传入"username"、"email"、"phone"、"password",用户可通过用户名、邮箱、手机号进行登陆,通过判断resultList来确定查询结果,然后执行查询用户组UserGroup,用户组里面不存在,依然报“用户不存在”,执行完以上代码,最后涉及到用户带有“审核”的,会查询examine_state(用户的审核状态),数据库表user_group中含有source_table和source_field进行查询,以上步骤完成,对输入的密码进行存储Token到数据库,匹对账号和密码,数据库中的AccessToken为令牌,用于身份认证,代码如图所示。

用户登录核心代码图

修改密码

修改密码,通过请求data,获取旧密码,并将新密码重新赋值,期间都是需要通过加密,代码如图所示。

修改密码核心代码图

修改数据

修改一个数据,原理与add基本一致,不同点在于通过readConfig()读取关键字,以及通过readQuery()获取URL后面?指定位置的标识,转成Map对象后,执行update操作,同样通过拼接的sql语句执行,执行过程读取query,toWhereSql()语句完成数据库操作,body为修改对象的值,代码如图所示。

修改数据核心代码图

删除数据

删除一条数据,通过readQuery(),获取URL后面的对象地址,删除FROM具体的table,query删除查询FindConfig语句,代码如图示。

图4-11删除数据核心代码图

获取列表

通过请求的参数获取列表数据,代码如图所示。

图获取列表核心代码图

图片上传

通过请求的参数获取列表数据,代码如图4-13所示。

图片上传核心代码图

请关注点赞+私信博主,免费领取项目源码

更多推荐