随着互联网技术的 飞速发展和人们的生活水平不断提高，国内房产中介的运作模式也从传统模式向信息化模式进行转变，通过运作模式不断进化，从而在当下的大数据时代实现信息的共享。在此等背景下，我设计和实现了基于ThinkPHP5.1底层框架和layui框架的房屋租赁管理系统。该系统的页面主要基于Vue.js 2.0，数据库采用MySQL，宝塔面板作为本地模拟服务器，并使用PhPstorm、VS Code、Navicat、Postman等工具进行系统的开发，其中Postman主要用于测试接口数据传递的正确与否。 本文共分为六个部分进行叙述。系统开发的背景分析了系统的可行性，阐述了系统设计的意义；技术背景简单的介绍了ThinkPHP 5.1、layui、Vue.js 2.0的特点；系统需求分析通过分析类似的业务工作模式，并设计系统模块；系统设计提出设计思想，建立与之对应的数据库；系统的实现主要包括接口实现、数据库实现和具体功能模块实现；系统测试讲述了项目在上线之前测试的重要 性和如何进行系 统测试工作。
目 录
一、 引言 1
(一) 系统设计背景 1
(二) 系统开发的意义 1
二、 技术背景 1
(一) ThinkPHP 5.1 1
(二) Layui 2
(三) Vue.js 2.0 2
三、 系统需求分析 3
四、 系统设计 4
(一) 系统功能图 4
(二) 数据库设计 5
五、 系统的实现 12
(一) 开发工具 13
(二) 数据接口实现 13
(三) 模块功能实现 13
以下只展示部分模块： 13
六、 系统测试 25
(一) 测试的原则 25
(二) 系统兼容性测试 26
(三) 可用性测试 26
(四) 系统部署 26
七、 结论 26
致谢 28
参考文献 29
引言
系统设计背景
目前，我国租赁企业渗透率远低于发达国家水平，根据我国住建部数据，现阶段一、二线城市租房比 *51今日免费论文网|www.51jrft.com +Q: &351916072& 
例已达到50%以上，而规模化住房租赁企业市场份额仅2%,品牌租赁机构更是寥寥无几，几乎是市场空白，发展房屋租赁机构市场空间巨大。我国的租房人群大体分为四类，一是困难群体，二是农民工，三是大学生毕业生等初入职场的年轻人，四是工作流动性较大或收入不稳定的人群。所以这就要求我们要规范的进行房屋租赁的管理，避免“虚假房源”套路，“黑中介”或“黑房东”套路，“低价房”陷阱。房屋租赁管理不仅是房地产市场管理的重要组成部分，也是社会治安综合治理的重要组成部分。房屋租赁登记备案管理有利于规范房屋租赁市场，保障社会稳定。因此，加强房屋租赁的规范化管理，将明确房屋租赁当事人的责任、权益，有效防止出租房屋的违法犯罪使用，有利于社会治安综合治理，保障房屋租赁市场健康发展。
系统开发的意义
人类社会已经从工业时代进入了信息时代。这些新技术正在从根本上改变我们的社会和经济生活。信息技术的发展对人们学习、掌握和使用知识提出了新的挑战。由于计算机技术和网络技术的应用，人们的学习速度在加快，即从数字处理时代到微机时代和网络时代，学习速度越来越快，这就要求我们的管理模式适应新的特点和新的模式。
基于现有的房屋租赁市场，为了给客户更好的租房体验，也为了能够给房租管理者拥有更便捷、明确的管理客户的相关信息。
技术背景
本系统采用MVC模式，V(view)指的是与用户交互的页面，例如HTML页面或者软件客户端页面，M(model)指的是业务规则，模型返回的数据是中立的，与数据格式无关，因此一个模型能为多个视图提供数据，C(controller)指的是控制器接受用户的输入并且调用模型和视图完成用户所需的需求，控制器本身不做任何处理。
ThinkPHP 5.1
ThinkPHP5.1在5.0的基础上对底层架构做了进一步的改进，引入新特性，并提升版本要求。另外一个事实是，5.1版本看起来对开发者更加友好，表现在目录结构更直观、调试输出更直观和代码提示更直观。
5.1正式引入了对象容器，可以更方便的快速存取对象和管理依赖注入。这是5.1基础架构的一大调整，5.0没有容器的概念，所有的依赖对象都在请求对象中，依赖注入虽有支持但不够规范也不通用化。有了容器对象，所有的依赖对象都可以在容器里面进行统一的实例化或者绑定，需要的时候可以直接拿出来，对于解耦和减少直接依赖很有帮助。
如果你需要对容器中的对象进行自定义实例化，可以在你的对象中添加__make静态方法来完成。5.1的核心类基本上都改造成了动态类，对需要提供静态调用的类则改为提供门面对象支持，好处是可以更好的支持单元测试，由于容器的支持而使得门面对象天生具有单例的特性。
5.1的路由基本上完全重构了，但最大程度的保留（或者说兼容）了5.0的用法，把原本的一个Route类拆分成独立的多个职责明确的类库，并且优化了路由匹配的算法，而且支持路由解析的缓存，极大提升了路由的性能。之前的路由规则中变量分两种，普通变量和组合变量定义，新版把这两种合二为一了（也就是说两种变量没有任何区别，仅仅是表现方式不同，而且是出于兼容考虑）。你现在完全可以在路由规则中以任何方式定义路由变量。
Layui
layui 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
layui 定义为“经典模块化”，并非是刻意强调“模块”理念本身，而是有意避开当下 JS 社区的主流方案，试图以尽可能简单的方式去诠释高效！它的所谓经典，是在于对返璞归真的执念，它以当前浏览器普通认可的方式去组织模块！
layui 认为这种轻量的组织方式，仍然可以填补 WebPack 以外的许多场景。所以它坚持采用经典模块化，也正是能让人避开工具的复杂配置，重新回归到原生态的 HTML/CSS/JavaScript本身！
Vue.js 2.0
Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统。
数据驱动
Vue.js数据观测原理在技术实现上，利用ES5Object.defineProperty和存储器属性: getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集的观测机制。核心是VM，即ViewModel，保证数据和视图的一致性。将原生的数据改造成 “可观察对象”，通常为，调用defineProperty改变data对象中数据为存储器属性。一个可观察对象可以被取值getter，也可以被赋值setter。在解析模板，也就是在watcher的求中，每一个被取值的可观察对象都会将当前的watcher注册为自己的一个订阅者，并成为当前watcher的一个依赖。

原文链接：http://www.jxszl.com/jsj/xxaq/608546.html