企业官网建设流程全解析

一、项目简介

翡翠物业管理系统是一套基于 Spring Boot 3 + Vue 3 + MySQL 构建的 AI 辅助物业综合管理平台。系统采用前后端分离架构，内置管理员、物业人员、业主三种角色，覆盖楼栋房间管理、车位管理、收费管理、反馈工单、公告发布、操作日志监控等核心物业场景，并集成 DeepSeek AI 智能对话助手，为业主和物业人员提供即时问答服务。

二、技术栈

三、功能模块

管理员端

• 数据看板：统计入住业主数、管理楼栋数、待缴费用笔数、待处理工单数、公告发布数、车位使用情况等核心指标，并以柱状图、环形图、指标卡片形式展示。
• 用户管理：查看所有系统用户列表（含角色名称），支持新增、编辑、删除用户，创建时自动对密码进行 MD5 加密。
• 角色管理：查看角色列表，支持新增、编辑、删除角色，字段包括角色名称、角色标识、排序号、状态、备注。
• 业主管理：筛选出角色 ID 为 4 的业主用户列表，支持新增、编辑、删除业主账号。
• 楼栋管理：查看楼栋列表（楼栋名称、楼层数、每层户数、地址、状态），支持新增、编辑、删除楼栋。
• 房间管理：查看房间列表（关联楼栋名称、业主姓名、面积、楼层、状态），支持新增、编辑、删除房间，并支持分配业主。
• 车位管理：查看车位列表（车位编号、区域名称、月租费用、业主姓名、使用状态），支持新增、编辑、删除车位，并支持分配业主。
• 收费项目管理：查看收费项目列表（项目名称、单价、单位、备注），支持新增、编辑、删除收费项目。
• 收费记录管理：查看所有收费记录（关联业主姓名、房间号、楼栋名称、费用项目名称、金额、用量、账期、状态），支持新增、编辑、删除记录，并支持标记为已缴费并记录缴费时间。
• 反馈工单管理：查看全部反馈工单列表（关联业主姓名、处理人姓名、标题、内容、类型、状态、回复内容、图片），对工单进行回复处理（填写回复内容并变更状态为处理中/已完成）。
• 公告管理：查看公告列表（含发布人姓名），支持新增、编辑、删除公告（标题、内容、类型、封面图片、发布状态），支持上传封面图片。
• 日志监控：查看系统操作日志列表（用户ID、用户名、操作描述、请求方法、IP地址、创建时间），支持单条删除或一键清空所有日志。
• AI 智能助手：与 DeepSeek AI 进行对话，支持普通问答和流式对话（SSE），AI 可解答物业服务、缴费、报修、停车等物业相关问题。

普通用户端（业主端）

• 我的缴费：查看当前业主名下的所有缴费记录（含楼栋名称、房间号、费用项目、金额、账期、缴费状态），支持在线点击缴费并记录缴费时间。
• 我的反馈：查看当前业主提交的反馈工单列表（含处理人姓名、回复内容），提交新的反馈工单（填写标题、内容、类型、上传图片）。
• 社区公告：查看已发布的公告列表（按时间倒序），点击公告可查看详细内容（标题、内容、类型标签、发布时间）。
• AI 智能助手：与 DeepSeek AI 进行对话，咨询物业相关问题，支持普通问答和流式对话（SSE）。

前台访客端

• 首页：查看社区概况统计数据（楼栋数、房间数、业主数、车位数）。
• 公告列表：查看已发布的所有公告（按时间倒序），展示标题、内容摘要、类型标签、发布日期。
• 公告详情：点击公告进入详情页，查看完整标题、内容、类型、发布时间。

四、项目总结

本项目技术亮点在于采用 Spring Boot 3 + Vue 3 最新版本构建前后端分离架构，集成 DeepSeek AI 实现物业智能问答，并覆盖楼栋房间、车位、收费、工单、公告等完整物业场景。适用于高校课程设计、毕业设计以及希望学习 Spring Boot 3 + Vue 3 全栈开发、AI 集成、JWT 权限等技术的开发者进行二次开发或实战练习。

界面展示

交付内容

本项目为完整交付，包含：

• 完整后端源码
• 完整前端源码
• 数据库初始化脚本（SQL）
• 万字项目文档（设计文档 / 论文，可作课程设计、毕业设计参考）

获取完整源码

完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库：https://gitee.com/kangxihuang/src-K131