[发明专利]一种二维户型展示系统及其实现方法

说明书

本发明提供一种二维户型展示系统及其实现方法，所述实现方法包括：S1，将目标房源的照片按各分间进行分组并存储；S2，配置各分间在展示页面中对应的按钮控件；S3，配置所述展示页面中的滚动视图窗口，并构建当所述按钮控件被触发后，所述滚动视图窗口调用对应分组的照片并展示的业务逻辑。本发明能够有效提高用户通过网站查看房源的效率，增强信息显示能力，改善用户使用体验。

技术领域

本发明涉及数据处理技术领域，更具体地，涉及一种二维户型展示系统及其实现方法。

背景技术

用户在租、购房时，主要关注的是房屋本身的屋况信息，包括户型、房间配置等。因此，在通过房屋租售网站了解房屋信息时，除了想了解房源的建造年代、公共设施等之外，还会关注房源的户型图、房间图片和房屋详情等。

通常对于某个房源，房屋租售网站都能获取其户型资源，摄影师也会对每个分间进行拍照，对于房源信息和房间信息也会有详细描述。传统的网站房源详情照片浏览模式是以一个滚动视图(scroλlView)来滑动浏览图片相册实现，房间的户型图也会作为一张图片显示在相册里。

上述传统浏览方式，用户一般需要从第一页看到最后一页，操作单一，无法跳页查看，且无法形成对房型一个很直观的概念。有时候想查看一处房源的厨房照片，可能需要滑动好几张甚至更多的图片才能看到。房源查看效率低，用户使用体验不好，同时展示的信息也具有局限。

发明内容

为了克服上述问题或者至少部分地解决上述问题，本发明提供一种二维户型展示系统及其实现方法，用以有效提高用户通过网站查看房源的效率，增强信息显示能力，改善用户使用体验。

一方面，本发明提供一种二维户型展示系统的实现方法，包括：S1，将目标房源的照片按各分间进行分组并存储；S2，配置各分间在展示页面中对应的按钮控件；S3，配置所述展示页面中的滚动视图窗口，并构建当所述按钮控件被触发后，所述滚动视图窗口调用对应分组的照片并展示的业务逻辑。

进一步的，所述实现方法中所述S1的步骤进一步还包括：对所述目标房源的户型图片和/或详情描述页进行存储；相应的，所述S2的步骤进一步还包括：对应配置所述目标房源的户型按钮控件和/或详情描述按钮控件；相应的，所述S3的步骤进一步还包括：对应构建当所述户型按钮控件和/或所述详情描述按钮控件被触发后，所述滚动视图窗口对应调用所述户型图片和/或所述详情描述页并展示的业务逻辑。

进一步的，所述实现方法还包括：配置各分间的分间描述页，并配置所述展示页面中的分间描述展示窗口；相应的，所述S3的步骤进一步还包括：构建所述滚动视图窗口在调用对应分间的照片的同时，所述分间描述展示窗口调用对应分间描述页并展示的业务逻辑。

进一步的，所述实现方法中所述S1的步骤进一步还包括：对所述目标房源的户型图片和各分间对应的分间描述页进行存储；相应的，所述S3的步骤进一步还包括：配置所述展示页面中的户型展示窗口和分间描述展示窗口，并构建用户进入所述展示页面时所述户型展示窗口调用所述户型图片并展示的业务逻辑，以及对应分间按钮控件被触发时所述分间描述展示窗口调用对应分间描述页并展示的业务逻辑。

进一步的，所述实现方法还包括：对所述户型图片按各分间分区域绘制点击范围，构建各分间对应的点击范围被点击触发时，对应的所述点击范围保持高亮的业务逻辑。

进一步的，所述实现方法还包括：构建在对应的所述点击范围保持高亮的同时，所述滚动视图窗口调用对应分间的照片并展示，以及所述分间描述展示窗口调用对应分间的分间描述页并展示的业务逻辑。

其中，所述分间描述页展示的分间信息包括以下信息中的一种或多种：面积信息、朝向信息、装修信息、窗子类型和家具配置信息。