基于Springboot + vue3实现的湖南特产销售网

项目描述

本系统包含管理员和用户两个角色。

管理员角色：

1. 轮播图管理：管理轮播图信息，包括新增、查看、修改、删除轮播图。

2. 商品分类管理：管理商品分类信息，包括新增、查看、修改、删除商品分类。

3. 订单管理：管理订单信息，包括查看、删除、发货、销量统计等操作。

4. 用户管理：管理用户信息，包括新增、查看、修改、删除用户。

5. 商品信息管理：管理商品信息，包括新增、查看、修改、删除商品信息，以及查看评论。

6. 在线交流管理：管理在线交流信息，包括新增、查看、修改、删除、回复在线交流内容。

7. 网站公告管理：管理网站公告信息，包括新增、查看、修改、删除网站公告。

用户角色：

1. 购物车管理：管理购物车信息，包括查看、删除购物车中的商品。

2. 订单管理：管理订单信息，包括查看、删除、确认收货等操作。

3. 地址管理：管理收货地址信息，包括新增、查看、修改、删除收货地址。

4. 网站公告管理：查看网站公告信息。

5. 商品信息管理：查看商品信息及评论。

6. 在线交流管理：查看和新增在线交流内容。

技术选型

开发工具：Idea + Vscode 运行环境：JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术：SpringBoot + Mybatis-Plus + Maven 前端技术：Vue3 + Axios + Element-UI

系统截图

1.首页

2.网站公告

3.商品信息

4.在线交流

5.后台登录

6.商品分类管理

7.用户管理

8.商品信息管理

9.在线交流管理

10.网站公告管理

11.商品订单管理

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息（用户名/密码/库名）

启动后端服务

进入后端项目（/server_code） 执行：

mvn clean install
mvn spring-boot:run

前端依赖安装

进入前端目录（/manage_code或者/client_code） 执行安装命令：

npm install

启动前端服务

执行启动命令：

npm run serve 

访问系统

后端接口系统访问地址： http://localhost:8080 后台系统前端访问地址： http://localhost:8081 前台系统前端访问地址： http://localhost:8082

常见问题

端口冲突

• 修改后端配置文件application.yml

• 修改前端配置文件vue.config.js

前端安装依赖失败

• 删除node_modules、package-lock.json文件

rm -rf node_modules package-lock.json

• 清除缓存

npm cache clean --force

• 切换npm镜像源

npm config set registry https://registry.npmmirror.com