# 24-在线捐赠系统 - 功能说明
# 项目概述
在线捐赠系统是一个集公益捐赠、志愿活动、健康资讯、爱心求助于一体的综合性公益服务平台。采用前后端分离架构,基于Vue 3和Spring Boot技术栈,为爱心人士提供便捷的捐赠渠道,为需要帮助的人提供求助发布平台,同时开展志愿者活动和健康知识科普,构建一个充满爱心的公益生态圈。
# ✨ 创新点
# 1. 技术架构创新
- 前后端分离架构:Vue 3 + Spring Boot技术栈,清晰的职责划分,高效开发
- JWT认证体系:基于Token的无状态认证,安全高效,支持跨域访问
- 双端协同:管理端、用户端独立设计,各司其职
- 响应式设计:基于Element Plus栅格系统,完美适配多端设备
# 2. 业务流程创新
- 四大功能体系:公益捐赠+志愿活动+健康资讯+爱心求助四位一体
- 智能分类管理:捐赠项目按类型分类(疾病救助/济困救灾/综合),求助信息审核管理
- 志愿活动报名:志愿者活动发布、报名、审核全流程管理
- 余额管理系统:用户账户余额管理,支持捐赠支付
# 3. 用户体验创新
- 富文本展示:捐赠项目、新闻资讯、求助信息富文本图文并茂
- 轮播图展示:首页轮播图和广告位,提升平台活跃度
- 捐赠记录跟踪:完整记录捐赠金额、时间、项目,透明公开
- 留言板功能:独立留言板,多级评论,构建交流社区
# 4. 数据智能创新
- 捐赠统计:实时统计捐赠总额、目标金额、完成进度
- 活动参与统计:志愿活动报名人数、审核状态统计
- 浏览量统计:新闻、求助信息浏览量实时统计
- 用户余额管理:账户余额实时更新,支持充值和消费
# 5. 安全可靠创新
- 审核机制:志愿活动报名审核、求助信息审核,确保信息真实性
- 权限隔离:管理员、用户权限严格分离
- 资金安全:余额管理系统,捐赠记录完整追溯
- 数据安全:utf8mb4字符集,数据完整性保障
# ✨ 项目亮点
# 一、 业务功能亮点
- 四大公益板块:捐赠、志愿、资讯、求助四大功能模块完整覆盖
- 完整捐赠流程:从项目浏览到捐赠支付、记录查询全流程管理
- 志愿活动体系:活动发布、报名、审核、状态管理完整流程
- 爱心求助平台:困难群体发布求助,审核通过后展示,接受社会帮助
- 健康资讯科普:健康知识文章发布,浏览量统计,提升用户粘性
# 二、 技术实现亮点
- 现代化前端技术栈:采用 Vue 3 + Vite + Element Plus + Pinia,开发高效,体验流畅
- 稳定可靠的后端架构:基于 Spring Boot 3 + MyBatis,配合JWT认证,构建稳健后端
- 完善的数据库设计:11张核心表,utf8mb4字符集,数据规范完整
- 富文本编辑器:集成富文本编辑器,支持捐赠项目、新闻、求助的图文编辑
- 多级评论系统:支持评论与回复,pid设计实现评论层级结构
# 三、 用户体验亮点
- 简洁优雅界面:专注公益核心功能,界面清晰温暖
- 响应式布局:基于Element Plus栅格系统,适配PC和移动端
- 交互优化:加载提示、操作确认、消息提示、表单验证全面覆盖
- 状态可视化:捐赠进度、活动状态、审核状态清晰展示
- 轮播图展示:首页轮播图和广告位,提升平台视觉效果
# 管理员功能
# 系统管理
管理员管理:管理全部管理员账号,支持新增、编辑、删除、启用/禁用操作
用户管理:管理全部用户账号,可修改用户信息、状态、余额
# 捐赠管理
捐赠项目管理:管理全部捐赠项目,支持新增、编辑、删除项目
项目分类管理:管理捐赠项目分类(疾病救助/济困救灾/综合)
目标金额设置:设置捐赠项目目标金额,系统自动统计已捐金额
捐赠记录管理:查看全部捐赠记录,统计分析
# 志愿活动管理
活动发布:发布志愿者活动,填写活动内容和要求
活动状态管理:管理活动状态(未开始/进行中/待审核)
报名审核:审核志愿者报名申请(已通过/未通过)
活动记录管理:查看全部活动报名记录
# 健康资讯管理
新闻发布:发布健康资讯文章,富文本编辑
新闻管理:编辑、删除新闻文章
浏览量统计:查看文章浏览量统计
# 爱心求助管理
求助信息审核:审核用户发布的求助信息(待审核/已通过)
求助信息管理:管理已审核通过的求助信息
浏览量统计:查看求助信息浏览量
# 营销管理
轮播图管理:管理首页轮播图,支持新增、编辑、删除、排序
广告位管理:管理广告位(轮播图右上/轮播图右下),支持位置配置、排序
# 互动管理
留言板管理:管理留言板评论,删除不当留言
评论管理:管理新闻评论,支持多级评论
# 数据统计
捐赠数据统计:统计捐赠总额、捐赠人数、项目完成度
活动数据统计:统计活动数量、报名人数、通过率
用户数据统计:统计用户数、余额总额
# 用户端功能
# 捐赠功能
捐赠项目浏览:浏览全部捐赠项目,支持按分类筛选(疾病救助/济困救灾/综合)
项目详情:查看项目详细介绍、目标金额、已捐金额、捐赠进度
在线捐赠:选择捐赠金额,使用账户余额进行捐赠
捐赠记录:查看自己的捐赠记录,包含捐赠项目、金额、时间
# 志愿活动
活动浏览:浏览全部志愿者活动
活动详情:查看活动详细内容、状态、报名要求
活动报名:在线报名参加志愿活动
报名记录:查看自己的报名记录和审核状态(已通过/未通过)
# 健康资讯
新闻浏览:浏览健康资讯文章列表
文章详情:查看文章详细内容,富文本图文展示
浏览量:文章浏览量自动增加
评论互动:发表评论、回复评论
# 爱心求助
求助信息浏览:浏览已审核通过的求助信息
求助详情:查看求助详细内容、封面图
发布求助:发布自己的求助信息,等待审核
我的求助:查看自己发布的求助信息和审核状态
# 留言板
浏览留言:查看留言板所有留言
发表留言:在留言板发表留言
留言互动:对留言进行回复,多级评论
# 个人中心
个人信息:修改个人信息(昵称、头像、联系方式、邮箱)
余额管理:查看账户余额,支持充值
我的捐赠:查看捐赠记录
我的活动:查看参加的志愿活动
我的求助:查看发布的求助信息
修改密码:修改登录密码
# 功能权限对照表
| 功能模块 | 管理员 | 用户 |
|---|---|---|
| 管理员管理 | ✓ | - |
| 用户管理 | ✓ | - |
| 捐赠项目管理 | ✓ | - |
| 捐赠记录查看 | ✓(全部) | ✓(仅自己的) |
| 志愿活动管理 | ✓ | - |
| 活动报名审核 | ✓ | - |
| 活动报名 | - | ✓ |
| 活动记录查看 | ✓(全部) | ✓(仅自己的) |
| 新闻管理 | ✓ | - |
| 新闻浏览 | ✓ | ✓ |
| 求助信息管理 | ✓ | ✓(仅自己的) |
| 求助信息审核 | ✓ | - |
| 轮播图管理 | ✓ | - |
| 广告位管理 | ✓ | - |
| 留言板管理 | ✓ | ✓(发表留言) |
| 评论管理 | ✓(全部) | ✓(仅自己的) |
| 数据统计 | ✓ | - |
# 状态说明
# 用户状态
- 启用:用户正常使用
- 禁用:用户被禁用,无法登录
# 活动状态
- 未开始:活动尚未开始
- 进行中:活动正在进行
- 待审核:活动等待管理员审核
# 活动报名状态
- 已通过:报名审核通过
- 未通过:报名审核未通过
# 求助信息状态
- 待审核:求助信息等待管理员审核
- 已通过:求助信息审核通过,公开展示
# 默认账号
# 管理员
用户名: admin
密码: 123456
2
# 测试用户
用户名: u1
密码: 123456
2
用户名: u2
密码: 123456
2
# 核心业务流程
# 捐赠流程
1. 用户登录系统 → 浏览捐赠项目
2. 选择捐赠项目 → 查看项目详情
3. 查看目标金额、已捐金额、捐赠进度
4. 点击"我要捐赠" → 输入捐赠金额
5. 确认捐赠信息 → 使用账户余额支付
6. 系统扣除余额 → 记录捐赠信息
7. 更新项目已捐金额和捐赠进度
8. 个人中心查看捐赠记录
2
3
4
5
6
7
8
# 志愿活动报名流程
1. 管理员发布志愿活动
2. 用户浏览活动列表 → 查看活动详情
3. 了解活动内容、时间、要求
4. 点击"报名参加" → 提交报名申请(状态:待审核)
5. 管理员审核报名申请
6. 审核通过(状态:已通过) / 审核未通过(状态:未通过)
7. 用户查看报名状态
8. 参加志愿活动
2
3
4
5
6
7
8
# 爱心求助发布流程
1. 用户登录系统 → 进入"爱心求助"页面
2. 点击"发布求助" → 填写求助信息
3. 填写求助标题、上传封面图
4. 使用富文本编辑器编写求助内容
5. 提交求助(状态:待审核)
6. 管理员审核求助信息
7. 审核通过(状态:已通过,公开展示) / 审核拒绝
8. 用户查看审核结果
9. 审核通过后展示在求助列表
10. 其他用户可浏览求助信息
2
3
4
5
6
7
8
9
10
# 健康资讯阅读流程
1. 管理员发布健康资讯文章
2. 用户浏览新闻列表 → 点击文章
3. 浏览量自动+1
4. 阅读文章内容
5. 发表评论 → 填写评论内容
6. 提交评论
7. 其他用户可查看评论
8. 回复评论 → 构建多级评论
2
3
4
5
6
7
8
# 系统特色
# 四大公益板块
- 公益捐赠:疾病救助、济困救灾、综合项目分类清晰
- 志愿活动:志愿者活动发布、报名、审核完整流程
- 健康资讯:健康知识科普,提升公益平台价值
- 爱心求助:困难群体求助平台,传递社会温暖
# 捐赠透明化
- 目标金额:每个项目设定明确目标金额
- 实时统计:已捐金额实时更新,捐赠进度清晰展示
- 记录追溯:完整记录捐赠人、金额、时间,透明公开
- 余额管理:用户账户余额管理,安全便捷
# 志愿者体系
- 活动发布:管理员发布志愿活动,详细介绍
- 在线报名:用户在线报名,便捷高效
- 审核管理:报名信息审核,确保活动质量
- 状态跟踪:活动状态实时更新,报名结果及时反馈
# 爱心求助
- 发布平台:为困难群体提供求助发布平台
- 审核机制:管理员审核求助信息,确保真实性
- 信息展示:审核通过后公开展示,接受社会帮助
- 浏览统计:求助信息浏览量统计,扩大影响力
# 健康资讯
- 知识科普:发布健康知识文章,提升用户健康意识
- 富文本展示:图文并茂,内容丰富
- 评论互动:多级评论,构建交流社区
- 浏览统计:文章浏览量统计,热门内容推荐
# 营销推广
- 轮播图:首页轮播图展示重点项目
- 广告位:灵活的广告位配置(轮播图右上/右下)
- 留言板:独立留言板,用户自由交流