前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序生成二维码(含源码)

微信小程序生成二维码(含源码)

作者头像
编程小石头
发布2020-10-11 17:20:53
2.4K0
发布2020-10-11 17:20:53
举报

最近比较忙,好久没有写文章了,今天抽时间来给大家讲讲如何使用小程序生成二维码。

老规矩,先看效果图

通过上图可以看出,我们是先输入一个网站,或者自己想输入的任何信息。然后点击生成二维码,就可以生成我们想要的二维码了。拿出微信来扫描下,可以识别出我们输入的内容。

使用场景

  • 1,生成网址二维码
  • 2,生成桌号二维码,识别点餐
  • 3,生成订单二维码,扫码验证
  • 4,自己做付款二维码 。。。。。

扫描后的结果如下

这样我们就可以实现生成一个网址二维码,然后用户扫描这个二维码,就可以进入我们指定的网址的功能了。

一,创建小程序

这个我讲过很多遍了,还不知道如何创建小程序的同学去翻看下我之前的文章。

二,创建qrcode.wxml

三,简单的用了点样式 qrcode.wxss

四,导入qrcode.js到utils目录下。

这个qrcode.js是我们生成二维码的核心工具类。我会把这个工具类放到网盘里,需要的同学加我v信获取:2501902696(备注小程序,否则不通过奥)

五,编写我们生成二维码的逻辑。

其实到这里就可以完整的实现小程序生成二维码的功能了。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-10-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 编程小石头 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 老规矩,先看效果图
  • 使用场景
  • 扫描后的结果如下
  • 一,创建小程序
  • 二,创建qrcode.wxml
  • 三,简单的用了点样式 qrcode.wxss
  • 四,导入qrcode.js到utils目录下。
  • 五,编写我们生成二维码的逻辑。
  • 其实到这里就可以完整的实现小程序生成二维码的功能了。
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档