网站建设资讯

NEWS

网站建设资讯

【云开发】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可以防止冒泡事件!

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

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

目录
分享名称:【云开发】10分钟零基础学会做一个快递查询微信小程序,快速掌握微信小程序开发技能(轮播图、API请求)
网站URL:http://cdweb.net/article/dsopooc.html