今天研究一個身份證號查詢的小程序，在這次實例中，就遇到的踩坑問題和開發心得，特此記錄下來分享給大家~本程序媛要賣萌啦~
一、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文件寫法：
今天就和大家大概分享到這，小伙伴們趕緊去體驗下效果吧~！