在线租房平台源码+springboot+vue3(前后端分离)

145 阅读4分钟

大家好,今天给大家带来一个非常完善的 在线租房平台。 大家可用学习下系统的设计和源码风格。

 

视频演示

www.bilibili.com/video/BV1JP…

 

图片演示

 

 

 

 

 

 

完整源码+sql我已经整理清楚,移步:

关注宫众号 : “老罗软件”

 

技术栈

后端

技术框架:JDK8+SpringBoot + Mybatis-Plus

数据库:Mysql8

 

前端

核心框架

  • Vue 3 (^3.2.13) - 采用最新的Vue 3框架,支持Composition API

  • Vue Router 4 (^4.0.3) - 单页面应用路由管理

  • Vuex 4 (^4.0.0) - 状态管理
    UI组件库

  • Element Plus (^2.3.1) - 基于Vue 3的企业级UI组件库

  • Element Plus Icons (^2.0.10) - 图标库

  • 支持中文本地化配置

 

系统功能概述

整个系统分为 “管理员” ,“房东”, “租户” 三大角色。管理员拥有最大权限,可以对系统的公告,轮播图,用户等基础数据进行管理,还可以管理租房类型,地区等数据。房东可以发布房源,查看和审核预约单和租赁单。租户可以在前端系统进行预约看房,还可以完成租房。

 

管理员(房东)端功能

用户管理模块

  • 用户注册与登录 :支持用户账号注册、登录认证
  • 用户信息管理 :用户账号、密码、姓名等基本信息维护
  • 个人中心 :用户个人信息查看和修改

房源信息管理

  • 房源信息发布 :房屋名称、图片、类型、面积、地址、租金、介绍等详细信息
  • 房源分类管理 :按房屋类型(一室一厅、二室一厅、三室一厅等)进行分类
  • 房源状态管理 :未租赁、已租赁等状态跟踪
  • 房源搜索与筛选 :支持按地区、类型、价格等条件筛选

房屋租赁管理

  • 租赁申请处理 :用户提交租房申请,房东审核处理
  • 租赁合同管理 :租赁关系的建立和管理
  • 租赁状态跟踪 :租赁进度和状态监控

预约看房管理

  • 看房预约 :用户可预约看房时间
  • 预约审核 :房东或管理员审核预约申请
  • 预约状态管理 :预约进度跟踪

房东管理

  • 房东注册 :房东账号注册和认证
  • 房东信息管理 :房东基本信息维护
  • 房源发布管理 :房东发布和管理自己的房源

房屋资讯管理

  • 资讯发布 :房屋相关新闻、政策、市场动态等信息发布
  • 资讯分类 :资讯内容的分类管理
  • 资讯浏览 :用户可浏览相关房屋资讯

系统管理

  • 管理员管理 :系统管理员账号和权限管理
  • 轮播图配置 :首页轮播图的配置和管理

 

用户端核心功能

房源管理

  • 房源信息列表查看
  • 房源详情展示

租房业务

  • 房屋租赁
  • 租赁信息管理
  • 租赁合同处理
  • 租赁状态跟踪
  • 看房预约申请
  • 预约信息管理
  • 预约状态处理

用户系统

  • 用户管理
  • 用户注册/登录
  • 用户信息管理
  • 个人中心

内容管理

  • 房屋资讯
  • 租房相关新闻
  • 论坛交流
  • 攻略信息分享

 

系统部署

执行sql

用户需要自己安装好mysql数据库,注意,必须是mysql8 ,否则代码运行会出错。

然后用navicate等连接工具,连接到mysql服务,然后新建一个 hadluo-zufang 数据库, 然后执行 “hadluo-zufang.sql” 里面的表创建和数据导入。

前端部署

vue项目部署

前端的项目必须没有中文,否则启动会报错!!

安装node , 版本:v18.20.8 (18的大版本号对应就可以了) , 安装完成后。 进入到项目 hadluo-vue-admin 目录下,这个项目是vue管理后台端, 右键,运行cmd,运行下面命令:

 

npm run serve

 

 运行成功图例:

 

 

 进入到项目 hadluo-vue 目录下,这个项目是vue学生前端, 右键,运行cmd,运行下面命令:

 

npm run serve

  

运行成功图例:

 

 

 

启动后端项目

将maven设置的settings.xml改成你自己的配置。

 

 

然后刷新maven,等待项目下载依赖包完成。。。。。

然后部署后端 , 打开idea, 导入maven工程 hadluo-server。

打开resources目录, 修改 application.properties 配置文件,主要修改下面几个信息:

数据库信息(注意改成你的地址)

复制代码

spring:
    datasource:
        driverClassName: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3306/hadluo-zufang?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8&useSSL=false
        username: root
        password: qq123456

复制代码

 

然后启动 main 启动类 :SpringbootSchemaApplication.class

前端访问

管理后台 : http://localhost:8081/#/login

管理员账号密码: admin/123456

 

用户前端: http://localhost:8082/#/index/home