項目描述

本系統包含管理員、租户、房東三個角色。
管理員角色:
  1. 用户管理:管理系統中所有用户的信息,包括添加、刪除和修改用户。
  2. 房東管理:管理房東的信息,包括添加、刪除和修改房東。
  3. 管理員管理:管理其他管理員的信息,包括添加、刪除和修改管理員。
  4. 房屋信息管理:管理房屋信息,包括查看、刪除、審核房屋信息。
  5. 房屋户型管理:管理房屋户型,包括新增、查看、修改、刪除房屋户型。
  6. 看房申請管理:管理看房申請,包括查看、刪除看房申請。
  7. 租賃合同管理:管理租賃合同,包括查看、刪除租賃合同。
  8. 收租信息管理:管理收租信息,包括查看、刪除收租信息。
  9. 輪播圖管理:管理輪播圖,包括新增、查看、修改、刪除輪播圖。
租户角色:
  1. 看房申請管理:管理看房申請,包括查看、刪除、修改看房申請。
  2. 租賃合同管理:管理租賃合同,包括查看租賃合同。
  3. 收租信息管理:管理收租信息,包括查看、支付收租信息。
  4. 房屋信息查看:查看房屋信息,申請看房。
房東角色:
  1. 房屋信息管理:管理房屋信息,包括新增、查看、修改、刪除房屋信息。
  2. 看房申請管理:管理看房申請,包括查看、刪除、審核看房申請。
  3. 租賃合同管理:管理租賃合同,包括新增、查看、刪除、修改租賃合同。
  4. 收租信息管理:管理收租信息,包括新增、查看、修改、刪除收租信息。
  5. 房屋信息查看:查看房屋信息,申請看房。

技術選型

開發工具:Idea + Vscode 運行環境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服務端技術:SpringBoot + Mybatis-Plus + Maven 前端技術:Vue3 + Axios + Element-UI

系統截圖

1.首頁

基於Springboot + vue3實現的房屋系統_信息管理

2.房屋信息

基於Springboot + vue3實現的房屋系統_信息管理_02

3.後台登錄

基於Springboot + vue3實現的房屋系統_輪播圖_03

4.房東管理

基於Springboot + vue3實現的房屋系統_輪播圖_04

5.房屋户型管理

基於Springboot + vue3實現的房屋系統_輪播圖_05

6.看房申請管理

基於Springboot + vue3實現的房屋系統_創建數據庫_06

7.租賃合同管理

基於Springboot + vue3實現的房屋系統_輪播圖_07

8.收租信息管理

基於Springboot + vue3實現的房屋系統_輪播圖_08

9.輪播圖管理

基於Springboot + vue3實現的房屋系統_創建數據庫_09

運行步驟

準備環境

安裝JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

創建數據庫

使用Navicat工具創建數據庫並導入SQL腳本

配置後端

修改application.yml中的數據庫連接信息(用户名/密碼/庫名)

啓動後端服務

進入後端項目(/server_code) 執行:

mvn clean installmvn spring-boot:run

前端依賴安裝

進入前端目錄(/manage_code或者/client_code) 執行安裝命令:

npm install

啓動前端服務

執行啓動命令:

npm run serve

訪問系統

後端接口系統訪問地址: http://localhost:8080 後台系統前端訪問地址: http://localhost:8081 前台系統前端訪問地址: http://localhost:8082

常見問題

端口衝突

  • 修改後端配置文件application.yml
  • 修改前端配置文件vue.config.js

前端安裝依賴失敗

  • 刪除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
  • 清除緩存
npm cache clean --force
  • 切換npm鏡像源
npm config set registry https://registry.npmmirror.com