SpringBoot3+Vue3+MySQL租房网站前后端分离源码实战

一、项目简介本项目是一套基于 Spring Boot 3 Vue 3 MySQL 的前后端分离租房平台。系统采用单体后端 独立前端的架构后端提供 RESTful API前端通过 Axios 调用接口并利用 Vue Router 进行路由控制。系统内置了普通用户端租客、房东端、管理员端三个角色覆盖了从房源发布、浏览、收藏、预约看房到后台审核、数据统计的完整业务闭环。代码结构清晰权限模型基于 RBAC 设计适合作为毕业设计或中小型项目的二次开发基础。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus分页插件、逻辑删除、字段自动填充权限认证Spring Security JWTjjwt 0.12.x密码加密BCryptPasswordEncoder前端框架Vue 3Composition API script setup状态管理与路由Vue Router路由守卫控制访问权限UI 组件库Element Plus图表库ECharts构建工具Vite数据库MySQL 8.x文件上传本地存储UUID 重命名单文件 10MB 限制三、功能模块管理员端数据统计展示总用户数、房东数量、租客数量、房源总数以及已上架/待审核/已出租房源数通过 ECharts 渲染房源城市分布饼图与房源状态柱状图。用户管理分页查询用户列表支持按用户名/姓名/手机号关键词模糊搜索按角色租客/房东/管理员筛选支持启用/禁用用户账号、删除用户。房源管理分页查看全部房源支持按标题关键词和房源状态待审核/已上架/已下架/已出租筛选管理员可修改房源状态包括审核通过、上架、下架、标记出租。公告管理发布公告标题、内容、状态支持编辑公告内容与上下架操作、删除公告前台首页展示最新 10 条已发布公告。普通用户端用户注册填写用户名、密码、手机号、邮箱等信息完成注册默认角色为租客TENANT。用户登录支持用户名/密码登录登录成功后返回 JWT Token并记录最近登录时间与累计登录次数。密码找回输入注册邮箱生成重置 Token通过 Token 在有效期内1 小时重置密码。房源浏览支持关键词标题/描述/地址、城市、区域、价格区间、户型条件筛选按最新发布、价格升序、价格降序、浏览量排序。房源详情查看房源图片、房东姓名与联系电话、房屋面积/楼层/朝向/装修/配套设施自动累计浏览量。收藏房源对感兴趣房源点击收藏/取消收藏收藏列表分页展示。预约看房选择看房时间、填写联系电话与留言提交后自动通知房东可查看预约状态待确认/已确认/已拒绝及房东回复内容。个人中心修改头像上传图片、更新真实姓名/手机号/邮箱等资料、修改登录密码需验证原密码。消息通知接收系统通知预约确认/拒绝等支持标记单条已读、全部已读、查看未读数量。房东端发布房源填写标题、描述、价格、押金、城市/区域/详细地址、户型、面积、楼层、朝向、装修、配套设施、封面图上传多张房源图片提交后状态为待审核。房源管理查看我发布的房源列表按状态待审核/已上架/已下架/已出租筛选支持编辑房源信息与图片、删除房源。编辑房源修改房源全部字段重新上传图片列表覆盖原图更新后保留原状态。预约处理查看租客的看房预约列表含租客姓名、房源标题、预约时间、联系电话、留言确认或拒绝预约并填写回复内容系统自动通知租客。图片上传支持上传房源图片与头像后端返回可访问的图片 URL。四、项目总结本项目技术选型主流后端采用 Spring Boot 3 整合 MyBatis-Plus 与 Spring Security JWT前端使用 Vue 3 Composition API 配合 Element Plus 与 ECharts前后端分离清晰接口设计规范。项目内置了 RBAC 权限模型、JWT 身份认证、逻辑删除、文件上传、消息通知等通用能力可直接用于学习 Spring Boot 3 Vue 3 全栈开发流程也可作为租房类业务系统的二次开发底座。适合用于课程设计、毕业设计或中小型 Web 项目的起步模板。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K312