【开源】基于Vue.js的二手车交易系统

在这里插入图片描述

$\color{red}{文末获取源码，项目编号：S084。}$

一、摘要
- 1.1 项目介绍
- 1.2 项目录屏
二、功能模块
- 2.1 数据中心模块
- 2.2 二手车档案管理模块
- 2.3 车辆预约管理模块
- 2.4 车辆预定管理模块
- 2.5 车辆留言板管理模块
- 2.6 车辆资讯管理模块
三、系统设计
- 3.1 E-R图设计
- 3.2 可行性分析
- - 3.2.1 技术可行性分析
  - 3.2.2 操作可行性
  - 3.2.3 经济可行性
- 3.3 数据库设计
- - 3.3.1 用户信息表
  - 3.3.2 二手车辆档案表
  - 3.3.3 二手车预约表
  - 3.3.4 二手车预定表
  - 3.3.5 留言板表
四、系统展示
五、核心代码
- 5.1 新增二手车预约单
- 5.2 查询二手车预约单
- 5.3 查询全部二手车
- 5.4 审核预订单
- 5.5 查询单个二手车
六、免责说明

一、摘要

1.1 项目介绍

基于JAVA+Vue+SpringBoot+MySQL的二手车交易系统，分为管理后台和用户网页，包含了二手车档案、预约订单模块、预订单模块、留言板模块和车辆资讯模块，还包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，二手车交易系统基于角色的访问控制，给管理员、普通用户角色使用，可将权限精确到按钮级别，您可以自定义角色并分配权限，系统适合设计精确的权限约束需求。

随着我国互联网技术的不断发展，电子商务受到了广大年轻人的欢迎。在二手汽车行业中也是如此，由于疫情防控等原因，线上二手车销售额逐年增加，但我国目前还没有一套高效、稳定的二手汽车交易网站，满足人民群众的销售、过户、签合同需求。本文将针对二手汽车市场的实际需求，开发一个看车、下单、过户一体化的二手汽车交易网站，使用SpringBoot和Vue框架分别开发后端和前端，使用MySQL存储系统数据，以满足二手市场线上销售的需要。

1.2 项目录屏

源码下载

二、功能模块

二手车置换网站的功能需求主要包括六大模块:数据中心模块、二手车档案模块、车辆预约模块、车辆预定模块、车辆留言模块、车辆资讯模块。这是一个基于浏览器交互的web管理后台。各模块的详细信息如下。

2.1 数据中心模块

数据中心模块包含一个二手车交易网站的基本系统配置，包括连接用户管理、二手车平台组织结构管理、用户菜单权限管理、系统日志管理、公共文件云盘管理等。

在对接用户管理模块中，二手车运维公司的工作人员负责增删改查用户数据。

二手车组织架构是指二手车管理运营公司的组织架构。此模块针对管理这些组织结构和员工的部门所有者的部门级别进行定制。

公有云盘管理模块用于集中维护二手车交易网站的图片，如二手车照片、保险合同、三方合同等。

2.2 二手车档案管理模块

二手汽车交易网站的运维人员可以对二手车档案模块的数据进行增删改查处理，并且可以Excel导出二手车数据。

2.3 车辆预约管理模块

预约车辆意味着买方具有像卖方一样要求试用的原始意图。注册用户可以使用二手车配置文件模块发起预约请求。在收到预订请求后，卖方将积极联系买方进行后续预约测试。

2.4 车辆预定管理模块

车辆预定是购买者购买所选车辆的决定。买家可以在二手车简介中选择自己喜欢的二手车进行预订，输入理想价格和选项的审核，卖家就可以获得交易订单，卖方保留接受或拒绝买方预订要求的权利。

2.5 车辆留言板管理模块

在出售二手车的过程中，协商和冲突是不可避免的。因此，二手车销售网站专门设计了公告栏模块，解决二手车买卖双方、买家与平台之间的纠纷。双方均可在论坛上留言或回复。

2.6 车辆资讯管理模块

车辆信息管理模块用于在二手车平台上发布车辆消息和防骗推文。

三、系统设计

3.1 E-R图设计

