简单实用的
  二维码系统搭建平台

灵活组合各种功能模块，根据实际需求搭建二维码系统；无须下载APP，用微信小程序作为操作端。

各行各业的
  二维码应用方案汇总

目前已有数十万用户在草料搭建了二维码业务系统，我们将用户的使用经验整理成了应用方案。

消防安全不仅涉及到企业的财产安全，更直接影响到员工的生命安全，一直是企业安全管理中的重点工作。消防器材在保障安全方面起着至关重要的作用，因此，做好消防器材的日常巡检工作和消防安全管理工作尤为关键。

在传统的管理方式中，消防器材的巡检主要依赖于卡式纸质标鉴和纸质记录单，这种方式只能标识设备名称、型号等基本信息，巡查人员需要依赖经验进行现场观察与测试，手动记录，人为的不确定因素较多，从而导致巡检结果存在较大的差异。为了加强现场管理，做好消防器材的检查、维护、报废等管理工作，规范化检查结果，许多用户已经开始结合二维码技术实现消防安全信息化管理，有效提高了工作效率和巡检质量。

我们整理了不同行业用户在消防安全管理中运用二维码的应用实例，希望这些真实用户的经验能为你的消防安全管理工作带来新的思路，帮助你提升消防工作的效率和质量。

消防设施点多面广、种类多、厂家多、需要及时知道的信息包含：有效期、基本参数等内容。纸质标签信息量有限，且更新不便。为每个消防设施制作一个独立的、唯一的二维码标签，该二维码标签的内容包含消防设施所有基础信息，例如：设施名称、编号、状态、厂家、生产日期、有效期、设备照片、负责人、所在位置等关键数据，以及巡查维护信息，作为每一个消防器材的“电子档案”。

工作人员可以使用手机扫码查看设施器材基本情况和历史巡查数据，对消防设施的信息进行管理，能够方便工作人员对消防设备进行检查、维护和操作使用，提高消防设备管理效率，更好地发挥消防设施功能效果。

借助二维码标签的应用，将消防设施的台账转化成一个个独立的二维码电子档案，在草料二维码管理后台可以快速查询、更新导出，实现消防设施的基础信息的管理，确保电子台账与现场消防设施的基础数据相匹配，为消防设施数字化管理做基础。

传统的消防巡查方式依靠人工现场巡检，并在纸质检查表上记录，这种方式存在巡检记录碎片化，查询统计困难等问题，并且，无法实时了解巡检及维护人员是否真实到达现场，容易造成假检和漏检。

使用二维码代替纸质检查表，在消防设施二维码标签的基础上结合表单功能，实现巡检记录功能，可以有效做好消防设施的检查、维护、报废等管理工作。

在巡查过程中，巡查人员使用手机微信扫描消防设施二维码，就能查看相应设备的电子档案，根据预制的检查项填写巡查结果，更新设备状态。还能通过限制定位、时间、只允许现场拍照，不允许从相册上传等方式，确保员工到点到位检查，避免漏检现象，规范化检查，从而大大降低了消防设施的管理难度，提高了消防设施的管理效率和质量。

消防安全培训是消除和减少隐患、防止事故发生的重要预防手段。企业需要定期进行消防安全培训，会议和讲座是常见的培训形式，但固定的培训时间，可能会与部分员工时间冲突而无法到场参与培训，甚至存在代签等情况，并且培训时间有限，员工无法反复查看课件内容，可能导致无法有效掌握消防知识。

将培训课件制作成二维码分享给所有员工，除了PPT以外，还可以添加案例视频，更生动的展示消防知识点。员工在微信上就能查看课件内容参与培训，灵活安排学习时间，并支持反复观看学习。员工学习后填写相应的表单并签名即可提交学习记录，管理人员可以在后台导出培训记录，形成培训记录台账。

消防安全知识宣传通常使用横幅、标语、传画、手机短信等方式，大部分只能传达一些基础的宣传口号，无法提供详尽的安全知识，宣传效果有效。将二维码运用到消防安全知识宣传上可以达到更好的宣传效果。

