欢迎光临,了解微信小程序开发,就上易用通!

小程序测评--好屋精选小程序之分析

发布:2017-11-12 15:42浏览: 来源:网络 作者:tianshu

本文来自公众号:小程聚

小程序开发

今天要介绍的是「好屋精选」小程序,好屋精选小程序为买房者提供多维度精准楼盘搜索,找房更方便。精准搜索、贴心服务,第一时间获得消息,精致楼盘高清图片,楼盘细节一目了然。如果有喜欢的房型,还可以点击“查看详情”进去了解房源具体信息,包括开发商、楼盘时间、产权年限等等;或者点击“我要推荐”推送给朋友;或者我要买房填写自己信息。

 

本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。

功能1:显示首页

小程序测评--好屋精选小程序之分析(图1)

  • 数据接口:进入首页,显示选定城市热门楼盘

  • 用到的小程序组件:view,text,input,form,image

  • 用到的小程序API: wx.request

 
 
 

功能2: 筛选列表

小程序测评--好屋精选小程序之分析(图2)

  • 数据接口:在首页,点击不同要求按钮或输入搜索,显示选定城市楼盘

  • 用到的小程序组件:input,form,image,view,text

  • 用到的小程序API: wx.request

 
 
 

功能3:楼盘详情

小程序测评--好屋精选小程序之分析(图3)

  • 数据接口:进入楼盘详情页面,显示楼盘和开发商的信息

  • 用到的小程序组件:text,view,input

  • 用到的小程序API:wx.request

 
 
 

功能4:推荐朋友

小程序测评--好屋精选小程序之分析(图4)

  • 数据接口:进入推荐朋友页面,输入相应信息和获取验证码,进行提交

  • 用到的小程序组件:input,form

  • 用到的小程序API: wx.request

 
 
 

功能5:预约看房

小程序测评--好屋精选小程序之分析(图5)

  • 数据接口:点击“我要看房”,输入手机号和验证码,进行提交预约看房

  • 用到的小程序组件:input,form

  • 用到的小程序API: wx.request

 
 
 

功能6:显示城市

小程序测评--好屋精选小程序之分析(图6)

  • 数据接口:

  • ①显示城市:点击城市名,显示全部城市列表

  • ②选择城市:选中城市,返回首页

  • 用到的小程序组件:view,text

  • 用到的小程序API: wx.request

 
 
 

总结:「好屋精选」小程序有7个页面,用到的小程序组件有5个,用的小程序API有1个,分别如下:

前端页面个数:7

分别为:

1.广告:pages/adv/adv

2.首页:pages/index/index

3.地址选择:pages/address/address

4.总览:pages/pandect/pandect

5.详情:pages/details/details

6.推荐:pages/recommend/recommend

7.买房,看房:pages/look-house/look-house

用到的小程序组件:

view,text,input,form,image

用到的小程序API:

wx.request

数据接口API个数:7

数据接口API:

1、显示首页

2、筛选列表

3、楼盘详情

4、推荐朋友

5、预约看房

6、显示城市

7、选择城市





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。