基于vue校园无人车售卖系统的设计与实现-附源码43449

目  录

Abstract

1 绪论

1.1研究背景与意义

1.3研究内容

1.4论文结构与章节安排

2 校园无人车售卖系统分析

2.1 可行性分析

（1）技术可行性分析

（2）经济可行性分析

（3）操作可行性分析

2.2系统流程分析

2.2.1 数据增加流程

2.2.2 数据修改流程

2.2.3 数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 校园无人车售卖系统总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3评论管理模块设计

3.2.4新闻资讯模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

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.2.2用户管理界面

4.2.3设备信息管理界面

4.2.4维修记录管理界面

5系统测试

5.1系统测试的目的

5.2 系统测试用例

5.3 系统测试结果

结论

参考文献

致  谢

摘要

基于Vue.js构建的校园无人车售卖系统是一种便捷的购买无人车的方式。该系统通过前后端分离，前端使用Vue.js框架搭建，后端使用Node.js和MySQL数据库来处理数据。用户可以通过系统浏览不同型号的无人车，并获取详细信息如价格、功能等。系统还提供了用户注册和登录功能，使用户能够保存喜欢的车辆和进行购买操作。管理员可以在后台管理界面上添加、编辑和删除车辆信息，并查看系统中的交易记录。这个系统为校园内的学生和教职员工提供了一个方便快捷的购车平台，帮助他们更好地满足个人出行需求。

关键词：校园无人车售卖系统；Vue框架；Node.js；MySQL数据库；数据交互

  

Abstract

The campus driverless car sales system built based on Vue.js is a convenient way to buy driverless cars. The system is separated by the front and rear ends, the front end is built using the Vue.js framework, and the back end uses the Node.js and MySQL databases to process the data. Users can browse different models of driverless cars through the system and obtain detailed information such as price and functions. The system also provides user registration and login functions, enabling users to save their favorite vehicles and conduct purchase operations. Administrators can add, edit, and delete vehicle information on the background management interface and view transactions in the system. The system provides a convenient and efficient platform for students and staff to buy cars on campus to help them better meet their personal travel needs.

Key words: campus unmanned car sales system; Vue framework; Node.js; MySQL database; data interaction

1 绪论

1.1研究背景与意义

近年来，随着科技的不断发展和智能化的推进，校园无人车系统逐渐成为了一个热门的研究领域。校园无人车指的是在校园内进行自动驾驶或半自动驾驶的车辆，可以用于搬运物品或者提供出行服务。目前，传统的校园交通方式仍然存在一定的问题和挑战。首先，校园交通流量大，尤其是在上下课时间段，交通拥堵问题严重。其次，校园内行车安全问题需要引起重视，特别是对于新生和校外人员来说，不太熟悉校园环境容易出现交通事故。此外，校园物品搬运也是一个很大的问题，传统的人工搬运效率低下，费时费力。因此，引入校园无人车系统可以有效解决上述问题。首先，校园无人车可以通过智能导航系统和交通流量控制算法，优化校园交通流动，减少拥堵现象。其次，无人车可以通过激光雷达和摄像头等感知设备，实时监测道路情况，避免交通事故的发生。最后，无人车可以应用于校园物品搬运，提高效率和减少人力成本。而在传统的校园无人车系统中，售卖系统的实现是一个重要的环节。基于Vue的校园无人车售卖系统可以提供一种方便快捷的购物方式，帮助学生和教职员工购买所需物品。用户可以通过手机APP或者网页端进行浏览和下单。系统会根据用户的需求和位置信息，选择最近的无人车进行配送。同时，系统还可以提供在线支付和订单追踪等功能，增加购物的便利性和用户体验。

综上所述，基于Vue的校园无人车售卖系统在解决校园交通和物品搬运问题方面具有重要意义。该系统具有智能化、高效率和便利性的特点，有望在校园中得到广泛应用。通过对该系统的深入研究和开发，可以进一步推动校园无人车技术。

1.2国内外研究现状

