最近比較忙,好久沒有寫文章了,今天抽時間來給大家講講如何使用小程序生成二維碼。
老規矩,先看效果圖
通過上圖可以看出,我們是先輸入一個網站,或者自己想輸入的任何信息。然後點擊生成二維碼,就可以生成我們想要的二維碼了。拿出微信來掃描下,可以識別出我們輸入的內容。
掃描後的結果如下
這樣我們就可以實現生成一個網址二維碼,然後用戶掃描這個二維碼,就可以進入我們指定的網址的功能了。
使用場景
- 1,生成網址二維碼
- 2,生成桌號二維碼,識別點餐
- 3,生成訂單二維碼,掃碼驗證
- 4,自己做付款二維碼
。。。。。
一,創建小程序
這個我講過很多遍了,還不知道如何創建小程序的同學去翻看下我之前的文章。
二,創建qrcode.wxml
三,簡單的用了點樣式 qrcode.wxss
四,導入qrcode.js到utils目錄下。
這個qrcode.js是我們生成二維碼的核心工具類。我會把這個工具類放到網盤裏,需要的同學加我v信獲取:2501902696(備註小程序,否則不通過奧)
五,編寫我們生成二維碼的邏輯。
其實到這裏就可以完整的實現小程序生成二維碼的功能了。
工具類和源碼已經放到網盤,需要的同學留言或者私信我。