项目简介本系统是一款基于B/SBrowser/Server架构的家用电器在线销售平台采用前后端分离设计实现了从商品展示、购物车管理到订单处理的完整电商业务流程。系统支持管理员与普通用户两种角色管理员可对用户、商品分类、商品及订单进行统一管理普通用户可浏览商品、加入购物车、下单购买并管理个人订单。适用于课程设计、毕业设计、答辩演示及学习交流。核心功能介绍管理员端模块功能说明用户管理用户信息的增删改查支持查看用户列表与详情分类管理商品分类的维护支持新增、编辑、删除分类商品管理商品信息的增删改查库存管理商品图片上传订单管理订单列表查询订单发货订单取消用户端模块功能说明用户认证用户注册、登录商品浏览按分类筛选、按名称搜索商品查看商品详情购物车添加商品、修改数量、删除商品下单购买填写收货人、电话、地址提交订单订单管理查看我的订单确认收货个人信息修改个人资料、联系方式、收货地址技术栈介绍后端技术技术版本说明Java1.8开发语言Spring Boot2.1.8应用框架MyBatis2.1.0ORM持久层框架MySQL Connector8.0.17数据库驱动Lombok-简化实体类编写FastJSON1.2.58JSON序列化前端技术技术版本说明Vue2.6.11前端框架Vue Router3.2.0路由管理Element UI2.15.3UI组件库Axios0.21.1HTTP请求库其他技术版本说明MySQL8.0关系型数据库Maven3.6项目构建工具Node.js12.0前端运行环境项目结构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用户表字段类型说明idINT主键自增usernameVARCHAR(50)用户名唯一passwordVARCHAR(100)密码nameVARCHAR(100)姓名phoneVARCHAR(20)手机号addressVARCHAR(500)地址roleTINYINT角色0-普通用户1-管理员create_timeDATETIME创建时间2. category商品分类表字段类型说明idINT主键自增nameVARCHAR(100)分类名称descriptionVARCHAR(500)分类描述3. product商品表字段类型说明idINT主键自增nameVARCHAR(200)商品名称category_idINT分类ID外键priceDECIMAL(10,2)价格stockINT库存imageVARCHAR(200)图片路径descriptionTEXT商品描述statusTINYINT状态0-下架1-上架create_timeDATETIME创建时间4. orders订单表字段类型说明idINT主键自增order_noVARCHAR(50)订单号唯一user_idINT用户ID外键total_amountDECIMAL(10,2)订单总金额statusTINYINT状态0-待发货1-已发货2-已完成receiver_nameVARCHAR(100)收货人receiver_phoneVARCHAR(20)收货电话receiver_addressVARCHAR(500)收货地址create_timeDATETIME创建时间update_timeDATETIME更新时间5. order_item订单明细表字段类型说明idINT主键自增order_idINT订单ID外键product_idINT商品ID外键product_nameVARCHAR(200)商品名称快照product_priceDECIMAL(10,2)商品单价快照quantityINT购买数量6. cart购物车表字段类型说明idINT主键自增user_idINT用户ID外键product_idINT商品ID外键quantityINT数量create_timeDATETIME创建时间ER关系product.category_id→category.idorders.user_id→user.idorder_item.order_id→orders.idorder_item.product_id→product.idcart.user_id→user.idcart.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?useUnicodetruecharacterEncodingutf8useSSLfalseserverTimezoneGMT%2B8 username: root password: 你的密码2. 后端启动mvn clean package mvn spring-boot:run后端服务地址http://localhost:80803. 前端启动cd frontend npm install npm run serve前端服务地址http://localhost:80814. 生产部署# 前端打包 cd frontend npm run build # 后端打包 mvn clean package -DskipTests默认账号角色用户名密码管理员admin123456普通用户user123456主要接口用户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.0JDK 1.8、Maven 3.6、Node.js 12.0首次运行前需执行数据库脚本
项目简介本系统是一款基于B/SBrowser/Server架构的家用电器在线销售平台采用前后端分离设计实现了从商品展示、购物车管理到订单处理的完整电商业务流程。系统支持管理员与普通用户两种角色管理员可对用户、商品分类、商品及订单进行统一管理普通用户可浏览商品、加入购物车、下单购买并管理个人订单。适用于课程设计、毕业设计、答辩演示及学习交流。核心功能介绍管理员端模块功能说明用户管理用户信息的增删改查支持查看用户列表与详情分类管理商品分类的维护支持新增、编辑、删除分类商品管理商品信息的增删改查库存管理商品图片上传订单管理订单列表查询订单发货订单取消用户端模块功能说明用户认证用户注册、登录商品浏览按分类筛选、按名称搜索商品查看商品详情购物车添加商品、修改数量、删除商品下单购买填写收货人、电话、地址提交订单订单管理查看我的订单确认收货个人信息修改个人资料、联系方式、收货地址技术栈介绍后端技术技术版本说明Java1.8开发语言Spring Boot2.1.8应用框架MyBatis2.1.0ORM持久层框架MySQL Connector8.0.17数据库驱动Lombok-简化实体类编写FastJSON1.2.58JSON序列化前端技术技术版本说明Vue2.6.11前端框架Vue Router3.2.0路由管理Element UI2.15.3UI组件库Axios0.21.1HTTP请求库其他技术版本说明MySQL8.0关系型数据库Maven3.6项目构建工具Node.js12.0前端运行环境项目结构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用户表字段类型说明idINT主键自增usernameVARCHAR(50)用户名唯一passwordVARCHAR(100)密码nameVARCHAR(100)姓名phoneVARCHAR(20)手机号addressVARCHAR(500)地址roleTINYINT角色0-普通用户1-管理员create_timeDATETIME创建时间2. category商品分类表字段类型说明idINT主键自增nameVARCHAR(100)分类名称descriptionVARCHAR(500)分类描述3. product商品表字段类型说明idINT主键自增nameVARCHAR(200)商品名称category_idINT分类ID外键priceDECIMAL(10,2)价格stockINT库存imageVARCHAR(200)图片路径descriptionTEXT商品描述statusTINYINT状态0-下架1-上架create_timeDATETIME创建时间4. orders订单表字段类型说明idINT主键自增order_noVARCHAR(50)订单号唯一user_idINT用户ID外键total_amountDECIMAL(10,2)订单总金额statusTINYINT状态0-待发货1-已发货2-已完成receiver_nameVARCHAR(100)收货人receiver_phoneVARCHAR(20)收货电话receiver_addressVARCHAR(500)收货地址create_timeDATETIME创建时间update_timeDATETIME更新时间5. order_item订单明细表字段类型说明idINT主键自增order_idINT订单ID外键product_idINT商品ID外键product_nameVARCHAR(200)商品名称快照product_priceDECIMAL(10,2)商品单价快照quantityINT购买数量6. cart购物车表字段类型说明idINT主键自增user_idINT用户ID外键product_idINT商品ID外键quantityINT数量create_timeDATETIME创建时间ER关系product.category_id→category.idorders.user_id→user.idorder_item.order_id→orders.idorder_item.product_id→product.idcart.user_id→user.idcart.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?useUnicodetruecharacterEncodingutf8useSSLfalseserverTimezoneGMT%2B8 username: root password: 你的密码2. 后端启动mvn clean package mvn spring-boot:run后端服务地址http://localhost:80803. 前端启动cd frontend npm install npm run serve前端服务地址http://localhost:80814. 生产部署# 前端打包 cd frontend npm run build # 后端打包 mvn clean package -DskipTests默认账号角色用户名密码管理员admin123456普通用户user123456主要接口用户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.0JDK 1.8、Maven 3.6、Node.js 12.0首次运行前需执行数据库脚本
