基于 SpringBoot 的家用电器销售系统

项目简介

本系统是一款基于B/S（Browser/Server）架构的家用电器在线销售平台，采用前后端分离设计，实现了从商品展示、购物车管理到订单处理的完整电商业务流程。系统支持管理员与普通用户两种角色，管理员可对用户、商品分类、商品及订单进行统一管理，普通用户可浏览商品、加入购物车、下单购买并管理个人订单。适用于课程设计、毕业设计、答辩演示及学习交流。

核心功能介绍

管理员端

用户端

技术栈介绍

后端技术

前端技术

其他

项目结构

c84/ ├── src/main/ │ ├── java/com/appliance/ │ │ ├── controller/ # 控制器层（RESTful API） │ │ │ ├── UserController.java │ │ │ ├── ProductController.java │ │ │ ├── CategoryController.java │ │ │ ├── CartController.java │ │ │ ├── OrdersController.java │ │ │ └── FileController.java │ │ ├── service/ # 业务逻辑层 │ │ ├── mapper/ # MyBatis数据访问层 │ │ ├── entity/ # 实体类 │ │ ├── common/ # 公共类（统一响应封装等） │ │ ├── config/ # 配置类（跨域、文件上传等） │ │ └── ApplianceApplication.java │ └── resources/ │ ├── mapper/ # MyBatis XML映射文件 │ ├── sql/ # 数据库初始化脚本 │ └── application.yml # 应用配置文件 ├── frontend/ │ ├── src/ │ │ ├── views/ # 页面组件 │ │ │ ├── Login.vue # 登录页 │ │ │ ├── Register.vue # 注册页 │ │ │ ├── Home.vue # 首页 │ │ │ ├── user/ # 用户端页面 │ │ │ └── admin/ # 管理端页面 │ │ ├── router/ # 路由配置 │ │ ├── App.vue │ │ └── main.js │ ├── package.json │ └── vue.config.js └── pom.xml

数据库设计

数据库概览

数据库名：appliance_sales，字符集：utf8mb4。

表结构说明

1. user（用户表）

2. category（商品分类表）

3. product（商品表）

4. orders（订单表）

5. order_item（订单明细表）

6. cart（购物车表）

ER关系

• product.category_id→category.id
• orders.user_id→user.id
• order_item.order_id→orders.id
• order_item.product_id→product.id
• cart.user_id→user.id
• cart.product_id→product.id

安装与运行

1. 数据库配置

执行src/main/resources/sql/appliance_sales.sql创建数据库并导入初始数据。

修改src/main/resources/application.yml中的数据库连接信息：

spring: datasource: url: jdbc:mysql://localhost:3306/appliance_sales?useUnicode=true&characterEncoding=utf8&useSSL=false&serverTimezone=GMT%2B8 username: root password: 你的密码

2. 后端启动

mvn clean package mvn spring-boot:run

后端服务地址：http://localhost:8080

3. 前端启动

cd frontend npm install npm run serve

前端服务地址：http://localhost:8081

4. 生产部署

# 前端打包 cd frontend && npm run build # 后端打包 mvn clean package -DskipTests

默认账号

主要接口

用户

• POST /api/user/login- 登录
• POST /api/user/register- 注册
• GET /api/user/{id}- 获取用户信息
• POST /api/user- 保存/更新用户信息

商品

• GET /api/product- 商品列表（支持分类、关键词筛选）
• GET /api/product/{id}- 商品详情
• POST /api/product- 保存商品（管理员）
• DELETE /api/product/{id}- 删除商品（管理员）

订单

• POST /api/orders- 创建/更新订单
• GET /api/orders- 全部订单（管理员）
• GET /api/orders/user/{userId}- 用户订单
• GET /api/orders/{id}- 订单详情

购物车

• POST /api/cart- 添加购物车
• PUT /api/cart- 更新购物车
• GET /api/cart/user/{userId}- 购物车列表
• DELETE /api/cart/{id}- 删除购物车项

注意事项

• 需预先安装并启动 MySQL 8.0
• JDK 1.8、Maven 3.6+、Node.js 12.0+
• 首次运行前需执行数据库脚本