好客租房项目

项目介绍：

该项目是一个简单的租房系统,该项目分为首页 ,找房页面 咨询页面,个人信息页面。首页中有城市选择页面 、查询页面、和地图页面，在城市选择页面可以选择想要租房的城市，选择后会在地图页面上显示该城市剩余房屋的 的总量，并且会在地图上标注出该城市有租房的小区的剩余租房数量。并且在地图页面用户可以根据自己的需求查看 房屋所在地周围情况。找房页面中实现了按条件例如层数，价格，房屋类型等条件来找房，并且可以展示房屋的图片

和基本信息。咨询页面实现了客户咨询和投诉等功能。该项目是一个前端页面，通过将node后端现在到本机后启动，生 成接口文档，根据接口文档来获取数据.

所用技术：

前端：

react,redux,axios.页面使用的是Ant-design

后端：

node,mysql

接口文档

项目页面展示：

首页：

这是一个轮播图，通过使用Ant-design的跑马灯来实现。

上面两个是根据选择的城市，渲染对应城市的关于租房的新闻或该城市比较热门的租房地点。

城市选择页面：

该页面可以选择城市，并且会获取相应城市的相关数据，渲染在首页上。而且算选择的城市会传入地图页面。相关城市的数据

地图页面：

在该页面中会显示算选择城市的地图。并且根据所给城市的信息中各个小区的经纬度，还在地图页面上显示小区的具体信息。

找房页面：     

可以再房屋类型选择页面中，搜索房屋，点击搜索后，会将数据展示在找房页面上

房屋的具体信息

点击房屋后会显示该房子内部的照片和一些基本信息

咨询页面：

该页面可以联系房主，也可以投诉和咨询客服。并且下面会显示联系的历史记录。

个人页面：

会显示一些用户的基本信息

源码：

https://github.com/ad4414/react-rentHouse