基于JAVA+SpringBoot+Vue的二手车交易系统

源码客栈

基于JAVA+SpringBoot+Vue的二手车交易系统

简介 & 技术栈

源码类型:商城/购物/二手,汽车/保险/停车
后端框架:SpringBoot
前端框架:ElementUI
视图技术:Vue
开发工具:IDEA
展示效果:PC网页

部署安装

部署文档

SpringBoot+Vue的部署流程1

软件下载（点击下方软件名称即可下载）

源码_获取

项目源码+参考论文

项目源码+参考论文+远程部署

总价

69.99 / 元

项目推荐

基于SpringBoot+Vue前后端分离的学校心理健康测试系统

azhou

部署文档

1,737

2023-09-10

二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。在互联网诞生之前，地域位置往往是人们思想上不可跨域的鸿沟，信息的传播速度极慢，信息处理的速度和要求还是通过人们骑马或者是信鸽传递，这些信息传递都是不可控制的，中间很有可能丢失，信息的传递水平决定了人们生活的水平。如今大家都在使用互联网软件产品，从内部管理设置计算机管理，提高内部信息化的管理水准，从外部市场也可以用计算机获取相关数据进行处理，如今各行各业已经严重依赖于计算机了。

本课题研究和开发二手车交易系统，让安装在计算机上的该系统变成管理人员的小帮手，提高二手车交易信息处理速度，规范二手车交易信息处理流程，让管理人员的产出效益更高。

课题意义
----

传统处理数据，必须是一张张纸，然后处理完毕又是统计在一张张纸上面，不断的重复处理，最终有个结果给最高层作为参考，这个模式在互联网没有出现之前，是一种常见的事情，信息管理的效率提不上去，人多不一定力量大，因为人多肯定更加消耗资源，并且因为人类需要休息，需要管理，思想会不统一，会偷懒，所以人们研究出专门帮助人们计算的机器，就是计算机的前身，到了互联网时代，人们发现完全可以让程序供应商提供解决方案，自己挑选自己合适的方案来提高自己的产出比。所以在日常工作和生活中会发现各种各样方便人们的工具。

本课题研发的二手车交易系统，就是提供二手车交易信息处理的解决方案，它可以短时间处理完信息，并且这些信息都有专门的存储设备，而且数据的备份和迁移都可以设定为无人值守，从人力角度和信息处理角度以及信息安全角度，二手车交易系统是完胜传统纸质操作的。

系统流程
----

### 流程

使用者在操作二手车交易系统中，应该按照本系统提供的操作流程（图3.1即为本系统的操作流程图）进行操作，可以减少操作失误，从而节省进入二手车交易系统的时间。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/0f136f8528e14c5c83761de0a2d7f48eb.001.png)

图3.1 系统操作流程

### 登录流程

二手车交易系统通过登录功能（图3.2即为其登录的流程）引导使用者进入指定的功能操作区，也避免非本系统的用户享受本系统提供的服务以及查看本系统提供的信息，进而保证用户安全。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/e7e96ea6b0b94a8bbd4b4f23b21df45db.002.png)

图3.2 登录流程

### 删除信息流程

二手车交易系统在经过长期使用后，会产生很多的数据信息。为了腾出存储空间存放更多的数据，本系统数据库中存储的数据，一些没有参考价值的数据需要进行删除（图3.3即为删除信息的流程），删除数据过程中，为避免误删，使用者要根据系统的提示来决定是否删除数据。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/b17ed3d33b1d4b65bde15ce0a8cb2710b.003.png)

图3.3 删除信息流程

### 添加信息流程

二手车交易系统提供可视化的功能操作区，非常方便使用者进行数据操作，当使用者往系统中录入数据时（图3.4即为添加信息的流程），本系统也会进行数据合法性的判断，符合要求的数据才能够在数据库指定表中进行登记。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/e36cc8aba594422b9a108b17614a5186b.004.png)

图3.4 添加信息流程

功能需求
----

二手车交易系统根据使用权限的角度进行功能分析，并运用用例图来展示各个权限需要操作的功能。

图3.5即为管理员用例图，管理员权限操作的功能包括增删改查商家，用户，公告，管理论坛信息，管理汽车和汽车留言以及汽车收藏信息等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/f9e261cc259b47729906ed49d252936db.005.png)

图3.5 管理员用例图

图3.6即为商家用例图，商家权限操作的功能包括新增汽车，上架汽车，下架汽车，回复汽车留言，管理汽车收藏，管理论坛信息。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/13a60930f8034f758925cf2d9501d9fcb.006.png)

图3.6 商家用例图

图3.7即为用户用例图，用户权限操作的功能包括收藏汽车，发布关于汽车的留言，查看汽车的介绍信息，通过论坛进行信息讨论与交流，查看公告等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/9cfbd75ad81e49d6bc66b2bc72728ba4b.007.png)

图3.7 用户用例图

用户对着浏览器操作，肯定会出现某些不可预料的问题，但是不代表着系统对于用户在浏览器上的操作不进行处理，所以说，要提前考虑可能会出现的问题。

