微信小程序——快递查询

微信小程序是什么呢?它是在2015年一次大会提出叫“应用号”,最后经历种种,APP名称确定叫做微信小程序。它可以做任何的网络产品,例如:淘宝、美团、滴滴打车等。99%互联网产品都适合微信小程序来开发。它的出现标志着一个时代的来临。
通过学习在开发微信小程序之前我们需要准备:
1.微信开发账号

在这里插入图片描述
**2.微信开发者工具

在这里插入图片描述**
微信小程序使用,我们从基本使用、代码编辑、项目调试、项目导入入手。
本人在登陆时遇到了找不到Appid的问题,于是我通过
1.第一步打开百度,搜索微信小程序,进去官网,
2.第二步进去之后,登录微信小程序的账号,需要注意的是小程序的账号和公众号账号不一样。
3.第三步进去小程序后台之后,点击开发,
4.第四步在开发页面,点击开发设置,
5.第五步进去开发设置页面,可以看到AppID, END
然后我们需要对微信小程序目录结构经行了解,我们可以通过项目的配置、项目入口、项目页面入手。如图:
在这里插入图片描述
app.js为项目的启动入口,app.json定义每个页面以及基本的配置。注:index与logs两文件定义的内容会覆盖app.json与app.wxss。
然后要了解微信小程序的视图与渲染。
要学会组件的基本使用,打开网页浏览器找到小程序开发文档,切换到组件标签,复制所需应用的代码复制到页面例如first.wxml中。然后是数据的绑定,要在first.js定义内容然后在first.wxml中用{写定义}。接下来是渲染标签的使用。它分为条件标签和循环标签。条件标签:在first.wxml写{{text}}这是真所以内容会正常显示,如果是假(false),内容会被移除掉。循环标签:在first.wxml写 循环内容…(aaa…为数组)
接下来学到了微信小程序的事件它的内容包括什么是事件、事件类别、事件冒泡、事件绑定、事件对象详解。
事件是一种用户行为,也是一种通讯方式。
事件类别包括点击事件tap,长按事件longtap,以及触摸事件touchstart touchend touchmove touchcancel,以及其他submit input…
事件冒泡分为冒泡事件和非冒泡事件。冒泡事件就是从里到外,一级一级的触发事件
事件的绑定分为bind 绑定和catch绑定。
通过以上知识的学习经行一个综合案例-快递查询,把所学的知识融汇贯通一下。
先找到快递查询API,再准备一个快递单号。
在app.json中改为快递查询。接下来添加输入框,通过网上搜索可以到微信的开发文档寻找,然后在其表单组件中找到input,复制输入框代码放到页面里面,在index.wxss添加样式效果如下:
在这里插入图片描述
然后在其下方添加一个按钮,同样通过微信开发文档寻找,按钮文字为查询。然后运用一个方法,通过查询单号来实现,物流的信息,这个方法对于初步接触小程序的我来说有一定难度,但是鼓励自己学着去做,反复通过教学视屏,一步一步敲写代码,逐步进行调试,最终得以实现。多动手,一定可以学会。这里用到我们刚开始准备的API。代码如下这就是一个完整的API信息:
在这里插入图片描述
接下来给按钮添加一个点:击事件调用所写好的API
然后做到从动态的输入方式通过按钮查询到动态的内容信息注意在敲代码的过程中一定要细心,{}较多要分清。回头检查时很浪费时间。
然后把数据显示在下方代码为:
在这里插入图片描述
这里为信息和时间。页面效果为:
在这里插入图片描述
通过这个综合案例-快递查询能把前面所学到的内容加以运用,更让我了解了什么是API以及微信小程序的魅力,遇到代码出错时不要慌张,一步一步来,一遍一遍的去摸索,要有迎难而上的精神,遇到与教学视频结果有较大出入时,可能是版本问题,不一定是错的,通过网络去求证自己的结果,一般逻辑正确,小心敲代码,结果一定会出来!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值