基于SpringBoot+Vue的二手闲置交易系统

项目概述

该系统是一个基于SpringBoot+Vue的二手闲置交易系统,支持管理员和普通用户两种角色,实现商品发布、浏览、购买、收藏、客服聊天等全流程二手交易功能。

获取链接:https://www.itlibs.cn/java/detail/263.html

项目技术栈

前后端分离

后端: Springboot2 + Mybatis
前端: Vue3 + ElementUI + Axios
数据库: MySQL

版本要求

JDK 1.8
MySQL 5.7
Node.js 16
Maven 3.8+
Navicat 16+
数据库表:13 张表
难度系数:

项目目录结构

一、java后端服务

1. 后端核心代码 (src/main/java/com/cl/)

1 2 3 4 5 6 7 8 9 10 11
com.cl/ ├── annotation/ # 自定义注解 ├── config/ # 配置类(数据源、拦截器等) ├── controller/ # 控制器层(API接口) ├── dao/ # 数据访问层(MyBatis接口) ├── entity/ # 实体类(数据库表映射) ├── interceptor/ # 拦截器(权限、日志等) ├── service/ # 业务逻辑层 ├── utils/ # 工具类库 └── SpringbootSchemaApplication # 启动类

2. 资源文件 (src/main/resources/)

1 2 3 4 5 6 7
resources/ ├── client/ # 可能存放客户端相关配置 ├── manage/ # 管理端相关资源 ├── mapper/ # MyBatis XML映射文件 ├── static/ # 静态资源(CSS/JS/图片等) └── application.yml # 主配置文件

二、vue后台管理系统

1. 核心配置文件

1 2 3 4 5 6 7 8
babel.config.js # Babel转译配置 vue.config.js # Vue CLI配置 jsconfig.json # JavaScript配置文件 package.json # 项目依赖和脚本 package-lock.json # 依赖版本锁定文件 .env.development # 开发环境配置 .env.production # 生产环境配置

2. 源码目录 (src/)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
src/ ├── assets/ # 静态资源(图片、样式等) ├── components/ # 公共组件 ├── router/ # 路由配置 ├── store/ # Vuex状态管理 ├── utils/ # 工具函数 ├── views/ # 页面组件 │ ├── address/ # 地址管理页面 │ ├── cart/ # 购物车管理页面 │ ├── chat/ # 客服聊天页面 │ ├── config/ # 系统配置相关页面 │ ├── discussshangpinxinxi/ # 商品评论页面 │ ├── orders/ # 订单管理页面 │ ├── shangpinleixing/ # 商品类型管理 │ ├── shangpinxinxi/ # 商品信息管理 │ ├── storeup/ # 我的收藏管理 │ ├── users/ # 用户管理(管理员) │ ├── yonghu/ # 用户相关(普通用户) │ ├── forget.vue # 忘记密码 │ ├── HomeView.vue # 首页 │ ├── index.vue # 入口页 │ ├── login.vue # 登录页 │ └── updatepassword.vue # 修改密码 ├── App.vue # 根组件 └── main.js # 入口文件

3. 公共资源

1 2 3
public/ # 纯静态资源(不会被webpack处理) node_modules/ # 依赖包目录

三、vue前台用户端

1. 核心配置文件

1 2 3 4 5 6 7 8 9
babel.config.js # Babel转译配置 vue.config.js # Vue CLI配置 jsconfig.json # JavaScript配置文件 package.json # 项目依赖和脚本 package-lock.json # 依赖版本锁定文件 .env.development # 开发环境配置 .env.production # 生产环境配置 .gitignore # Git忽略文件配置 README.md # 项目说明文档

2. 源码目录 (src/)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
src/ ├── assets/ # 静态资源(图片、样式等) ├── components/ # 公共组件 ├── router/ # 路由配置 ├── store/ # Vuex状态管理 ├── utils/ # 工具函数 ├── views/ # 页面组件 │ ├── pages/ # 业务页面模块 │ │ ├── shangpinleixing/ # 商品类型管理 │ │ ├── shangpinxinxi/ # 商品信息管理 │ │ ├── shop_address/ # 店铺地址管理 │ │ ├── shop_order/ # 店铺订单管理 │ │ ├── storeup/ # 收藏管理 │ │ └── yonghu/ # 用户管理 │ ├── forget.vue # 忘记密码 │ ├── home.vue # 首页 │ ├── login.vue # 登录页 │ └── index.vue # 入口页 ├── App.vue # 根组件 └── main.js # 入口文件

3. 公共资源

1 2 3
public/ # 纯静态资源(不会被webpack处理) node_modules/ # 依赖包目录

项目数据库

数据库概述

数据库名

cl06612176

字符集

utf8mb4

排序规则

utf8mb4_general_ci

主要数据表

表名 表描述
address 地址表
cart 购物车表
chat 客服聊天表
discussshangpinxinxi 商品信息评论表
orders 商品订单表
shangpinleixing 商品类型表
shangpinxinxi 商品信息表
storeup 我的收藏表
yonghu 用户表

项目功能介绍

后台管理系统

登录

管理员登录系统

修改密码

修改管理员密码

退出登录

安全退出系统

管理员管理

管理员账户管理

用户管理

普通用户信息管理

客服聊天管理

客服聊天记录管理

商品类型管理

商品分类管理

商品信息管理

商品信息增删改查

订单管理

商品订单管理

轮播图管理

首页轮播图管理

前台用户端

注册

新用户注册功能

登录

用户登录系统

退出登录

安全退出系统

首页浏览

浏览商品列表,查看商品信息

商品详情

查看商品详情,加入购物车,立即购买,收藏商品

购物车

购物车列表,提交订单,删除商品

客服聊天

与客服实时聊天沟通

个人中心

修改用户信息,修改密码,订单管理,地址管理,我的收藏

项目源码