基于Springboot + vue3实现的农产品系统

项目描述

本系统包含管理员、用户、商家三个角色。
管理员角色:
  1. 轮播图管理:新增、查看、修改、删除轮播图。

  2. 订单管理:查看、删除已支付、已退款、商品、已完成、已发货、未支付、已取消订单。

  3. 商家管理:新增、查看、修改、删除商家信息。

  4. 用户管理:新增、查看、修改、删除用户信息。

  5. 产品分类管理:新增、查看、修改、删除产品分类。

  6. 系统公告管理:新增、查看、修改、删除系统公告。

  7. 农产品信息管理:查看、修改、删除、查看评论农产品信息。

用户角色:
  1. 购物车管理:查看、删除购物车中的商品。

  2. 订单管理:查看、删除未支付、已取消、已支付、已退款、商品、已完成、已发货订单,并可以确认收货。

  3. 地址管理:新增、查看、修改、删除地址信息。

  4. 系统公告管理:查看系统公告。

  5. 农产品信息管理:查看、查看评论农产品信息。

商家角色:
  1. 订单管理:查看、删除、发货已支付、已退款、商品、已完成、已发货、未支付、已取消订单,并进行销量统计。

  2. 系统公告管理:查看系统公告。

  3. 农产品信息管理:新增、查看、修改、删除、查看评论农产品信息。

技术选型

开发工具: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

相关推荐
LaughingZhu14 小时前
Product Hunt 每日热榜 | 2026-08-19
经验分享·深度学习·神经网络·百度·产品运营
智者知已应修善业15 小时前
【51单片机数码管逐位显示1-8余位不亮】2024-10-23
c语言·经验分享·笔记·嵌入式硬件·51单片机
上海广测检测科技有限公司16 小时前
AR眼镜欧盟CE认证详解:RED指令与近眼显示安全评估要点
经验分享·ar
保密资质顾问说18 小时前
网络安全等级保护与涉密信息系统集成资质的区别及选型分析
运维·网络·经验分享·安全·web安全
️学习的小王20 小时前
Anaconda国内镜像配置与conda常用命令
ide·经验分享·python·conda
khs1857183752720 小时前
AI液冷技术应用:超纯水保障算力芯片运行
人工智能·经验分享
草莓酱谈AI1 天前
2026主流AI创作工具对比,可编辑HTML交付工具优选清单
经验分享
天竺鼠不该去劝架1 天前
怎么搞财务自动化?RPA+AI 智能体优势在哪
经验分享
黑科技iOS上架1 天前
攻克Appstore4.3同质化拒审
经验分享·ai编程
中科同志科技先进封装2 天前
*QFP 芯片真空焊接设备应用指南与关键注意事项
经验分享·其他