一、项目简介
本项目是一款基于 SpringBoot + Vue2 的社区公告发布管理系统。系统面向社区管理者与居民，提供公告发布、分类管理、居民反馈、数据统计等功能，居民可浏览、搜索、收藏、评论公告，管理员可发布审核公告并查看统计数据，适合作为计算机专业毕业设计、课程设计参考。
二、技术栈
- 后端：SpringBoot 2.7.5、MyBatis-Plus、MySQL 5.7、Redis、JWT
- 前端：Vue2、Ant Design Vue 1.7、ECharts
- 开发工具：IDEA / VS Code + Node.js 16+
三、运行环境
- JDK 1.8 或 JDK 17
- MySQL 5.7（数据库名 community_announcement）
- Redis 5+（缓存、分布式锁）
- Node.js 16+
- 后端端口 8081，前端端口 8082
四、测试账号
- 管理员：admin / 123456
- 工作人员：staff001 / 123456
- 普通居民：user001 / 123456
五、功能模块
- 居民端：多角色登录（管理员/工作人员/居民）、公告浏览（置顶、分类、搜索）、公告详情（浏览、点赞、收藏、评论）、提交反馈、我的收藏、个人中心
- 管理端：数据统计大屏（公告数、用户数、分类饼图、趋势图）、公告管理（发布、编辑、审核、撤回、置顶）、用户管理、分类管理、操作日志审计
六、运行截图
项目资料清单
登录页
居民首页
公告列表
公告详情
提交反馈
我的收藏
个人信息
数据统计大屏
公告管理
用户管理
分类管理
操作日志
六、演示视频
项目已录制完整演示视频并添加背景音乐（有声音），可在本页顶部在线预览或下载。
七、使用说明
- 启动 Redis（redis-server.exe --port 6379）；
- 创建 MySQL 数据库并导入 community_announcement.sql 脚本；
- 用 IDEA 打开 houduan 后端项目，修改 application.yml 配置后启动（端口 8081）；
- 进入 qianduan 前端目录，执行 npm install 与 npm run serve -- --port 8082；
- 浏览器访问前端地址，使用测试账号登录体验。
