计算机毕业设计—springboot+vue房屋租赁管理系统（附源码）

发布时间：2023年12月28日

1，绪论

1.1 课题来源

随着社会的不断发展以及大家生活水平的提高，越来越多的年轻人选择在大城市发展。在大城市发展就意味着要在外面有一处安身的地方。在租房的过程中，大家也面临着各种各样的问题，比如需要费时费力去现场看房，价格不透明等等，就对于年轻人们来说，这是一个十分令人头疼的问题。而对于即将要毕业，在外工作的我来说，也面临着租房的问题。所以，想尽自己所学，写一个房屋租赁管理系统。实现租房自由化。

1.2 开发背景和目的

随着科技的不断发展与进步，人们的办公工具由之前的纸质笔记本都已经改变成了计算机，数字化时代，移动设备打破了地域的限制和提供了大量的办公工具，它的使用能大幅度解决我们很多工作上的难题，大大提高我们的办公效率和管理效率。面对房源信息层出不穷的冲击，利用现有的技术实现房屋租赁管理系统来提高房屋租赁管理的效率不仅是大势所趋，更是一个有效的方法。

本系统致力把繁琐复杂的房屋租赁变得简单快捷，解决房屋租赁中遇到的各种问题，解决传统方式处理房屋租赁效率不高，浪费人力物力，且人工的因素导致的信息丢失不可靠问题，为房屋租赁提供简单可靠的服务。

2，技术框架

本系统中技术使用，后端技术涉及到Spring Boot，Spring Security，MyBatis，MySQL等，前端技术设计到Vue，ElementUI，axios，Web Socket等，系统架构基于B/S架构。

  • Spring Boot是当前流行的Java EE体系框架，Spring Boot提供了一种新的编程范式，能在小的阻力下开发Spring应用程序，可以更加敏捷地开发Spring应用程序，专注于应用程序的功能，不用在Spring的配置上多花功夫，甚至完全不用配置。Spring Boot遵循约定大于配置的理念，在父子工程理念上极大程度上解决了依赖冲突的问题。
  • Spring Security是Spring家族中的安全框架，Spring Boot对于Spring Security提供了自动化配置方案，可以零配置使用 Spring Security、Spring Security借助过滤器技术对Web应用进行保护，包括认证和授权两个过程。
  • Mybatis,MySQL是持久化技术，都是开源轻量，Mybatis是ORM解决方案，MySQL是数据库系统。
  • Vue 是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
  • axios是基于Promise 用于浏览器和 node.js 的 HTTP 客户端的异步编程解决方案，可以从浏览器中创建XMLHttpRequests，从node.js中创建http请求，支持Promise API，拦截请求和响应，转换请求数据和响应数据，客户端支持防御XSRF等。
  • vue-router在项目中用于前端动态加载路由管理。SPA应用来讲，其实就是在前后端分离的基础上，加一层前端路由，即是由前端来维护路由规则。实现有两种，一种是利用url的hash，另一种就是HTML5的History模式。这里我们使用vu实体属性outer的hash方式。
  • Element一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。
  • B/S架构是对C/S架构的一种改进，软件应用的业务逻辑完全由服务端实现，依托于浏览器，相对于C/S更轻量，用户体验要差一些，但是基于B/S的SPA和AJAX技术完美的解决了这个问题。

3，需求分析

管理员功能需求：

在此系统内，管理员的角色就是房东。如下为房东的功能需求：

  • 房屋信息管理：房东可对自己名下的房产进行管理，方便租户查看与租赁
  • 租金管理：房东可以向每套房子设置不同的房租，并设置收租时间，方便租户查看
  • 故障管理：房东在此查看租户上传的故障问题，并作出处理和回复
  • 新闻公告管理：对系统内的所有租户发送公告和通知
  • 租户管理：对系统内的所有租户进行管理
  • 个人中心：对自己的个人信息和密码进行管理

租户功能需求：

  • 房屋信息查看：租户可查看系统内的所有房屋，方便租房
  • 租金查看：方便租户查看自己的租金和交租日期
  • 故障申报：上传房屋问题以及修缮需求
  • 新闻公告查看：查看系统内的通知和公告
  • 个人中心：对自己的个人信息和密码进行管理📣 有源码 获取源码

4，系统设计

在这里插入图片描述

5，系统界面展示

登录界面：系统内只有一个登陆界面，用户登陆后会根据用户的角色自动分配页面

在这里插入图片描述

6， 管理员界面展示

系统首页

在这里插入图片描述

房屋信息管理

在这里插入图片描述

添加房屋信息

在这里插入图片描述

修改房屋信息

在这里插入图片描述

租金管理

在这里插入图片描述

添加租金信息

在这里插入图片描述

修改租金信息

在这里插入图片描述

故障管理

在这里插入图片描述

修改故障信息

在这里插入图片描述

新闻公告管理

在这里插入图片描述

新增公告

在这里插入图片描述

修改公告

在这里插入图片描述

租客管理

在这里插入图片描述

新增租客

在这里插入图片描述

修改租客信息

在这里插入图片描述

管理员个人信息查看

在这里插入图片描述

修改密码

在这里插入图片描述

7，租客界面展示

租户端 系统首页

在这里插入图片描述

房屋信息管理

在这里插入图片描述

查看房屋详情

在这里插入图片描述

租金管理

在这里插入图片描述

故障管理

在这里插入图片描述

故障申报

在这里插入图片描述

新闻公告查看

在这里插入图片描述

租户查看个人信息

在这里插入图片描述

租户修改密码

在这里插入图片描述

文章来源:https://blog.csdn.net/m0_46479461/article/details/135239118
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章