功能结构设计
------

图4.1即为设计的管理员功能结构，管理员权限操作的功能包括增删改查商家，用户，公告，管理论坛信息，管理汽车和汽车留言以及汽车收藏信息等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/f95e980dbd0d43e5b739ff29250e3a4cb.008.png)

图4.1 管理员功能结构

图4.2即为设计的商家功能结构，商家权限操作的功能包括新增汽车，上架汽车，下架汽车，回复汽车留言，管理汽车收藏，管理论坛信息。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/63e26ed9fec949c5bede57e7373e1b33b.009.png)

图4.2 商家功能结构

图4.3即为设计的用户功能结构，用户权限操作的功能包括收藏汽车，发布关于汽车的留言，查看汽车的介绍信息，通过论坛进行信息讨论与交流，查看公告等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/835e2e8f140e4e3ea3e168c67b66cbbdb.010.png)

图4.3 用户功能结构

数据库设计
-----

二手车交易系统运行中产生的数据需要按照提前设置的存储规则进行保存，设计出一个符合项目的最优数据存储格式，因为它能减少用户的等待时间，还可以对系统的请求在最短时间内进行响应。所以，对数据库设计时，需要对功能需求进行详细的拆分，以及对业务状态的细分，然后设计具体的存储规则，保证数据库能正常运作，缩短数据处理时间，并在一定程度上降低数据冗余，节省存储空间。

### 数据库概念设计

实体-联系图还有一个名称即E-R图，是Entity Relationship Diagram各英文单词首字母的缩写，它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体，联系，属性的有效手段。绘制E-R图能够选择的工具也有很多，但是Office Visio 这款软件在E-R图的绘制上一般都是作为首选工具，因为它是基于可视化处理，使用它创建E-R图非常简单。使用基本的E-R图构成元素，比如椭圆，菱形，矩形，还有实线段来表达对应的信息，椭圆代表属性，即实体的特征，矩形代表实体，即数据库中的一个具体数据表，菱形代表实体中相互关系，实线段主要是完成椭圆，矩形，菱形的连接。

（1）图4.4即为汽车留言这个实体所拥有的属性值。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/e5ffd5c297dd4b0898d2c612d2992540b.011.png)

图4.4 汽车留言实体属性图

（2）图4.5即为汽车这个实体所拥有的属性值。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/47a904365163458282c3e80d805df5b7b.012.png)

图4.5 汽车实体属性图

（3）图4.6即为商家这个实体所拥有的属性值。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/cd519786fcfd46de8607e9dbdf012273b.013.png)

图4.6 商家实体属性图

（4）图4.7即为用户这个实体所拥有的属性值。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/345738472568413a9536e9262cc6f23bb.014.png)

图4.7 用户实体属性图

（5）图4.8即为上面介绍的实体中存在的联系。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/e23c6de4f64d4249ace43a544341fd82b.015.png)

图4.8 实体间关系E-R图

### 数据库物理设计

本小节主要任务即是根据上述内容进行数据存储结构的设计，实体的属性就用来表示字段名称，不同的字段表示的数据类型以及取值都不相同，以及该表各个字段是否能够保持空等进行说明，设计完成一张数据表的结构之后，在保存时同样要命名，尽量选择英文名称进行命名并保存，还不容易导致系统出错。接下来就对设计的表进行简单说明。

表4.1 汽车表

字段

注释

类型

空

id (主键)

主键

int(11)

否

shangjia\_id

商家

int(11)

是

cheliang\_name

汽车名称

varchar(200)

是

cheliang\_photo

汽车照片

varchar(200)

是

cheliang\_types

汽车品牌

int(11)

是

cheliang\_new\_money

价格

decimal(10,2)

是

cheliang\_clicknum

点击次数

int(11)

是

zan\_number

int(11)

是

cai\_number

踩

int(11)

是

cheliang\_content

汽车介绍

text

是

shangxia\_types

是否上架

int(11)

是

cheliang\_delete

逻辑删除

int(11)

是

create\_time

创建时间

timestamp

是

表4.2 汽车收藏表

字段

注释

类型

空

id (主键)

主键

int(11)

否

cheliang\_id

汽车

int(11)

是

yonghu\_id

用户

int(11)

是

cheliang\_collection\_types

类型

int(11)

是

insert\_time

收藏时间

timestamp

是

create\_time

创建时间

timestamp

是

表4.3 汽车留言表

字段

注释

类型

空

id (主键)

主键

int(11)

否

cheliang\_id

汽车

int(11)

是

yonghu\_id

用户

int(11)

是

cheliang\_liuyan\_text

留言内容

text

是

insert\_time

留言时间

timestamp

是

reply\_text

回复内容

text

是

update\_time

回复时间

timestamp

是

create\_time

创建时间

timestamp

是

表4.4 论坛表

字段

注释

类型

空

id (主键)

主键

int(11)

否

forum\_name

帖子标题

varchar(200)

是

yonghu\_id

用户

int(11)

是

shangjia\_id

商家

int(11)

是

users\_id

管理员

int(11)

是

forum\_content