目前，国内关于基于Vue校园无人车售卖系统的研究主要集中在技术、商业模式和安全隐私等方面。在技术方面，研究人员探索如何利用Vue等前端框架构建用户界面，结合传感器技术实现无人车自主控制；商业模式研究侧重于调研学生消费需求，探索无人车在校园内的商品售卖方式和营销策略；同时，关注用户隐私和安全问题，通过加密技术和身份认证保护用户数据安全。随着无人车技术发展，这些研究将为未来校园无人车售卖系统的应用提供更多机会。

国外方面，许多先进国家在校园无人车售卖系统的设计与实现方面进行了深入的研究。一些研究关注于前端技术的发展和创新，根据国外研究人员的探索和应用，目前校园无人车售卖系统已经取得了一些重要进展。这些系统利用无人车技术实现自主运行和商品运送，通过智能导航和感知技术提供高效的商品送达。此外，无人车售卖系统正逐渐商业化应用，为师生提供方便快捷的购物体验。同时，研究人员还在不断探索使系统更加智能化和人性化的技术，以提升用户体验。这些进展有望提高校园内的售卖服务效率，并为相关技术的发展和应用带来积极影响。

综上所述，国内外对于校园无人车售卖系统的设计与实现都有一定的研究成果。然而，仍存在一些挑战和问题，如用户体验的提升、性能优化、数据安全等方面。因此，本论文将综合国内外研究现状，针对这些问题进行深入研究，提出创新的解决方案，以推动校园无人车售卖系统的发展和进步。

1.3研究内容

校园无人车售卖系统的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，校园无人车售卖系统的开发使用Vue框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对校园无人车售卖系统的设计主要划分别为管理员和用户角色。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。

1.4论文结构与章节安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题研究的背景，系统开发的现状和本文的国内外研究现状与主要工作。

第二章：系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

第五章：系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

第六章：总结。

2 校园无人车售卖系统分析

系统分析是开发一个项目的先决条件，通过系统分析可以很好的了解系统的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对系统开发进行可行性分析，通常包括技术可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

2.1 可行性分析

（1）技术可行性分析

校园无人车售卖系统的设计与实现在技术可行性方面是具有很大潜力的。利用现代化的前端框架如Vue，可以轻松构建交互性强、用户界面友好的网站。结合后端技术如Node.js，能够提供高效的数据处理和服务支持。已有的成功案例表明，基于这些技术的应用能够实现良好的扩展性、维护性和安全性。因此，从技术角度来看，设计与实现校园无人车售卖系统是具备较高的技术可行性的，为用户提供一个优秀的娱乐资讯平台。

（2）经济可行性分析

设计与实现校园无人车售卖系统在经济上具备可行性。系统可以使用免费开源的技术工具如Vue前端框架和Node.js后端框架，以及配套的开发工具和数据库，可以避免额外的经济投入。这些技术已经被广泛学习和应用，在学校进行了系统的学习，使开发人员能够独立操作并完成所需的开发任务。此外，这些技术还具备良好的扩展性、维护性和安全性，为校园无人车售卖系统的长期运营和持续发展提供了可靠的基础。综合考虑技术方面的经济可行性，设计与实现校园无人车售卖系统是具有潜力且经济上可行的选择。

（3）操作可行性分析

此次项目设计的时候我参考了很多类似系统的成功案例，对它们的操作界面以及功能都进行了系统的分析，将众多案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。因此操作可行性也没有问题。

2.2系统流程分析

业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

2.2.1 数据增加流程

 用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图2-1显示的就是在增加数据时的流程。

图2-1  数据增加流程图

2.2.2 数据修改流程

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图2-2所示。

图2-2  数据修改流程图

2.2.3 数据删除流程

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图2-3就是数据删除时的流程图。

图2-3  数据删除流程图

2.3 系统功能分析

2.3.1 功能性分析

按照校园无人车售卖系统的角色，我划分为了注册用户管理模块、维修然人员和管理员管理模块这两大部分。

注册用户管理模块：

（1）首页：展示系统的整体概况和最新的无人车信息，包括推荐车辆、促销活动等，方便用户快速了解系统内容。

（2）网站公告：管理员可以发布重要的系统公告，如系统维护通知、新功能上线等，用户可以查看最新的公告内容。

