基于SpringBoot2+vue2的靓车汽车销售网站

1. 资源

放到文章最后面

2. 项目简介

靓车汽车销售网站是B2C（Business-to-Customer，商对客）电子商务平台。系统基于Spring Boot框架构建，分为后台管理子系统和前端用户子系统。

• 后台管理子系统：为管理员提供全面的网站管理功能，包括用户管理、车辆信息管理（品牌、型号、展示）、维修材料管理、订单处理、内容管理（资讯、交流区、留言板）以及系统配置（轮播图、客服）等。
• 前端用户子系统：为注册用户提供浏览车辆、查看资讯、发表帖子、留言反馈、在线客服、将车辆加入购物车、下单购买及管理个人订单等核心购物功能。

3. 技术栈

4. 详细介绍

4.1 用户管理模块

• 用户角色：系统区分“管理员”（users表）和普通“用户”（yonghu表）。
• 用户功能：普通用户可进行注册、登录、修改个人信息（包括头像、联系方式等）、查看账户余额。
• 管理员功能：管理员可在后台查看、搜索、新增、修改或删除用户信息。

4.2 车辆展示与销售模块

• 车辆管理：管理员可以管理车辆品牌（cheliangpinpai表）和车辆型号（cheliangxinghao表），并发布车辆信息（cheliangzhanshi表）。车辆信息包含编号、品牌、型号、颜色、排量、价格、图片、详情等丰富字段。
• 前端浏览：用户可以在前台按品牌、型号等条件搜索、查看车辆列表和详细参数，并对车辆进行收藏。
• 购物流程：用户可将车辆加入购物车（cart表），在购物车中调整数量，生成订单（orders表）。下单时需选择收货地址，并完成支付。支付成功后，用户余额被扣除，订单状态更新为“已支付”。

4.3 订单与支付模块

• 订单状态机：订单拥有完整的状态流转：“未支付” -> “已支付” -> “已发货” -> “已完成”。用户也可发起“退款”或“取消”订单。
• 用户操作：用户可在“我的订单”中查看不同状态的订单，并执行支付、取消、确认收货等操作。
• 管理员操作：管理员可查看所有订单，并对“已支付”的订单执行“发货”操作，将其状态变更为“已发货”。

4.4 内容与交互模块

• 汽车资讯：管理员可以发布、修改、删除汽车相关资讯新闻（news表），供用户在前台阅读。
• 用户交流：用户可在论坛（forum表）发布帖子（可选择公开或私人），并回复其他用户的帖子，形成社区讨论。
• 留言板：用户可以在留言板（messages表）留言，管理员可以回复。
• 在线客服：用户可以通过前台悬浮入口打开客服聊天窗口（chat表），向管理员提问，管理员可在后台进行回复。

4.5 系统管理模块

• 轮播图管理：管理员通过“轮播图管理”（config表）配置首页展示的广告图片。
• 维修材料管理：管理员可以管理维修材料（weixiucailiao表），包括材料名称、分类、规格、数量等，可能用于售后或维修业务介绍。

5. 部分代码

5.1 后端 - 订单Controller (OrdersController.java)

该代码片段展示了订单模块的后端接口，包括分页查询、保存、更新和删除等标准RESTful API的实现。

// 文件路径: ./springbootil05r/src/main/java/com/controller/OrdersController.java
package com.controller;

// ... 省略导入 ...

/**
 * 订单 后端接口
 */
@RestController
@RequestMapping("/orders")
public class OrdersController {
    @Autowired
    private OrdersService ordersService;

    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params, OrdersEntity orders, HttpServletRequest request){
        // 非管理员用户只能看到自己的订单
        if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
            orders.setUserid((Long)request.getSession().getAttribute("userId"));
        }
        EntityWrapper<OrdersEntity> ew = new EntityWrapper<OrdersEntity>();
        PageUtils page = ordersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, orders), params), params));
        return R.ok().put("data", page);
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody OrdersEntity orders, HttpServletRequest request){
        ordersService.updateById(orders); // 全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        ordersService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    // ... 省略其他方法 ...
}

5.2 后端 - MyBatis-Plus 配置 (MybatisPlusConfig.java)

该代码展示了MyBatis-Plus的分页插件配置，是后端实现数据分页查询的基础。

// 文件路径: ./springbootil05r/src/main/java/com/config/MybatisPlusConfig.java
package com.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import com.baomidou.mybatisplus.plugins.PaginationInterceptor;

/**
 * mybatis-plus配置
 */
@Configuration
public class MybatisPlusConfig {

    /**
     * 分页插件
     */
    @Bean
    public PaginationInterceptor paginationInterceptor() {
        return new PaginationInterceptor();
    }
}

5.3 前端 - 后台管理路由配置 (router-static.js)

该代码片段是后台管理系统的前端路由配置，定义了各个管理模块（如车辆展示、订单管理）与前端组件的映射关系。

// 文件路径: ./springbootil05r/src/main/resources/admin/admin/src/router/router-static.js
import Vue from 'vue';
import VueRouter from 'vue-router'
Vue.use(VueRouter);

// ... 省略组件导入 ...

const routes = [{
    path: '/index',
    name: '首页',
    component: Index,
    children: [
        // ... 其他子路由 ...
        {
            path: '/cheliangzhanshi',
            name: '车辆展示',
            component: cheliangzhanshi // 车辆展示管理页面组件
        },
        {
            path: '/orders/:status', // 动态路由，处理不同状态的订单
            name: '订单管理',
            component: orders // 订单管理页面组件
        }
        // ... 其他子路由 ...
    ]
  },
  // ... 登录、404等其他顶级路由 ...
]

6. 部分截图

7. 项目总结

靓车汽车销售网站实现了一个功能完备的汽车销售网站，覆盖了从商品展示、用户交互到订单交易的全流程。通过分析源码，可以得出以下总结：

1. 架构清晰：项目严格遵循前后端分离的思想（后台管理），同时保留了传统的服务端渲染模式（用户门户）。后端采用Spring Boot框架，结构清晰，分为Controller、Service、Dao（使用MyBatis-Plus）层，职责分明。
2. 业务完整：系统包含了电商平台的核心要素：用户体系、商品管理（车辆）、购物车、订单、支付（模拟余额支付）和物流状态跟踪。此外，还集成了资讯、论坛、留言、客服等内容交互模块，增强了网站的社区属性和用户粘性。
3. 权限控制：通过Shiro和自定义拦截器AuthorizationInterceptor实现了基于Token的接口访问控制，区分了管理员和普通用户的权限，确保了后台数据操作的安全性。
4. 技术应用广泛：项目集成了多种主流技术和工具，如MyBatis-Plus简化数据操作、Vue+Element UI构建现代化后台、Layui快速搭建前台页面、TinyMCE实现富文本编辑等，展现了全面的全栈开发能力。
5. 可维护性：配置文件（application.yml）和前端常量配置（base.js, config.js）集中管理了环境变量和项目信息，数据库脚本独立，便于部署和二次开发。

总的来说，该项目是一个高质量的毕业设计或课程实践作品，它不仅完整地实现了一个在线销售平台的功能需求，也展示了开发者对主流Web技术栈的综合运用能力。

代码：https://fifteen.xiaobias.com/source/98