小程序开发
今天要介绍的是「好屋精选」小程序,好屋精选小程序为买房者提供多维度精准楼盘搜索,找房更方便。精准搜索、贴心服务,第一时间获得消息,精致楼盘高清图片,楼盘细节一目了然。如果有喜欢的房型,还可以点击“查看详情”进去了解房源具体信息,包括开发商、楼盘时间、产权年限等等;或者点击“我要推荐”推送给朋友;或者我要买房填写自己信息。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
-
数据接口:进入首页,显示选定城市热门楼盘
-
用到的小程序组件:view,text,input,form,image
-
用到的小程序API: wx.request
功能2: 筛选列表
-
数据接口:在首页,点击不同要求按钮或输入搜索,显示选定城市楼盘
-
用到的小程序组件:input,form,image,view,text
-
用到的小程序API: wx.request
功能3:楼盘详情
-
数据接口:进入楼盘详情页面,显示楼盘和开发商的信息
-
用到的小程序组件:text,view,input
-
用到的小程序API:wx.request
功能4:推荐朋友
-
数据接口:进入推荐朋友页面,输入相应信息和获取验证码,进行提交
-
用到的小程序组件:input,form
-
用到的小程序API: wx.request
功能5:预约看房
-
数据接口:点击“我要看房”,输入手机号和验证码,进行提交预约看房
-
用到的小程序组件:input,form
-
用到的小程序API: wx.request
功能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、选择城市