（3）新闻资讯：展示校园无人车相关的新闻和资讯，包括无人车技术、应用案例、行业动态等，让用户了解行业发展动态。

（4）导航地图：提供校园内的地图导航功能，用户可以查找校园内各个地点的无人车销售点，方便用户进行购物和体验。

（5）购买中心：展示校园无人车的详细信息和技术参数，用户可以通过筛选功能快速找到符合自己需求的无人车产品，并进行在线购买。

（7）商城管理：管理员可以对商城中的无人车商品进行管理，包括商品上架、价格调整、库存管理等，确保商品信息的准确性和可用性。

（8）导航地图：提供离线或在线地图导航功能，用户可以搜索目的地并获取详细路线指引，方便用户前往无人车销售点。

维护人员用户模块：

（1）后台首页：为您提供了一览无余的关于校园无人车售卖系统的实时信息，可以查看当前设备的运行状态，查看维修配件库存，以及保养计划的更新情况。

（2）设备信息管理：输入所维护的无人车设备的相关信息，如设备名称、型号、制造商、生产日期等，还可以更新设备的运行状态。

（3）维修配件管理：维将提供关于维修配件的详细列表，包括可用库存、当前库存量以及价格。可以进行配件的添加、删除和更新，还会提示何时需要更换或添加新的配件，以保持系统的稳定运行。

（4）维修记录管理：可以查看每台无人车设备的维修记录，包括维修日期、原因、修复结果等信息。跟踪设备的故障原因，确保系统的可靠性

（5）保养计划管理：根据设备的运行状态和历史记录，为每台设备制定保养计划。

管理员管理模块：

（1）后台首页： 提供管理员登录后的系统概览，包括数据统计、系统运行状态等信息的展示。

（2）系统用户： 管理系统用户的信息，包括添加、编辑、删除用户，同时可设置用户权限和角色。

（3）设备信息管理： 对校园无人车的设备信息进行管理，包括车辆基本信息、位置、状态等，支持设备的添加、编辑、删除等操作。

（4）维修配件管理： 管理校园无人车维修所需的配件信息，包括配件名称、价格、库存等，支持配件的添加、编辑、删除等操作。

（5）维修记录管理： 记录校园无人车的维修记录，包括维修时间、维修内容、维修人员等信息，能够进行维修记录的查看和管理。

（6）保养计划管理： 制定校园无人车的保养计划，包括保养周期、保养项目等，支持计划的查看、编辑、删除等操作。

（7）系统管理： 对系统参数进行管理，包括系统设置、数据备份、日志记录等功能。

（8）网站公告管理： 管理校园无人车售卖系统的网站公告信息，包括添加、编辑、删除公告内容。

（9）资源管理： 管理系统中的资源文件，如图片、视频等，支持资源文件的上传、下载、删除等操作。

（10）商城管理： 管理校园无人车售卖系统的商城信息，包括商品信息、订单管理、支付管理等功能。

2.3.2 非功能性分析

校园无人车售卖系统的非功能性需求比如 校园无人车售卖系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

表3-1 校园无人车售卖系统非功能需求表

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

2.4 系统用例分析

通过2.3功能的分析，得出了本校园无人车售卖系统的用例图：

注册用户角色用例如图2-3所示。

图2-3校园无人车售卖系统注册用户角色用例图

维护人员用户角色用例如图2-4所示。

图2-4校园无人车售卖系统注册用户角色用例图

web后台管理上的管理员是维护整个校园无人车售卖系统中所有数据信息的。管理员角色用例如图2-5所示。

图2-5校园无人车售卖系统管理员角色用例图

2.5本章小结

本章主要通过对校园无人车售卖系统的可行性分析、流程分析、功能需求分析、系统用例分析，确定整个校园无人车售卖系统要实现的功能。同时也为校园无人车售卖系统的代码实现和测试提供了标准。

3 校园无人车售卖系统总体设计

本章主要讨论的内容包括校园无人车售卖系统的功能模块设计、数据库系统设计。

3.1 系统架构设计

