微信小程序> 微信小程序如何使用百度API实现身份证查询

微信小程序如何使用百度API实现身份证查询

浏览量:817 时间: 来源:weixin_30670965
今天研究一个身份证号查询的小程序,在这次实例中,就遇到的踩坑问题和开发心得,特此记录下来分享给大家~本程序媛要卖萌啦~ 一、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文件写法: 小程序 小程序 今天就和大家大概分享到这,小伙伴们赶紧去体验下效果吧~!

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