最近比较忙,好久没有写文章了,今天抽时间来给大家讲讲如何使用小程序生成二维码。
老规矩,先看效果图
通过上图可以看出,我们是先输入一个网站,或者自己想输入的任何信息。然后点击生成二维码,就可以生成我们想要的二维码了。拿出微信来扫描下,可以识别出我们输入的内容。
扫描后的结果如下
这样我们就可以实现生成一个网址二维码,然后用户扫描这个二维码,就可以进入我们指定的网址的功能了。
使用场景
1,生成网址二维码
2,生成桌号二维码,识别点餐
3,生成订单二维码,扫码验证
4,自己做付款二维码
。。。。。
一,创建小程序
这个我讲过很多遍了,还不知道如何创建小程序的同学去翻看下我之前的文章。
二,创建qrcode.wxml
![](https://mmbiz.qpic.cn/mmbiz_png/MThce7qe06A7wWM9riaVAqZNXhiaF483ZzzTQhLFYoOIgicKZNaa3Ay38Ykh9CK4TaZeESiaZJqYibxkfLY9RSMG71Q/0?wx_fmt=png)
三,简单的用了点样式 qrcode.wxss
![](https://mmbiz.qpic.cn/mmbiz_png/MThce7qe06A7wWM9riaVAqZNXhiaF483ZzUTN5PMNEgDqU2I2Afe44bxGQcx7GhhPsCcdlflg5fIzzvJGFoPfEVA/0?wx_fmt=png)
四,导入qrcode.js到utils目录下。
这个qrcode.js是我们生成二维码的核心工具类。我会把这个工具类放到网盘里,需要的同学加我v信获取:2501902696(备注小程序,否则不通过奥)
五,编写我们生成二维码的逻辑。
![](https://mmbiz.qpic.cn/mmbiz_png/MThce7qe06A7wWM9riaVAqZNXhiaF483ZzVbrzkjZv41OBnJic03DORdh84OGsHu2DbQkxACib6M69UGVxI7doHb5A/0?wx_fmt=png)
其实到这里就可以完整的实现小程序生成二维码的功能了。
工具类和源码已经放到网盘,需要的同学留言或者私信我。
|