二维码支持添加宣传图片、应急逃生视频、文字说明等各种内容，可以更全面且完整的将宣传内容展示给公众。同时，将二维码嵌入教育宣传资料、宣传栏、海报中，公众只需要用手机扫码，就可以快速获取相关宣传内容，这种方式不仅提高了传播效果，还能提升公众的消防安全意识和应急反应能力。

二维码在消防安全管理中的应用已经十分成熟，大量用户通过二维码实现了对消防设施的数字化监管，更多用户在不断探索新的应用场景。如果你有更多想法，可以在下方讨论区留言，欢迎分享你的二维码应用成果与经验。

我们努力把二维码技术做成简单实用的产品，
   让每个人和组织都能轻松使用。

微信扫码咨询：获得专属方案PPT

微信小程序实现预约生成二维码功能

业务需求 ：点击预约按钮即可生成二维码凭码入校参观~

如下是博主自己写的wxml：

<swiper  indicator-dots indicator-color="white" indicator-active-color="blue" 
 autoplay interval="2000" circular
>
<!-- 这部分是实现轮播图下面的小圆点，可以根据两个不同的属性来分别更改样式 -->
<swiper-item>
  <image src="/image/1606976870484.jpg"></image>
</swiper-item>
<swiper-item>
  <image src="/image/1606976921531.jpg"></image>
</swiper-item>
<swiper-item>
  <image src="/image/1606976936035.png"></image>
</swiper-item>
<swiper-item>
  <image src="/image/111.jpg"></image>
</swiper-item>
<swiper-item>
  <image src="/image/222.jpg"></image>
</swiper-item>
</swiper>
<button class="mybt" bindtap="yuyue">预约参观？</button>
<canvas type="2d"id="myQrcode"></canvas>

以及wxss：

去Gitee下载工具包：

二维码工具包

?下载zip：

将dist文件夹中的js文件全部复制到utils目录下：

如下代码必须完整的导入再页面JS的最顶部：

 如下是完整的代码：

// pages/youke/youke.js
import drawQrcode from '../../utils/weapp.qrcode.esm.js'
Page({
    data: {
        yynum:500,
        randomNum:"0"
    },
    onLoad() {
    },
    onReady() {
    },
    onShow() {
    },
    onHide() {
    },
    onUnload() {
    },
    onPullDownRefresh() {
    },
    onReachBottom() {
    },
    onShareAppMessage() {
    },
    yuyue(msg){
        // console.log("lll")
        if(this.data.yynum>0&&this.data.randomNum=="0")
        {
            wx.showToast({
                icon: 'success',
                title: '预约成功~',
              })
             let y=this.data.yynum;
              y--;
              this.setData({
                yynum:y
              })
              let r=(Math.random()*1).toFixed(4)*10000
              this.setData({
                randomNum:r
              }),
              console.log(r);
              const query = wx.createSelectorQuery()
        query.select('#myQrcode')
            .fields({
                node: true,
                size: true
            })
            .exec((res) => {
                var canvas = res[0].node
                drawQrcode({
                    canvas: canvas,
                    canvasId: 'myQrcode',
                    width: 260,
                    padding: 30,
                    background: '#4169E1',
                    foreground: '#ffffff',
                    text: '个人二维码信息',
                })
                wx.canvasToTempFilePath({
                    canvasId: 'myQrcode',
                    canvas: canvas,
                    x: 0,
                    y: 0,
                    width: 260,
                    height: 260,
                    destWidth: 260,
                    destHeight: 260,
                })
            })
        }
        else if(this.data.randomNum!="0")
        {
            wx.showToast({
                icon: 'error',
                title: '禁止重复预约~',
              })
        }
        else{
            wx.showToast({
              icon: 'error',
              title: '很抱歉，已无预约名额~',
            })
        }
    }
})

点击预约即可成功生成二维码~ 

到此这篇关于微信小程序实现预约生成二维码的文章就介绍到这了,更多相关小程序预约生成二维码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

微信扫码咨询：用专业为你解决问题