本校园无人车售卖系统从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图3-1校园无人车售卖系统架构设计图

表现层（UI）：又称UI层，主要完成本校园无人车售卖系统的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本校园无人车售卖系统时的舒适度。UI的界面设计也要适应不同版本的校园无人车售卖系统以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本校园无人车售卖系统的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本校园无人车售卖系统的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本校园无人车售卖系统的数据存储和管理功能。

3.2 系统功能模块设计

3.2.1整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本校园无人车售卖系统中的用例。那么接下来就要开始对本校园无人车售卖系统的架构、主要功能和数据库开始进行设计。校园无人车售卖系统根据前面章节的需求分析得出，其总体设计模块图如图3-2所示。

图3-2校园无人车售卖系统功能模块图

3.2.2用户模块设计

后台管理者能够实现对前台注册的用户增删改查操作，用户模块结构图如下图：

图3-3用户用户模块结构图

3.2.3评论管理模块设计

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

图3-4评论模块结构图

3.2.4新闻资讯模块设计

后台管理者能够实现对前台发布的新闻资讯进行增删改查操作，新闻资讯模块结构图如下图：

图3-5新闻资讯模块结构图

3.3 数据库设计

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

3.3.1 数据库概念结构设计

下面是整个校园无人车售卖系统中主要的数据库表总E-R实体关系图。

图3-6 校园无人车售卖系统总E-R关系图

下面根据 校园无人车售卖系统的数据库总E-R关系图可以得出 校园无人车售卖系统需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

图3-7注册用户E-R关系图

图3-8 公告E-R关系图

图3-9评论信息E-R关系图

图3-10新闻资讯E-R关系图

3.3.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	更新时间：

表cart (购物车)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cart_id	int	10	0	N	Y		购物车ID：
2	title	varchar	64	0	Y	N		标题：
3	img	varchar	255	0	N	N	0	图片：
4	user_id	int	10	0	N	N	0	用户ID：
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	state	int	10	0	N	N	0	状态：使用中，已失效
8	price	double	9	2	N	N	0.00	单价：
9	price_ago	double	9	2	N	N	0.00	原价：
10	price_count	double	11	2	N	N	0.00	总价：
11	num	int	10	0	N	N	1	数量：
12	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
13	type	varchar	64	0	N	N	未分类	商品分类：
14	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述

表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：

