reactnative的租房信息管理系统app的设计与实现
摘 要随着互联网的迅速发展促使了电子商务的发展，人们的生活已经进入了一个新的阶段。互联网的出现使得人们有了更多的信息获取的方式，改变了人与人之间的沟通方式。随着智能手机的普及，本课题使用React Native框架完成了租房系统的设计与实现，让用户在手机上就可以实现网上找房，查看房源的详细情况并选择是否联系房东进行线下的预约看房，比起线下驱车像无头苍蝇一样到处乱找，要便捷了许多，减少了租客与房东双方在此方面所需要花费的时间。系统采用React Native这款高效、快速开发的框架，可用于安卓、IOS8.0及以上平台，前台使用JSX语言（JavaScript的语法扩展），后台使用ASP.NET技术完成开发，高效、准确地完成了基于React Native的租房信息管理系统App的搭建。
目 录
一、 引言 1
（一） 项目背景 1
（二） 项目意义 1
（三）设计目标 1
二、需求分析 1
(一)技术可行性分析 1
(二)经济可行性分析 1
(三)操作可行性分析 2
三、开发工具简介 2
(一)REACT NATIVE框架 2
(二)SQL SERVER 2008 2
(三)VISUAL STUDIO CODE 2
四、总体设计 3
（一）系统流程图 3
（二） 功能结构图 4
（三）ER图 5
五、概要设计 6
（一）系统功能 6
（二）数据库介绍 6
（三）数据表设计 6
（四）开发及运行环境 7
六、系统的详细设计 8
（一）登录与注册 8
1. 用户登录 8
2. 用户注册 11
（二）房源管理 15
1.发布房源 15
3. 查看房源列表 20
3.预约看房 24
4.查看预约列表 26
5.删除预约 29
6.查看我的发布列表 31
7.删除我的发布 34
（三）管理员管理 *好棒文|www.hbsrm.com +Q: ^351916072#
36
1.删除房源 36
2.管理用户 38
3.删除用户 41
七、总 结 43
谢 辞 45
参考文献 46
一、 引言
项目背景
衣食住行自古以来就是人们生活的四大问题，解决吃住是普通老百姓生活中的大事。然而随着市场经济的发展，商品房的价格日益高涨，越来越多的人们涌向城市生活。城镇化的速度加快，住宿问题已经成为当今社会不可忽视且急需解决的问题。
房地产中介公司层出不穷，但其中大部分都一个特点：采用人工记录、纸质签约的传统方式。在房地产行业刚兴起的时候，这种方式非常有用，但在如今看来也逐渐暴露出了它的很多缺点。在签订完合同后，中介公司就随便处理了这些文件，没有做到对客户和房子的跟进。因此，房产中介公司要想与众不同，必须与时俱进，寻求更好的发展。随着信息技术的发展，各行各业都开始使用信息技术来实现办公自动化，这样不仅提高了办公的效率与质量，而且还更人性化。
而本课题完成的基于React Native的租房信息管理系统正是一个界面友好，操作简单，交互性强的APP。
项目意义
本系统可以解放我们的双脚，足不出户就可以掌握到如今的房源信息并进行详情的查看和对喜爱的房源进行预约以及电话联系房东商量预约的时间和地点，房东也可以更方便的管理自己的房源，提高了工作效率，从而使得租房活动进入了新的阶段。
（三）设计目标
本课题旨在改变如今纸质的租房活动为信息化的形式，不用线下多处走动，在手机上就能够寻找房源，对房子的详情进行查看，选择联系房东或者进行预约看房，房东也可以进行发布房源并对发布的房源进行修改删除等操作。
二、需求分析
(一)技术可行性分析
此系统使用了计算机中受前端开发者喜欢的Visual Studio Code作为软件的开发平台。React Native框架使用的是JavaScript开发语言, React Native组件形态的生命周期机制和状态与属性的数据交互机制让应用开发变得更加灵活而又富有章法, 不再是过去的Html/Cascading Style Sheets/JavaScript杂糅一起, 事件、行为、展现, 强行分离和抽象的状态。同时, 性能上尽管RN使用JavaScript语言进行APP开发, 但是编译后却是原生应用,而我正好在公司就在学习React Native框架的使用，仅需要JS基础即可进行开发。
(二)经济可行性分析
本系统开发简单但是同样的也是需要消耗一定的时间，所用的开发工具和软件都是开源的。并且，一个正常的移动端系统需要为如今的安卓和苹果两大系统服务，需要2个不同开发技术去完成，而本框架就只需要掌握在React Native上开发的能力就足够。因为系统能够在未来较长的一段时间内生效运行，这对于房屋租赁管理系统的企业的人力和财力的管理都会有很好的帮助。由此可见，开发此系统在经济上是完全不用担心的。
(三)操作可行性分析
React Native也拥有优秀的用户界面，因为它受益于React Library附带的美丽用户界面，因此系统界面制作的十分简洁明了，没有任何多余的功能，任何人拿到手都可以很快上手，这样的系统可以为用户提供更快捷高效的服务。体现了本系统的实用性，操作可行。
三、开发工具简介
(一)React Native框架
React Native开发是跨平台移动开发的一种选择，它允许移动APP开发人员以更快的部署时间和更短的开发周期创建性能更好的APP。React Native开发也是一个由数以千计的反应原生开发人员组成的大型团队。开发人员更喜欢使用React Native开发对于APP开发，因为APP不仅可以更快地构建，而且可以立即重新加载，而无需重新编译。当开发人员启用“实时重新加载”选项时，移动APP将自动编译，因此不需要每次运行APP，我们都可以立即获得对UI的反思。这为移动APP开发人员提供了快速开发环境。由于React Native开发允许开发人员同时使用React Native和Native代码，所以优化移动APP的特定方面也更加容易。
React Native比原生开发更为灵活，对比H5会更加的效率，替代传统的WebView启动的效率更高，和原生之间的交互更方便。在多个版本的更新之后，如今已经拥有了丰富的第三方插件的支持以及更方便的热更新。
目 录
一、 引言 1
（一） 项目背景 1
（二） 项目意义 1
（三）设计目标 1
二、需求分析 1
(一)技术可行性分析 1
(二)经济可行性分析 1
(三)操作可行性分析 2
三、开发工具简介 2
(一)REACT NATIVE框架 2
(二)SQL SERVER 2008 2
(三)VISUAL STUDIO CODE 2
四、总体设计 3
（一）系统流程图 3
（二） 功能结构图 4
（三）ER图 5
五、概要设计 6
（一）系统功能 6
（二）数据库介绍 6
（三）数据表设计 6
（四）开发及运行环境 7
六、系统的详细设计 8
（一）登录与注册 8
1. 用户登录 8
2. 用户注册 11
（二）房源管理 15
1.发布房源 15
3. 查看房源列表 20
3.预约看房 24
4.查看预约列表 26
5.删除预约 29
6.查看我的发布列表 31
7.删除我的发布 34
（三）管理员管理 *好棒文|www.hbsrm.com +Q: ^351916072#
36
1.删除房源 36
2.管理用户 38
3.删除用户 41
七、总 结 43
谢 辞 45
参考文献 46
一、 引言
项目背景
衣食住行自古以来就是人们生活的四大问题，解决吃住是普通老百姓生活中的大事。然而随着市场经济的发展，商品房的价格日益高涨，越来越多的人们涌向城市生活。城镇化的速度加快，住宿问题已经成为当今社会不可忽视且急需解决的问题。
房地产中介公司层出不穷，但其中大部分都一个特点：采用人工记录、纸质签约的传统方式。在房地产行业刚兴起的时候，这种方式非常有用，但在如今看来也逐渐暴露出了它的很多缺点。在签订完合同后，中介公司就随便处理了这些文件，没有做到对客户和房子的跟进。因此，房产中介公司要想与众不同，必须与时俱进，寻求更好的发展。随着信息技术的发展，各行各业都开始使用信息技术来实现办公自动化，这样不仅提高了办公的效率与质量，而且还更人性化。
而本课题完成的基于React Native的租房信息管理系统正是一个界面友好，操作简单，交互性强的APP。
项目意义
本系统可以解放我们的双脚，足不出户就可以掌握到如今的房源信息并进行详情的查看和对喜爱的房源进行预约以及电话联系房东商量预约的时间和地点，房东也可以更方便的管理自己的房源，提高了工作效率，从而使得租房活动进入了新的阶段。
（三）设计目标
本课题旨在改变如今纸质的租房活动为信息化的形式，不用线下多处走动，在手机上就能够寻找房源，对房子的详情进行查看，选择联系房东或者进行预约看房，房东也可以进行发布房源并对发布的房源进行修改删除等操作。
二、需求分析
(一)技术可行性分析
此系统使用了计算机中受前端开发者喜欢的Visual Studio Code作为软件的开发平台。React Native框架使用的是JavaScript开发语言, React Native组件形态的生命周期机制和状态与属性的数据交互机制让应用开发变得更加灵活而又富有章法, 不再是过去的Html/Cascading Style Sheets/JavaScript杂糅一起, 事件、行为、展现, 强行分离和抽象的状态。同时, 性能上尽管RN使用JavaScript语言进行APP开发, 但是编译后却是原生应用,而我正好在公司就在学习React Native框架的使用，仅需要JS基础即可进行开发。
(二)经济可行性分析
本系统开发简单但是同样的也是需要消耗一定的时间，所用的开发工具和软件都是开源的。并且，一个正常的移动端系统需要为如今的安卓和苹果两大系统服务，需要2个不同开发技术去完成，而本框架就只需要掌握在React Native上开发的能力就足够。因为系统能够在未来较长的一段时间内生效运行，这对于房屋租赁管理系统的企业的人力和财力的管理都会有很好的帮助。由此可见，开发此系统在经济上是完全不用担心的。
(三)操作可行性分析
React Native也拥有优秀的用户界面，因为它受益于React Library附带的美丽用户界面，因此系统界面制作的十分简洁明了，没有任何多余的功能，任何人拿到手都可以很快上手，这样的系统可以为用户提供更快捷高效的服务。体现了本系统的实用性，操作可行。
三、开发工具简介
(一)React Native框架
React Native开发是跨平台移动开发的一种选择，它允许移动APP开发人员以更快的部署时间和更短的开发周期创建性能更好的APP。React Native开发也是一个由数以千计的反应原生开发人员组成的大型团队。开发人员更喜欢使用React Native开发对于APP开发，因为APP不仅可以更快地构建，而且可以立即重新加载，而无需重新编译。当开发人员启用“实时重新加载”选项时，移动APP将自动编译，因此不需要每次运行APP，我们都可以立即获得对UI的反思。这为移动APP开发人员提供了快速开发环境。由于React Native开发允许开发人员同时使用React Native和Native代码，所以优化移动APP的特定方面也更加容易。
React Native比原生开发更为灵活，对比H5会更加的效率，替代传统的WebView启动的效率更高，和原生之间的交互更方便。在多个版本的更新之后，如今已经拥有了丰富的第三方插件的支持以及更方便的热更新。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1003.html