发布内容

text

是

super\_ids

父id

int(11)

是

forum\_state\_types

帖子状态

int(11)

是

insert\_time

发帖时间

timestamp

是

update\_time

修改时间

timestamp

是

create\_time

创建时间

timestamp

是

表4.5 公告信息表

字段

注释

类型

空

id (主键)

主键

int(11)

否

news\_name

公告标题

varchar(200)

是

news\_types

公告类型

int(11)

是

news\_photo

公告图片

varchar(200)

是

insert\_time

添加时间

timestamp

是

news\_content

公告详情

text

是

create\_time

创建时间

timestamp

是

表4.6 商家表

字段

注释

类型

空

id (主键)

主键

int(11)

否

username

账户

varchar(200)

是

password

密码

varchar(200)

是

shangjia\_name

商家名称

varchar(200)

是

shangjia\_phone

联系方式

varchar(200)

是

shangjia\_email

邮箱

varchar(200)

是

shangjia\_content

商家简介

text

是

shangjia\_delete

逻辑删除

int(11)

是

create\_time

创建时间

timestamp

是

表4.7 管理员表

字段

注释

类型

空

id (主键)

主键

bigint(20)

否

username

用户名

varchar(100)

否

password

密码

varchar(100)

否

role

角色

varchar(100)

是

addtime

新增时间

timestamp

否

表4.8 用户表

字段

注释

类型

空

id (主键)

主键

int(11)

否

username

账户

varchar(200)

是

password

密码

varchar(200)

是

yonghu\_name

用户姓名

varchar(200)

是

yonghu\_phone

用户手机号

varchar(200)

是

yonghu\_id\_number

用户身份证号

varchar(200)

是

yonghu\_photo

用户头像

varchar(200)

是

sex\_types

性别

int(11)

是

yonghu\_email

电子邮箱

varchar(200)

是

create\_time

创建时间

timestamp

是

第5章 系统实现

编程人员在搭建的开发环境中，会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。

管理员功能实现
-------

### 商家管理

图5.1 即为编码实现的商家管理界面，商家信息包括联系方式，邮箱，商家名称等信息。管理可以使用修改功能对登记有误的商家信息进行修改，可以删除需要删除的商家信息等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/8a64c4cd9f85445880fa394ec054eb69b.017.png)

图5.1 商家管理界面

### 公告信息管理

图5.2 即为编码实现的公告信息管理界面，公告信息包括公告内容，图片等信息。管理可以使用修改功能对登记有误的公告信息进行修改，可以删除需要删除的公告信息等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/f8d1d34a877d4f8f85a9b6a59aad6082b.018.png)

图5.2 公告信息管理界面

### 论坛管理

图5.3 即为编码实现的论坛管理界面，论坛信息包括帖子标题，内容，发帖时间等信息，管理员可以删除需要删除的帖子信息，可以查看帖子的回复信息，可以修改帖子等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/413ae161dd404c8ebdc98be8e3ed412bb.019.png)

图5.3 论坛管理界面

商家功能实现
------

### 汽车管理

图5.4 即为编码实现的汽车管理界面，汽车信息包括价格，汽车照片等信息，商家可以新增汽车信息，可以下架汽车，上架汽车以及删除需要删除的汽车信息等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/cccc65f1d4f74e03b5c89bcbdc64e4a1b.020.png)

图5.4 汽车管理界面

### 汽车留言管理

图5.5 即为编码实现的汽车留言管理界面，汽车留言内容是用户发布的信息，而汽车的回复内容是商家的回复信息。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/d18872ad46414fe0b795519690727148b.021.png)

图5.5 汽车留言管理界面

### 论坛管理

图5.6 即为编码实现的论坛管理界面，商家也能通过论坛管理功能新增帖子，跟踪发布的帖子，比如随时查看帖子的评论，以及查看帖子的详情等。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/b94acb99925843a08b28040a3a87494eb.022.png)

图5.6 论坛管理界面

用户功能实现
------

### 汽车信息

图5.7 即为编码实现的汽车信息界面，用户查看汽车信息界面右侧区域展示的系统推荐的汽车信息，用户可以通过汽车介绍的查看来了解汽车，用户可以对汽车点赞或踩，也能在汽车信息界面下方的留言区域发布汽车的留言。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/60f73f439536423d9c1452f928b4f762b.023.png)

图5.7 汽车信息界面

### 在线论坛

图5.8 即为编码实现的在线论坛界面，用户通过在线论坛发布帖子，查看所有的帖子内容，以及用户把自己查看帖子的个人看法通过评论帖子的功能进行发布。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/6e9b9ddad73d4b51bc894d3b6dd71b68b.024.png)

图5.8 在线论坛界面

### 公告信息

图5.9 即为编码实现的公告信息界面，用户在查询框中编辑公告标题即可实现对公告信息的查询，用户可以查看公告信息界面展示的任意一条公告信息。

![](https://code-graden-server-dev.oss-cn-beijing.aliyuncs.com/other/2428525ce30342d7912ca1617f85024cb.025.png)

图5.9 公告信息界面