一、项目简介
智慧社区互动平台是一个基于 Spring Boot 3 + Vue 3 前后端分离的社区服务系统。系统采用经典的 B/S 架构,后端提供 RESTful API,前端通过 Vue Router 进行单页面路由管理。系统包含普通用户端和管理员端两大角色,主要提供社区动态分享、邻里互助、报修服务、活动报名、公告通知、即时通讯、好友关系等核心功能,旨在连接邻里居民,构建温馨便捷的数字化社区生活圈。
二、技术栈
| 技术分类 | 说明 |
|---|---|
| 后端框架 | Spring Boot 3.x |
| ORM | MyBatis-Plus(BaseMapper + LambdaQueryWrapper) |
| 权限控制 | 基于 HttpSession 的登录校验 + 前端路由守卫 |
| 前端框架 | Vue 3(Composition API + setup 语法) |
| 状态管理 | Pinia(userStore) |
| 构建工具 | Vite |
| UI 组件库 | Element Plus |
| 数据库 | MySQL(逻辑删除字段 deleted) |
| 文件上传 | Spring MultipartFile → 本地磁盘存储(按日期分目录) |
| 密码加密 | Hutool MD5 摘要 |
| 分页插件 | MyBatis-Plus PaginationInnerInterceptor |
三、功能模块
管理员端
- 仪表盘统计:展示用户总数、今日发帖数、待处理报修数、待处理求助数、总报名数、总动态数、总活动数、处理中/已完成报修数等核心指标
- 用户管理:查看用户列表(支持按用户名/社区筛选),启用或禁用用户账号
- 轮播图管理:新增/编辑/删除轮播图,设置图片、标题、链接、排序、展示时长和启用状态
- 公告管理:新增/编辑/删除公告,支持设置标题、内容、附件以及是否置顶
- 通知管理:新增/编辑/删除通知,支持发布给全部用户或指定用户,查看通知列表
- 动态管理:查看所有用户动态列表,支持删除违规动态
- 活动管理:新增/编辑/删除社区活动,字段包括标题、内容、图片、地点、开始/结束时间、报名截止时间、状态
- 报修管理:查看所有报修申请(支持按状态筛选),更新报修处理状态(待处理/处理中/已完成)
- 求助管理:查看所有求助信息(支持按状态筛选),标记求助为已解决,删除求助
普通用户端
- 社区动态:发布动态(支持文字、多图上传、标签),查看动态列表并支持按用户筛选
- 动态互动:对动态进行点赞/取消点赞,点赞数量实时更新;发表评论与回复评论(支持嵌套 parentId),删除自己的评论
- 好友关系:发送好友申请、接受/拒绝好友请求、删除好友,好友列表显示昵称/头像/社区
- 即时通讯:与好友进行一对一即时聊天(发送文字/图片消息),查看聊天会话列表与未读消息数
- 公告查看:查看系统公告列表(支持置顶排序),点击公告详情自动增加阅读量,收藏/取消收藏公告
- 通知中心:查看个人通知列表(支持按“全部用户”或“指定用户”类型筛选),标记通知为已读
- 活动报名:浏览社区活动列表(按状态筛选),查看活动详情,报名/取消报名活动(报名人数实时更新)
- 报修服务:提交报修申请(标题、内容、图片),查看本人的报修记录列表,对已完成的报修进行评分和评价
- 求助发布:发布求助信息(标题、内容、图片),管理本人的求助(标记已解决/删除),查看所有求助列表
- 个人中心:编辑个人资料(昵称、头像、所属社区),修改登录密码(需验证原密码)
- 用户搜索:按昵称模糊匹配搜索其他用户,查看搜索结果中的用户基本信息
四、项目总结
该项目技术亮点在于采用 Spring Boot 3 + Vue 3 最新技术栈,实现了完整的社区社交功能闭环,包括动态发布、即时通讯、好友关系、活动报名等核心场景。MyBatis-Plus 配合 LambdaQueryWrapper 实现高效数据操作,Pinia 管理前端全局状态,Element Plus 提供统一 UI 体验。系统适合作为 Java 全栈开发的实战学习项目,也可作为智慧社区、邻里社交类应用的二次开发基础。
界面展示
交付内容
本项目为完整交付,包含:
- 完整后端源码
- 完整前端源码
- 数据库初始化脚本(SQL)
- 万字项目文档(设计文档 / 论文,可作课程设计、毕业设计参考)
获取完整源码
完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库:https://gitee.com/kangxihuang/src-K180