微信小程序生成二維碼

最近比較忙,好久沒有寫文章了,今天抽時間來給大家講講如何使用小程序生成二維碼。

老規矩,先看效果圖


通過上圖可以看出,我們是先輸入一個網站,或者自己想輸入的任何信息。然後點擊生成二維碼,就可以生成我們想要的二維碼了。拿出微信來掃描下,可以識別出我們輸入的內容。

掃描後的結果如下


這樣我們就可以實現生成一個網址二維碼,然後用戶掃描這個二維碼,就可以進入我們指定的網址的功能了。

使用場景

  • 1,生成網址二維碼
  • 2,生成桌號二維碼,識別點餐
  • 3,生成訂單二維碼,掃碼驗證
  • 4,自己做付款二維碼
    。。。。。

一,創建小程序

這個我講過很多遍了,還不知道如何創建小程序的同學去翻看下我之前的文章。

二,創建qrcode.wxml

三,簡單的用了點樣式 qrcode.wxss

四,導入qrcode.js到utils目錄下。


這個qrcode.js是我們生成二維碼的核心工具類。我會把這個工具類放到網盤裏,需要的同學加我v信獲取:2501902696(備註小程序,否則不通過奧)

五,編寫我們生成二維碼的邏輯。

其實到這裏就可以完整的實現小程序生成二維碼的功能了。


工具類和源碼已經放到網盤,需要的同學留言或者私信我。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章