农产品供销系统设计与实现+springboot+vue源码部署

今天教大家如何设计一个农产品供销系统   , 基于目前主流的技术：前端vue，后端springboot。

 同时还带来的项目的部署教程。

一. 系统概述

一个基于 Spring Boot + Vue.js 开发的农产品供销系统，有涉及到地址定位，完整的商城系统（商品管理，发货地址，订单，购物车等）。有前端和管理后端两种角色。有农业技术文章管理等丰富的功能。

前端功能概述

1. 首页展示

• 展示网站轮播图。
• 分类展示农产品。
• 网站公告和最热农业技术文章。
• 每日推荐。
• 欢迎选购。

2. 系统公告

• 后台管理员编辑的公告列表。
• 公告的详情。

3. 农产品

• 根据分类展示的所有的农产品。

4. 农业技术

• 后台管理管理的文章列表。点击可以查看文章详情。

5. 个人中心

• 修改用户基本信息。
• 我的收藏。
• 我的订单。
• 我的购物车。

 6. 商品详情

• 登录用户可以直接购买商品，也可加入购物车。
• 可以查看商品评价。
• 订单完成后，可以对商品进行评价。 

管理后端功能概述

1. 主页

• 统计用户，销量，下单量等。

2. 系统管理

• 系统图片，文件等管理。
• 用户管理。
• 角色菜单管理。

3. 商品管理

• 商品列表，上架商品。删除等。
• 商品类目的管理。

4. 轮播图管理

• 支持对首页的轮播图进行管理。

5. 订单管理

• 支持发货，退货等基本的订单操作。

6. 收藏管理

• 用户收藏过的商品。

7. 农业技术文章管理

• 对文章模块的管理。

系统视频演示

农产品供销系统+springboot+vue精品源码_哔哩哔哩_bilibili

系统测试部分截图

后台管理截图

前端截图

二. 技术栈概述

后端技术栈：

JDK8 + springboot + mysql8

前端技术栈：

vue + Axios 等

三. 系统部署

前端部署

安装node ， 版本：v22.15.0 ， 安装完成后。

 进入到项目 wxhaduo-ag-web 目录下， 右键，运行cmd，运行下面命令：

npm run dev

由于我已经跟你npm install好了，所以你无需执行，直接run就可以了！！

运行项目

到此前端项目部署完成。

执行sql

自己安装好数据库，注意，必须啊时mysql8 ，否则代码运行会出错。新建一个wxhadluo-ag数据库， 然后执行  “wxhadluo-ag.sql”

启动后端项目

然后部署后端 ， 打开idea， 导入maven工程 wxhadluo-ag-server。

打开resources目录， 修改 application.yml 配置文件，主要修改下面几个信息：

图片上传就是上传到了 static目录，所以路径一定要对，否则图片会不显示！！！

  

然后启动  main 启动类 

WXHadluoApp

四. 访问项目

后台管理+前端：

http://localhost:8080/

管理员角色账号 ： admin / admin

用户： hadluo / 123456

首页商品不展示的， 是地址获取和商品的地址不一致，请自己手动修改商品表的地址信息，或者你自己新建商品，指定地址和你定位的一致。