本文详细讲解了如何开发小程序优购商城项目，包括首页、分类页、商品列表页、详情页、收藏、购物车和我的页面的实现。介绍了如何通过全局配置实现页面切换，以及在各页面中如何获取接口数据、实现页面交互，如搜索、轮播图、导航栏切换、下拉刷新、上拉加载、商品收藏和购物车功能。
小程序优购商城项目讲解
在我们开始之前 我们需要配好该项目所需要的接口文档以及配好相应的页面，以免在开发过程中会出现遗漏的问题出现。
首先我们要知道优购是分为4部分的 分别为
首页/列表/购物车/我的。
要实现这四部分的切换的话，我们需要一个的TAB栏
想要实现这一功能我们需要在全局app.json中写入tabBar来实现： 代码如下：
就可以实现切换的效果拉
首页：
然后就要开始去写我们的页面拉
推荐先写首页拉
首先就是要封装头部组件了 因为在其他页面我们都会用得到。
这里的搜索是一个NAVIGTOR标签，点击之后才会进入真正的搜索页面。
然后根据他的轮播图 NAV 以及楼层的三个接口 我们通过封装好的wx.request来将我们的接口数据暴漏到我们的首页js中去接收：
找到我们接口的BASEURL将它封装成一个变量
爆露出来之后我们需要在全局APP.JS中拿到我们的HTTP 这样我们就可以将我们封装好的HTTP调用在各个页面中了。
在首页中拿到我们传过来的接口 并在ONLOAD生命周期函数中接收到我们的接口数据 并渲染到页面上，通过简单的布局即可静态页面的实现效果了。
分类页面：
分类页面的实现同样是需要两个接口的&#x
最低0.47元/天 解锁文章
扫一扫
2805
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
