基于 SpringBoot + Vue 的政府采购管理系统项目(前后端分离)

大家好，今天给大家带来一个超级简单的 政府采购管理系统项目。大家可用学习下系统的设计和源码风格。

 

视频演示

https://githubs.xyz/show/3ad2be7f-8547-42c6-8dec-be6439214ea4.mp4

图片演示

 

 

 

 

 

技术栈

后端

技术框架：JDK8+SpringBoot2+mybatis-plus

数据库：Mysql8 + Redis

word文档导入导出：poi-ooxml

用户token： JWT

用户菜单权限管理

前端

- Vue.js 2.6.14 - 主要的前端框架
- Vue Router 3.5.1 - 路由管理，使用history模式
- Vuex 3.6.2 - 状态管理
UI组件库
- Element UI 2.15.6 - 主要的UI组件库，提供丰富的组件如表格、表单、卡片等
数据可视化
- ECharts 5.3.2 - 用于图表展示，在首页显示统计数据的柱状图和饼图
HTTP请求
- Axios 0.26.1 - HTTP客户端，用于与后端API通信
- qs 6.10.3 - 查询字符串解析和序列化库

 

完整源码+sql我已经整理清楚，移步：

githubs点xyz/product/661

 

项目特点

1. 单页应用(SPA) - 使用Vue Router进行页面路由管理
2. 组件化开发 - 采用Vue组件化架构
3. 响应式布局 - 使用Element UI的栅格系统
4. 前后端分离 - 通过Axios与SpringBoot后端进行数据交互
5. 权限管理 - 实现了基于token的身份验证
6. 数据可视化 - 集成ECharts展示统计图表

 

系统功能概述

登录注册

管理员账号admin/123456 ， 用户可以自己注册，然后通过管理员分配权限菜单。

数据统计

页面有数据统计， 统计的维度有“用户数” ， “采购总数” ， “机构总数” ， “采购总额”, 季度用户统计折线图和柱状图，饼图。

机构管理

机构的属性有：“单位名称”， “机构代码”，“单位性质”，“地址”，“负责人”，“手机” 。 用户可以对机构进行增删改查。

采购计划管理

采购计划的属性有：“采购计划名称”，“采购单位”，“采购计划总额”，“采购计划信息” 。用户可以对采购计划进行增删改，还有导入和导出。

 采购管理

采购单的属性有：

采购单位

采购商品名称

商品单价

商数量

采购总额

 

用户可以对采购单进行批量删除，新增，查询，修改。

合同管理

合同的属性有：

合名称

单位名称

合同信息

 

用户可以对合同进行批量删除，新增，查询，修改。支持上传合同文件。

履约管理

履约时退款的表现，需要记录在案。属性如下：

退货名称
单位名称
退货金额

 

用户可以对履约单进行批量删除，新增，查询，修改。

 

供应商管理

 供应商的属性如下：

供应商名称
地址
对接负责人
手机
供应商邮箱
银行账号

用户可以对履约单进行批量删除，新增，查询，修改。还可以进行导入和导出。

商品管理

商品的属性如下：

商品名称
商品单价
商品类型
供应商

用户可以对商品进行批量删除，新增，查询，修改。还可以进行导入和导出。

 

系统管理

系统管理就是对系统的所有用户进行管理， 管理员还可以为用户分配菜单，还可以新建系统角色。还可以对系统的文件进行统一管理。

 

系统部署

 

执行sql

用户需要自己安装好mysql数据库，注意，必须是mysql8 ，否则代码运行会出错。
然后用navicate等连接工具，连接到mysql服务，然后新建一个 hadluo_purchasing 数据库， 然后执行 “hadluo_purchasing.sql” 里面的表创建和数据导入。

Redis安装

项目需要安装redis，直接下载一个windows版本的redis启动redis-ser即可。

前端部署

前端

前端的项目必须没有中文，否则启动会报错！！

安装node ， 版本：v22.15.0 ， 安装完成后。 进入到项目 purchasing-h5 目录下，这个项目是vue管理端， 右键，运行cmd，运行下面命令：
npm run dev
由于我已经跟你npm install好了，所以你无需执行，直接run就可以了！！

到此前端项目部署完成。

启动后端项目

将maven设置的settings.xml改成你自己的配置。

然后刷新maven，等待项目下载依赖包完成。。。。。

然后部署后端 ， 打开idea， 导入maven工程 purchasing。

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

spring:
  datasource:
    url: jdbc:mysql://127.0.0.1:3306/wxhadluo-fresh?characterEncoding=UTF8&serverTimezone=Asia/Shanghai
    username: root
    password: qq123456

redis信息

data:
  redis:
    host: 127.0.0.1
    port: 6379

图片存储磁盘路径(这个可以不要动，需要把图片文件\hadluo-purchasing（图片目录）放到D:\ftp下面，项目的图片才可以正常展示)

files:
  upload:
    path: D:\ftp\hadluo-purchasing # 图片等文件路径

然后启动 main 启动类 ：PurchasingApplication.class

浏览器访问

管理后端：http://localhost:8080/

管理员的账号密码 ： admin/123456