快递查询案例

首先我们先了解一下小程序开发工具的框架MINA框架
Json File配置小程序
WXML File绘制页面结构
JS File执行页面逻辑
WXSS File美化样式


开始做快递查询页面
首先先找到API，在百度上的APIStore中找到快递查询的API，在找到一个快递编号，准备就绪就可以编码了。
将头部信息改为快递查询，先加上一个输入框，在微信小程序文档中就有输入框的代码，可以直接拿来使用，此时输入框是没有边框的，我们就要给输入框加上一个样式，设置颜色宽度高度大小等。

此时的输入框就设置好了。

下面在输入框的下面设置一个按钮，也可以在文档中查找到按钮的代码，将按钮的文字设置为查询。

接下来我们写一个方法，是利用快递单号查到快递的信息，通过微信文档的API中查到了发起网络请求的接口。
这里我从第六章的内容找到了总结接口的知识点

继续做快递查询小程序
在API有发起网络请求的接口的示例代码可拿来使用，我们在app.js中编写一个方法，将url改为我们刚复制的快递查询的地址。注：这里有几个参数，需要自己设置好。nu等于我们的快递单号。

然后给按钮绑定一个点击事件 bindtap=“btnClick”，然后在index.js中定义一下。刚才我们在app中添加了上面那个方法，我们就可以直接调用在index.js中再在里面添加一些参数。通过cb执行方法把数据返回去。

接下来我们要动态的获取输入框中的数据。我么在文档中会找到bindinput的input事件，通过绑定这个input事件来获得具体的值。


这时候输入运单号就会把信息正常的显示出来了，但是我们要将信息显示在页面的下方，还要继续进行编码。这里用到了wx：for=“{{}}”这个标签，然后定义数组 expressInfo:null，然后将data数组

前面的item是信息，后面的是时间，这时候信息就可以打印在页面上了，再利用scroll-view 设置一个滚动条。

这时候页面就全部完成了。

总结
这次的编程遇到了很大的问题就是我不太会找查询快递的API网址，很令人遗憾，没能做出来，上面的地址是根据视频打出来的，但是知识点的内容掌握的还可以，等我以后再研究研究如何照找这个快递的API，如果有大佬赐教一下那也是极好的。