项目设计-基于SpringBoot和Vue开发的旧衣捐赠系统

前言

​ 基于springboot和Vue开发的旧衣捐赠系统，用户可以根据捐赠点位的位置信息查找离自己最近的旧衣捐赠点，然后去捐赠衣服。用户可以自行捐赠旧衣，然后管理员可以决定旧衣的用途，维护旧衣的去向信息，这样用户就能查询到自己捐赠的旧衣最终去了哪里。

功能设计

技术栈

1. 整体架构：前后端分离项目，前端基于Vue全家桶+ant design vue开发，后端基于SpringBoot框架开发，JDK版本1.8；
2. 权限管理：基于Spring-Security、Spring-Session 和 Redis实现精细化到按钮级别的分布式权限管理；
3. 接口风格：接口设计采用restful风格，基于http协议；
4. 数据库：MySQL、mybatis框架
   1. 日志采集：基于slf4j和Log4j2实现系统运行日志采集，基于切面实现系统操作日志采集

系统设计

登录页面

dashboard

首页数据大盘，按最近7天饼图占比、最近30天折线图走势、最近一年柱状图分析、最近7天各个时间段占比分析全方位可视化分析数据。

个人信息修改

可以在个人设置修改个人信息，也可以点击头像上传自己喜欢的头像。如果用户不上传头像，则显示系统默认头像。中上传个人头像

修改密码

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nSX75PRA-1667712120863)(https://gitee.com/i_little_interesting/document/raw/master/2022/uPic/image-20220107104122085.png)]****

用户管理

​ 可以创建用户，默认密码是123456，也可以在登陆页面去主动注册新用户

用户数据导出Excel

为新用户分配角色

在登陆页面可以进行新用户注册

填写注册相关信息

角色管理

极其灵活的权限设置，一个角色包含了一组菜单和按钮的权限集合，比如普通用户分配了用户修改权限，但是没有分配用户删除权限，那么这个用户就只能用户修改的权限，无法删除数据。

编辑角色拥有的权限列表

导出数据

旧衣分类管理

旧衣列表

点击详情可以放大图片

导出分类数据

捐赠点位管理

列表

详情

导出

捐赠记录管理

列表

普通用户在捐赠旧衣时需要新增一条捐赠记录

新建记录

维护旧衣去向

用户在新建旧衣捐赠记录时需要填写数量，比如捐赠了两件衣服，此时捐赠数量就是2。这里解释两个概念

捐赠数量：用户捐赠的旧衣数量；

库存数量：库存数量默认等于捐赠的数量，但是管理员可以将收集到的旧衣再转赠给偏远山区的有需要人员，比如刚刚的捐赠数量2，然后管理员转赠了1件，此时捐赠数量还是2，库存数量就变成1了；

维护旧衣去向

只有库存数量大于0、并且拥有旧衣去向新建权限的用户才会展示“维护旧衣”这个按钮，点击“维护旧衣”按钮，然后填写旧衣去向信息

此时这条旧衣记录的库存数量就是0了（原本是1）

导出捐赠记录数据

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2DcfFUPS-1667712120869)(https://gitee.com/i_little_interesting/document/raw/master/2022/uPic/image-20220108131932787.png)]

旧衣去向管理

用户可以在这里查询自己捐赠的旧衣都去了哪里

通过搜索捐赠记录名称，模糊查询搜索

点击详情查看旧衣去向的详细信息

导出

操作日志管理

管理员可以通过操作日志来监控整个系统，便于问题排查

登录日志管理