第8章 智能租房——列表页

学习目标

• 掌握搜索房源列表页展示功能的逻辑，能够实现在列表中展示符合搜索条件的房源数据

• 掌握最新房源列表页展示功能的逻辑，能够运用分页插件以分页形式展示最新房源数据

• 掌握热点房源列表页展示功能的逻辑，能够运用分页插件以分页形式展示热点房源数据

为了向用户展示更多的房源信息，智能租房平台允许用户通过首页的智能提示搜索框搜索，或者单击链接文本“更多北京房源”或“更多热点房源”进入列表页，查看更多符合搜索条件、最新或热点的房源信息。列表页模块涉及3个功能，分别是搜索房源列表页展示、最新房源列表页展示、热点房源列表页展示，本章将对这3个功能进行介绍。

8.1 搜索房源列表页展示

8.1.1 搜索房源列表页功能说明

当用户在智能租房首页的智能提示搜索框中输入关键字后，可以在输入框下方看到提示列表。在提示列表中单击某个检索项，会将选中的检索项填写到输入框。 若用户选择地区搜索，则输入框中填入的内容为房源地址；若用户选择户型搜索，则输入框中填入的内容为户型。 此时单击输入框右方的“提交”按钮或按下回车键，会跳转到搜索房源列表页，搜索房源列表页中展示了符合搜索条件的全部房源信息。

每套房源信息还包括房源图片、房源标题、房源价格、建筑面积、房源户型、房源朝向、交通条件和浏览量。