【云开发】10分钟零基础学会做一个快递查询微信小程序，快速掌握微信小程序开发技能（轮播图、API请求）

大家好，我叫小秃僧
这次分享的是10分钟零基础学会做一个快递查询微信小程序，快速掌握开发微信小程序技能。

这篇文章偏基础，特别适合还没有开发过微信小程序的童鞋，一些概念和逻辑我会讲细一点，尽可能用图说明更清楚。分享快乐！

学完这篇，起码学会以下几点

• 了解微信开发者工具和云开发代码目录
• 轮播图的实现
• 使用wx.request去请求数据
• 使用vantUI组件
• 学会开通并使用云开发提供的cms数据管理后台
• 从编写代码到上线一个微信小程序的全过程。

先看看效果：

看完快递查询微信小程序的效果之后，为了更好地理解和学习，我们先来了解一下微信开发者工具和云开发目录，用2张图来理解，比较直观

微信开发者工具大概如下：

云开发代码目录大概如下：

cloudfunction是存放云函数的文件，每个云函数都有一个index.js，这个index.js就是写代码的文件，其他文件可以不用管。
page文件是存放页面文件的，图中的index就是一个页面文件，这个页面文件是由index.js、index.json、index.wxml、index.wxss四个文件组成。很好理解

那js、json、wxml、wxss这四个是怎么互相通信的呢？来，画一张图给大家看，就明白了

这是wxml的部分代码，看看wxml与js、wxss的关系：

可以理解为用class来绑定wxss里面的样式，用catchtap来绑定js里面的函数，还可以用bindtap来绑定js里面的函数，catchtap和bindtap的区别主要是catchtap可以防止冒泡事件！

篇幅有限，这篇文章就不具体讲云函数和冒泡事件的相关知识了，不懂这两个知识点也不会影响快递查询微信小程序的开发。往后慢慢讲。

好了，正式进入快递查询微信小程序学习。
@

目录