二、原型图 1、引导页包括了LOGO图片和标语,点击LOGO图片跳转到查询首页。
2、查询页主要是分为标题区、填写区、列表区三个部分:
1) 填写区:填写想要查询的身份证号码后,点击“查询”按钮即可 2) 列表区:点击查询出现的该身份证号码的相关信息,只要有地区、生日以及性别。 三、代码部分 引导页没有什么太大的问题,就直接进入查询首页,首页的填写区主要就是一个input和查询button,列表区主要是查询到的信息列表。 1) 先来了解一下官方文档对于input的说明
至于wxss样式比较简单就不做一一介绍,这是得到的静态页面效果图如下:
4) 之前在input绑定事件bindChangeId是为了记录下填写的身份证号码,其js写法如下:
5) 接下来就是重点中的重点API数据的接入,在这里我们使用的是百度的身份证查询API(网址:http://t.cn/RLBplHz)首先你需要先注册账号--个人中心--apikey
6) 接下来看下百度API解析:
7) js文件写法:
今天就和大家大概分享到这,小伙伴们赶紧去体验下效果吧~!