目前，最常用的数据库是关系数据库。他们的系统设计是面向对象的。使用行和列存储数据。这对用户来说更加方便。注意对象类如何映射到数据库中的2D表是很重要的。因此，可以利用建模工具设计系统的E-R图，如下图所示。

在这里插入图片描述

3.2 可行性分析

3.2.1 技术可行性分析

Java是一种流行的开发语言。本系统采用Java语言编写，采用JSP进行动态界面的设计和显示，采用MySQL数据库完成系统设计。相对而言，Java语言在开发语言中是比较容易学习的，Java也是我在大学生活中比较喜欢的开发语言，所以我选择Java来开发二手汽车交易网站的后端。所以，二手汽车交易网站的技术选型是没有问题的。

3.2.2 操作可行性

本系统采用Java作为农业贸易的开发语言。操作人员只需要了解如何正常上网，可以使用操作系统，不需要深厚的计算机知识。这是一个高科技时代，智能设备已经进入千家万户，所以上网对大多数人来说是很容易的。

3.2.3 经济可行性

本系统是一个模拟的二手车交易网站，成本压力小。现在电脑很流行。你所需要做的就是在你自己的电脑上设计这个系统。你需要设计和使用的软件可以从互联网上搜索和下载。它们基本上是免费的，因此开发成本相对较低。同时，您可以在任何地方设计和开发您的系统，而无需财务方面的努力。该系统对计算机配置没有严格的要求，即不需要非常高级的配置。因此，该系统在经济上是可行的。

3.3 数据库设计

3.3.1 用户信息表

用户信息表，唯一的代码，以ID作为关键字段，创建人，创建时间，最近修改日期，最近更新日期，家庭地址，个人头像，个人签名，个人电子邮件地址，个人手机号码，用户名，登录密码，性别。还有用户状态，街道，用户类型，登录账号，等等。

在这里插入图片描述

3.3.2 二手车辆档案表

二手车档案表，二手车号是重要的字段，如二手车1·号、品牌、驾驶年、试运行时间、车辆照片、三方检验照片、价格、排量、型号、联系方式、电话、备注等。
在这里插入图片描述

3.3.3 二手车预约表

二手车。预约表，包括预约ID、二手车ID、二手车品牌、二手车价格、车辆照片、卖家姓名、卖家手机、买家ID、买家姓名、预订时间等字段，预约ID是一个关键字段。

在这里插入图片描述

3.3.4 二手车预定表

二手车预定表，预订ID、二手车ID、二手车品牌、二手车价格、车辆照片、卖家姓名、卖家手机、买家ID、买家姓名、预订时间、签订合同、签订合同、审批等,其中 ID是关键字段。
在这里插入图片描述

3.3.5 留言板表

留言板表有留言内容、留言时间戳、留言人等字段，其中留言编号为主键。

在这里插入图片描述

四、系统展示

在这里插入图片描述

五、核心代码

5.1 新增二手车预约单

@RequestMapping(value = "/addLook", method = RequestMethod.GET)
@ApiOperation(value = "新增二手车预约单")
public Result<Object> addLook(@RequestParam String carId){
    UsedCar usedCar = iUsedCarService.getById(carId);
    if(usedCar == null) {
        return ResultUtil.error("二手车不存在");
    }
    String userId = securityUtil.getCurrUser().getId();
    CarLook carLook = new CarLook();
    carLook.setCarId(carId);
    carLook.setBuyId(userId);
    carLook.setOrderTime(DateUtil.now());
    iCarLookService.saveOrUpdate(carLook);
    return ResultUtil.success();
}

