一、项目简介

本项目是一款基于 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

五、功能模块

• 居民端：多角色登录（管理员/工作人员/居民）、公告浏览（置顶、分类、搜索）、公告详情（浏览、点赞、收藏、评论）、提交反馈、我的收藏、个人中心
• 管理端：数据统计大屏（公告数、用户数、分类饼图、趋势图）、公告管理（发布、编辑、审核、撤回、置顶）、用户管理、分类管理、操作日志审计

六、运行截图

项目资料清单

登录页

居民首页

公告列表

公告详情

提交反馈

我的收藏

个人信息

数据统计大屏

公告管理

用户管理

分类管理

操作日志

六、演示视频

项目已录制完整演示视频并添加背景音乐（有声音），可在本页顶部在线预览或下载。

七、使用说明

1. 启动 Redis（redis-server.exe --port 6379）；
2. 创建 MySQL 数据库并导入 community_announcement.sql 脚本；
3. 用 IDEA 打开 houduan 后端项目，修改 application.yml 配置后启动（端口 8081）；
4. 进入 qianduan 前端目录，执行 npm install 与 npm run serve -- --port 8082；
5. 浏览器访问前端地址，使用测试账号登录体验。