微信小程式入門 快遞查詢小程式的製作

2021-09-23 15:27:30 字數 1242 閱讀 1824

我用的快遞查詢介面是聚合資料的,位址如下

註冊之後再申請介面,在個人中心找到key(後面會用到),如下圖:

接下來就準備開發,要將專案設定中的不合法網域名稱勾選,不然執行會報錯

接下來上**:

簡單的頁面由picker選擇器、文字框和按鈕組成

wxml檔案:

請選擇快遞公司:          }

查詢} - 【}】

wxss檔案: 

input

button

.divline

頁面js檔案:

//獲取應用例項

page(,

input:function(e))//獲取輸入框內容

},choose:function(e)) //展示快遞公司

this.setdata()

// console.log(this.data.com)

},btnclick: function () )

})}})

//com為快遞公司種類,no為快遞編號,cb為乙個函式方法

getexpressinfo: function (com, no, cb) ,

header: ,

success(res)

})} //這個函式用來返回這個介面支援查詢的快遞,我就選了幾個常用的快遞公司

// getcom:function(),

// header: ,

// success(res)

// })

// }})

最後是結果展示(沒錯就是這麼醜(o~.~o)):

微信小程式之快遞查詢

實現原理 呼叫介面將獲取的資料展示在介面上。實現難點 實現 view 這裡的bindinput屬性把bindkeyinput函式繫結到了此處 placeholder 快遞查詢 bindinput bindkeyinput 此處bindtap btnclick 同上 type primary bind...

微信小程式入門

標籤 view text 語法 條件渲染 view view else view 列表渲染 for wx key view for wx for item myitem wx for index myindex text 模板template 定義 template name temp view t...

微信小程式入門

pages 存放頁面的目錄 utils 存放自定義util工具的目錄 project.config.json 專案配置檔案 sitemap.json關於本檔案的更多資訊,請參考文件 專案中檔案,保留project.config.json 和 sitemap.json即可,其他的都可以刪除然後自行建立...