今天研究一个身份证号查询的小程序，在这次实例中，就遇到的踩坑问题和开发心得，特此记录下来分享给大家~本程序媛要卖萌啦~
一、GIF效果图是这样哒：
二、原型图
1、引导页包括了LOGO图片和标语，点击LOGO图片跳转到查询首页。
2、查询页主要是分为标题区、填写区、列表区三个部分：
1） 填写区：填写想要查询的身份证号码后，点击“查询”按钮即可
2） 列表区：点击查询出现的该身份证号码的相关信息，只要有地区、生日以及性别。
三、代码部分
引导页没有什么太大的问题，就直接进入查询首页，首页的填写区主要就是一个input和查询button,列表区主要是查询到的信息列表。
1) 先来了解一下官方文档对于input的说明
注：在这里主要是运用input的以下属性
• type:input 的类型（text, number, idcard, digit）
• placeholder:输入框为空时占位符
• bindinput:触发input事件
• auto-focus:自动聚焦，拉起键盘
2) 列表渲染
• wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件
• wx:for-item 指定数组当前元素的变量名
• 如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略
3） index.wxml文件结构
至于wxss样式比较简单就不做一一介绍，这是得到的静态页面效果图如下：
4） 之前在input绑定事件bindChangeId是为了记录下填写的身份证号码，其js写法如下：
5） 接下来就是重点中的重点API数据的接入，在这里我们使用的是百度的身份证查询API（网址：http://t.cn/RLBplHz）首先你需要先注册账号--个人中心--apikey
6） 接下来看下百度API解析：
7） js文件写法：
今天就和大家大概分享到这，小伙伴们赶紧去体验下效果吧~！