表device_information (设备信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	device_information_id	int	10	0	N	Y		设备信息ID
2	device_name	varchar	64	0	Y	N		设备名称
3	equipment_number	varchar	64	0	Y	N		设备编号
4	running_state	varchar	64	0	Y	N		运行状态
5	network_connections	varchar	64	0	Y	N		网络连接
6	electricity_situation	varchar	64	0	Y	N		电量情况
7	equipment_temperature	varchar	64	0	Y	N		设备温度
8	note_details	text	65535	0	Y	N		备注详情
9	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表goods (商品信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	goods_id	mediumint	8	0	N	Y		产品id：[0,8388607]
2	title	varchar	125	0	Y	N		标题：[0,125]用于产品和html的<title>标签中
3	img	text	65535	0	Y	N		封面图：用于显示于产品列表页
4	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
5	price_ago	double	8	2	N	N	0.00	原价：[1]
6	price	double	8	2	N	N	0.00	卖价：[1]
7	sales	int	10	0	N	N	0	销量：[0,1000000000]
8	inventory	int	10	0	N	N	0	商品库存
9	type	varchar	64	0	N	N		商品分类：
10	hits	int	10	0	N	N	0	点击量：[0,1000000000]访问这篇产品的人次
11	content	longtext	2147483647	0	Y	N		正文：产品的主体内容
12	img_1	text	65535	0	Y	N		主图1：
13	img_2	text	65535	0	Y	N		主图2：
14	img_3	text	65535	0	Y	N		主图3：
15	img_4	text	65535	0	Y	N		主图4：
16	img_5	text	65535	0	Y	N		主图5：
17	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
19	customize_field	text	65535	0	Y	N		自定义字段
20	source_table	varchar	255	0	Y	N		来源表：
21	source_field	varchar	255	0	Y	N		来源字段：
22	source_id	int	10	0	N	N	0	来源ID：
23	user_id	int	10	0	Y	N	0	添加人

表goods_type (商品类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	int	10	0	N	Y		商品分类ID：
2	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
3	name	varchar	255	0	Y	N		商品名称：
4	desc	varchar	255	0	Y	N		描述：
5	icon	varchar	255	0	Y	N		图标：
6	source_table	varchar	255	0	Y	N		来源表：
7	source_field	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	更新时间：

表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：

表maintenance_personnel (维护人员)

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

表maintenance_plan (保养计划)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	maintenance_plan_id	int	10	0	N	Y		保养计划ID
2	maintenance_account	int	10	0	Y	N	0	保养账号
3	employee_name	varchar	64	0	Y	N		员工姓名
4	employee_id	varchar	64	0	Y	N		员工编号
5	employee_mobile_phone	varchar	64	0	Y	N		员工手机
6	device_name	varchar	64	0	Y	N		设备名称
7	equipment_number	varchar	64	0	Y	N		设备编号
8	maintenance_number	varchar	64	0	Y	N		保养编号
9	maintenance_time	datetime	19	0	Y	N		保养时间
10	maintenance_content	text	65535	0	Y	N		保养内容
11	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
12	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表maintenance_records (维修记录)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	maintenance_records_id	int	10	0	N	Y		维修记录ID
2	repair_account	int	10	0	Y	N	0	维修账号
3	employee_name	varchar	64	0	Y	N		员工姓名
4	employee_id	varchar	64	0	Y	N		员工编号
5	employee_mobile_phone	varchar	64	0	Y	N		员工手机
6	device_name	varchar	64	0	Y	N		设备名称
7	equipment_number	varchar	64	0	Y	N		设备编号
8	repair_order_number	varchar	64	0	Y	N		维修单号
9	repair_time	datetime	19	0	Y	N		维修时间
10	maintenance_content	text	65535	0	Y	N		维修内容
11	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
12	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	更新时间：

表order (订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_id	int	10	0	N	Y		订单ID：
2	order_number	varchar	64	0	Y	N		订单号：
3	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
4	title	varchar	32	0	Y	N		商品标题：
5	img	varchar	255	0	Y	N		商品图片：
6	price	double	10	2	N	N	0.00	价格：
7	price_ago	double	10	2	N	N	0.00	原价：
8	num	int	10	0	N	N	1	数量：
9	price_count	double	8	2	N	N	0.00	总价：
10	norms	varchar	255	0	Y	N		规格：
11	type	varchar	64	0	N	N	未分类	商品分类：
12	contact_name	varchar	32	0	Y	N		联系人姓名：
13	contact_email	varchar	125	0	Y	N		联系人邮箱：
14	contact_phone	varchar	11	0	Y	N		联系人手机：
15	contact_address	varchar	255	0	Y	N		收件地址：
16	postal_code	varchar	9	0	Y	N		邮政编码：
17	user_id	int	10	0	N	N	0	买家ID：
18	merchant_id	mediumint	8	0	N	N	0	商家ID：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
21	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
22	state	varchar	16	0	N	N	待付款	订单状态：待付款，待发货，待签收，已签收，待退款，已退款，已拒绝，已完成
23	remark	text	65535	0	Y	N		订单备注
24	delivery_state	varchar	16	0	Y	N	未配送	发货状态：未配送，已配送
25	vip_discount	double	11	2	Y	N	0.00	折扣

表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已取消

表purchase_center (购买中心)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	purchase_center_id	int	10	0	N	Y		购买中心ID
2	vehicle_specifications	varchar	64	0	Y	N		车辆规格
3	cart_title	varchar	125	0	Y	N		标题：[0,125]用于产品html的标签中
4	cart_img	text	65535	0	Y	N		封面图：用于显示于产品列表页
5	cart_description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
6	cart_price_ago	double	8	2	N	N	0.00	原价：[1]
7	cart_price	double	8	2	N	N	0.00	卖价：[1]
8	cart_inventory	int	10	0	N	N	0	商品库存
9	cart_type	varchar	64	0	N	N	未分类	商品分类：
10	cart_content	longtext	2147483647	0	Y	N		正文：产品的主体内容
11	cart_img_1	text	65535	0	Y	N		主图1：
12	cart_img_2	text	65535	0	Y	N		主图2：
13	cart_img_3	text	65535	0	Y	N		主图3：
14	cart_img_4	text	65535	0	Y	N		主图4：
15	cart_img_5	text	65535	0	Y	N		主图5：
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表registered_users (注册用户)

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

表repair_accessories (维修配件)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	repair_accessories_id	int	10	0	N	Y		维修配件ID
2	accessory_name	varchar	64	0	Y	N		配件名称
3	accessory_number	varchar	64	0	Y	N		配件编号
4	number_of_accessories	int	10	0	Y	N	0	配件数量
5	accessory_specifications	text	65535	0	Y	N		配件规格
6	note_details	text	65535	0	Y	N		备注详情
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	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	更新时间：

表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	更新时间：

3.4本章小结

整个校园无人车售卖系统的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4 校园无人车售卖系统主要详细设计与实现

校园无人车售卖系统的详细设计与实现主要是根据前面的校园无人车售卖系统的需求分析和校园无人车售卖系统的总体设计来设计页面并实现业务逻辑。主要从校园无人车售卖系统界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入校园无人车售卖系统的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2用户登录界面

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

图4-2用户登录界面图

登录关键代码如下所示。

const md5 = require("md5");

var Controller = require("../core/controller.js");

class Login extends Controller {

constructor(config) {

super(

Object.assign({

tpl: "./login/",

service: "user",

},

config

)

);

}

}

Login.prototype.api = async function(ctx) {

var body = ctx.request.body;

var obj = await $.services["user"].get_obj({

username: body.username

},{like:false});

if (obj) {

var group = await $.services["user_group"].get_obj({

name:obj.user_group

})

if (group){

if (group.name!=="管理员"){

var sql = "select examine_state from "+ group.source_table +" WHERE user_id = " + obj.user_id;

var userExamine = await $.mysql.run(sql);

if (userExamine && userExamine.length > 0 && userExamine[0].examine_state!=="已通过"){

return {

error: {

code: 70000,

message: "该用户审核未通过"

},

};

}

}

if (obj.state!==1){

return {

error: {

code: 70000,

message: "用户非可用状态，不能登录"

},

};

}

var password = md5(body.password);

if (password === obj.password) {

ctx.session.user = obj;

var date = Date.parse(new Date());

var token = md5(obj.user_id + "_" + date);

await $.services["access_token"].add({

token,

info: JSON.stringify(obj),

user_id:obj.user_id

});

obj.token = token;

return {

result: {obj}

};

} else {

return {

error: {

code: 70000,

message: "密码错误"

},

};

}

}else {

return {

error: {

code: 70000,

message: "用户组不存在"

},

};

}

} else {

return {

error: {

code: 70000,

message: "账户不存在"

}

};

}

};

4.1.3用户注册界面

不是校园无人车售卖系统中正式用户的是可以在线进行注册的，如果你没有本 校园无人车售卖系统的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-3所示。

图4-3用户注册界面图

注册关键代码如下所示。

Register.prototype.index = async function(ctx) {

var group_list = await $.services["user_group"].get_list({}, Object.assign({}, this.config));

return await ctx.render(this.config.tpl + "index.html", {

group_list

});

};

Register.prototype.api = async function(ctx) {

var user = $.services.user;

var body = ctx.request.body;

var username = body.username;

var obj = await user.get_obj({

username

});

if (obj) {

return {

error: {

code: 70000,

message: "账户名已存在",

},

};

} else {

var password = md5(body.password);

var nickname = body.nickname;

var user_group = body.user_group;

var email = body.email;

var email_state= body.hasOwnProperty('email_state') ? body.email_state : 0;

var phone = body.phone;

var phone_state= body.hasOwnProperty('phone_state') ? body.phone_state : 0;

var avatar = body.avatar;

var bl_reg = await user.add({

username,

password,

nickname,

user_group,

email,

email_state,

phone,

phone_state,

avatar

});

if (bl_reg) {

return {

result: "注册成功"

};

} else {

return {

error: {

code: 70000,

message: "注册失败",

},

};

}

}

};

4.1.4新闻资讯界面

展示校园无人车相关的新闻和资讯，包括无人车技术、应用案例、行业动态等，让用户了解行业发展动态。界面如下图4-4所示。

图4-4新闻资讯界面图

4.1.5 购买中心界面

展示校园无人车的详细信息和技术参数，用户可以通过筛选功能快速找到符合自己需求的无人车产品，并进行在线购买。界面如下图4-5所示。

图4-5购买中心界面图

4.1.6导航地图界面

提供校园内的地图导航功能，用户可以查找校园内各个地点的无人车销售点，方便用户进行购物和体验。界面如下图4-6所示。

图4-6导航地图界面图

4.2管理员功能模块

4.2.1登录界面

管理员在登录界面输入账号+密码，点击“登录”按钮，系统在用户数据库表中会对管理员，系统用户的账号进行匹配，账号+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，如果管理人员忘记密码的话，点击“忘记密码”根据提示可以找回密码，然后再进行登录其主界面展示如下图4-8所示。

图4-8登录界面图

4.2.2用户管理界面

校园无人车售卖系统中的管理员在“用户管理”这一菜单是中可以对注册的注册用户以及管理员人员进行管控。界面如下图4-9所示。

图4-9用户管理界面图

用户管理代码如下所示。

module.exports = {

    db: "mysql",

    web: {

        port: 5000,

        host: "0.0.0.0"

    },

    mysql: {

        port: 3306,

        host: "127.0.0.1",

        user: "root",

        password: "root",

        database: "project93355",

        log: false,

        timezone:"08:00"

    }

}

4.2.3设备信息管理界面

 对校园无人车的设备信息进行管理，包括车辆基本信息、位置、状态等，支持设备的添加、编辑、删除等操作。界面如下图4-10所示。

图4-10设备信息管理界面图

4.2.4维修记录管理界面

记录校园无人车的维修记录，包括维修时间、维修内容、维修人员等信息，能够进行维修记录的查看和管理。如下图4-11所示。

图4-11维修记录管理界面图

4.2.5保养计划管理界面

   制定校园无人车的保养计划，包括保养周期、保养项目等，支持计划的查看、编辑、删除等操作。如下图4-12所示。

图4-12保养计划管理界面图

4.2.6系统管理界面

  对系统参数进行管理，包括系统设置、数据备份、日志记录轮播图设置等功能。如下图4-13所示。

图4-13系统管理界面图

5系统测试

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。

5.2 系统测试用例

系统测试包括：用户登录功能测试、网站公告展示功能测试、新闻资讯添加、新闻资讯搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

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

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

网站公告查看功能测试：

表5-2 网站公告查看功能测试表

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

管理员添加新闻资讯界面测试：

表5-3 管理员添加新闻资讯界面测试表

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

新闻资讯搜索功能测试：

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

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

密码修改功能测试：

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

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

5.3 系统测试结果

通过编写校园无人车售卖系统的测试用例，已经检测完毕用户登录模块、网站公告查看模块、新闻资讯添加模块、新闻资讯搜索模块、密码修改功能测试，通过这5大模块为校园无人车售卖系统的后期推广运营提供了强力的技术支撑。

结论

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

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

参考文献

[1]周瑛琪,张秀梅.智慧校园学习交流与交易网站设计与实现[J].现代信息科技,2024,8(05):49-53.DOI:10.19850/j.cnki.2096-4706.2024.05.011.

[2]凡飞飞,李观金.基于Vue和ThinkPHP的教育销售管理系统的设计与实现[J].电脑编程技巧与维护,2023,(12):88-90.DOI:10.16184/j.cnki.comprg.2023.12.004.

[3]张豪,朱石磊,胡建华,等.基于B/S架构的校园论坛系统的设计与实现[J].电脑知识与技术,2023,19(33):32-35.DOI:10.14004/j.cnki.ckt.2023.1779.

[4]马梁,向海涵,董佳一,等.基于Spring Boot的损害保险销售系统的设计与实现[J].工业控制计算机,2023,36(09):120-122.

[5]陈冬君,孔海军,吴荷,等.基于SpringBoot+Vue的智能随车营销系统[J].电脑与电信,2023,(09):55-59.DOI:10.15966/j.cnki.dnydx.2023.09.017.

[6]银莉,杜啸楠.基于SpringBoot和Vue的校园积分系统的设计与实现[J].集成电路应用,2023,40(07):414-415.DOI:10.19339/j.issn.1674-2583.2023.07.187.

[7]何亮.基于Vue的动态可视化分析系统的设计与实现[D].西南民族大学,2023.

[8]沈露,孙雨晨,义智文宇,等.基于互联网的爱心校园服务平台设计与实现[J].电脑编程技巧与维护,2023,(06):56-58.DOI:10.16184/j.cnki.comprg.2023.06.013.

[9]李晔.成熟度驱动的质量管理服务系统的设计与实现[D].北京邮电大学,2023.DOI:10.26969/d.cnki.gbydu.2023.001835.

[10]吴雪.千木奇农业生态园文旅康养信息平台的设计与实现[D].曲阜师范大学,2023.DOI:10.27267/d.cnki.gqfsu.2023.001290.

[11]黄丽娥,邱志才,吴国辰.基于Vue+Echart的校园常态化信息平台研究[J].长江信息通信,2023,36(04):177-180.

[12]李瑶,刘美慧,何冠男,等.基于O2O的校园服务平台设计与实现[J].集成电路应用,2023,40(04):102-103.DOI:10.19339/j.issn.1674-2583.2023.04.040.

[13]唐双林.基于Vue和SpringBoot架构的智能推荐农产品团购销售系统[D].重庆三峡学院,2023.DOI:10.27883/d.cnki.gcqsx.2023.000390.

[14]万玲娜.基于Web的社区销售平台设计与实现[J].现代计算机,2022,28(22):103-108.

[15]李胜,段元梅.基于Vue的校园活动社交平台设计[J].无线互联科技,2022,19(01):44-45.

[16]赵龙,王风硕.基于Vue的图书销售系统设计与实现[J].电脑知识与技术,2021,17(36):81-82+85.DOI:10.14004/j.cnki.ckt.2021.3570.

[17]周伟.装备制造业跨境电商平台设计及运营模式研究[D].沈阳大学,2021.DOI:10.27692/d.cnki.gsydx.2021.000398.

[18]丁海洋,王昊翔,姚全珠.基于MVVM框架的汽车销售管理系统设计与实现[J].电子制作,2021,(22):55-56+8.DOI:10.16589/j.cnki.cn11-3571/tn.2021.22.019.

[19]顾茗思懿,王会鲜.基于Vue+Spring Boot校园求职学习平台的设计与实现[J].电脑知识与技术,2020,16(33):94-96.DOI:10.14004/j.cnki.ckt.2020.3391.

[20]吴志霞,叶根梅,甘丽,等.基于Vue.js框架实现移动终端数据可视化研究与实践[J].通化师范学院学报,2020,41(06):62-66.DOI:10.13877/j.cnki.cn22-1284.2020.06.011.

致  谢

在完成这份论文的过程中，我得到了许多人们的帮助和支持。首先，我要感谢我的指导老师，他们给予了我宝贵的建议和指导，使得我的论文得以顺利完成。另外，我要感谢我的家人和朋友们，他们一直以来对我坚定的支持和鼓励，让我能够顺利度过这段研究生涯。同时，我还要感谢开源社区的各位贡献者们，他们的无私奉献和技术分享为我在研究和开发无人车售卖系统提供了很多帮助。特别是Vue.js框架的开发者们，他们的优秀的技术让我能够更加高效地完成系统的开发与实现。最后，我还要感谢所有参与这项研究和开发工作的同事们，他们的合作和共同努力让这个校园无人车售卖系统成为了一个成功的项目。

谨以此文表达我最诚挚的谢意！

点赞+收藏+关注  →私信领取本源代码、数据库