5.2 查询二手车预约单

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询二手车预约单")
public Result<IPage<CarLook>> getByPage(@ModelAttribute CarLook carLook,@ModelAttribute PageVo page){
    QueryWrapper<CarLook> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(carLook.getBrand())) {
        qw.inSql("id","select id from t_car_look where car_id in (select id from t_used_car where brand like '" + carLook.getBrand() + "')");
    }
    if(!ZwzNullUtils.isNull(carLook.getBuyName())) {
        qw.inSql("id","select id from t_car_look where buy_id in (select id from t_user where nickname like '" + carLook.getBuyName() + "')");
    }
    if(!ZwzNullUtils.isNull(carLook.getSellerName())) {
        qw.inSql("id","select id from t_car_look where car_id in (select id from t_used_car where sell_name like '" + carLook.getSellerName() + "')");
    }
    if(!ZwzNullUtils.isNull(carLook.getOrderTime())) {
        qw.like("order_time",carLook.getOrderTime());
    }
    IPage<CarLook> data = iCarLookService.page(PageUtil.initMpPage(page),qw);
    for (CarLook look : data.getRecords()) {
        if(!ZwzNullUtils.isNull(look.getBuyId())) {
            User user = iUserService.getById(look.getBuyId());
            if(user != null) {
                look.setBuyName(user.getNickname());
            }
        }
        if(!ZwzNullUtils.isNull(look.getCarId())) {
            UsedCar usedCar = iUsedCarService.getById(look.getCarId());
            if(usedCar != null) {
                look.setBrand(usedCar.getBrand());
                look.setSellerMoney(usedCar.getMoney());
                look.setImageUrl(usedCar.getImageUrl());
                look.setSellerName(usedCar.getSellName());
                look.setSellerMobile(usedCar.getSellMobile());
            }
        }
    }
    return new ResultUtil<IPage<CarLook>>().setData(data);
}

5.3 查询全部二手车

@RequestMapping(value = "/getAllOnWeb", method = RequestMethod.GET)
@ApiOperation(value = "查询全部二手车")
public Result<List<UsedCar>> getAllOnWeb(@RequestParam(required = false) String title){
    QueryWrapper<UsedCar> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(title)) {
        // qw.and(wrapper -> wrapper.eq("system_guishu", ParameterSettings.YH_XZXT).or().eq("system_guishu",ParameterSettings.YH_YXXT).or().eq("system_guishu",ParameterSettings.YH_SJYFGS));
        if(title.startsWith("价格")) {
            String[] sp = title.split("价格");
            if(sp.length > 1) {
                String[] spp = sp[1].split("-");
                if(spp.length > 1) {
                    try {
                        qw.ge("money",BigDecimal.valueOf(Long.parseLong(spp[0])));
                        qw.le("money",BigDecimal.valueOf(Long.parseLong(spp[1])));
                    }catch (Exception e) {
                        return ResultUtil.error("价格搜索输入非数字");
                    }
                }
            }
        } else if(title.startsWith("排量")) {
            String[] sp = title.split("排量");
            if(sp.length > 1) {
                qw.eq("license",sp[1]);
            }
        } else {
            qw.like("brand",title);
        }
    }
    List<UsedCar> carList = iUsedCarService.list(qw);
    for (UsedCar car : carList) {
        QueryWrapper<CarOrder> carQw = new QueryWrapper<>();
        carQw.eq("car_id",car.getId());
        carQw.eq("audit_flag",true);
        if(iCarOrderService.count(carQw) > 0) {
            car.setCanOrder(true);
        }
    }
    return new ResultUtil<List<UsedCar>>().setData(carList);
}

5.4 审核预订单

@RequestMapping(value = "/doAudit", method = RequestMethod.POST)
@ApiOperation(value = "审核预订单")
public Result<Object> doAudit(@RequestParam String id){
    CarOrder carOrder = iCarOrderService.getById(id);
    if(carOrder == null) {
        return ResultUtil.error("订单不存在");
    }
    carOrder.setAuditFlag(true);
    iCarOrderService.saveOrUpdate(carOrder);
    return ResultUtil.success();
}

5.5 查询单个二手车

@RequestMapping(value = "/getOneOnWeb", method = RequestMethod.GET)
@ApiOperation(value = "查询单个二手车")
public Result<UsedCar> getOneOnWeb(@RequestParam String id){
    UsedCar car = iUsedCarService.getById(id);
    if(car == null) {
        return ResultUtil.error("二手车不存在");
    }
    QueryWrapper<CarOrder> qw = new QueryWrapper<>();
    qw.eq("car_id",id);
    qw.eq("audit_flag",true);
    if(iCarOrderService.count(qw) > 0) {
        car.setCanOrder(true);
    }
    return new ResultUtil<UsedCar>().setData(car);
}