开发 | 只需 10 分钟，教你做一款查询类小程序

基本功能如下：

• 查询手机归属地

• 根据历史记录查询

• 手机位数校验

我们来看一下小程序的最终效果：

• AppID 可选择无。

• 取消选择选择创建 quick start 项目。在这里，我们创建空白项目，目的是加深对小程序结构的理解。

• bindinput 用于绑定键盘输入事件。用户输入时，将会调用绑定的 bindPhoneInput 函数。

• bindtap 用于绑定点击事件。用户点击按钮后，将会调用绑定的 queryPhoneInfo 函数。

• 按钮是否可点击，取决于 disabled 的值。

• 小程序使用微信提供的 wx.request 接口来发送请求。

• 该函数接受两个参数，一个是手机号，另外一个则是回调函数，用来处理查询的结果。

• data 用于管理该页面的数据。

• this.setData() 方法用于设置 data 的属性。直接使用 this.data.phoneInfo 是无法改变页面状态的。

• 在页面中调用 app.js 内的方法，需要先使用 getApp() 函数进行实例化，然后通过实例来访问方法。

• 遍历 historyList 数组。

• 用户点击某一记录时候，触发 selectHistory 事件。

• 将每条手机号保存到 data-number 中，selectHistory 就可以获取对应的手机号了。

原文地址：
http://www.jianshu.com/p/d062adec4f9c