草庐IT

搞定签到码,一切皆可码!!!微信小程序篇

小秃僧 2023-04-08 原文

此篇是摸鱼的时候写的(活gan完了),嘘嘘嘘....

很多人买了我的课堂签到,基于此,我打算写一写里面最有趣的签到码功能到底是如何实现的。

来个图,先理解一下业务逻辑

简单理解,生成二维码的过程就是把有用的信息藏在二维码,扫码就是取出有用的信息。

理解这个后,生成签到码其实就是把签到ID藏在二维码,扫码就是取出签到码ID。

为什么藏的是签到ID,而不是签到名称等等其他信息呢?这是个好问题。

举个例子:

存在数据库里的一条签到记录里大概如下:

{

      qiandao_id:xxxxxxxx,

      qiandao_name:第一节课签到

      ......

}

藏在二维码的信息一般是唯一性的信息,也就是不会重复的信息。例如签到ID。而签到名称可能会重复,所以不适合藏在二维码里。

那为什么藏的信息要唯一呢?这又是个好问题。

因为我们需要根据扫码取出来的信息去进行查询或更改数据库信息。例如我们扫签到码根据取出来的签到ID去查询获取该签到记录的签到名称等等其他信息进行展示。假设藏的是签到名称,数据库可能存了2条以上同名的签到记录。那程序就不知道该显示哪个签到名称等等信息了。

有了前面概念的基础,我们开始实操代码。

1、使用云函数生成签到码,并且把二维码存储到数据库。

生成签到码的云函数如下:

// 云函数入口文件const cloud = require('wx-server-sdk');cloud.init({   env:'你的云环境ID',});// 云函数入口函数exports.main = async (event, context) => {   const result = await cloud.openapi.wxacode.getUnlimited({    // 调用生成小程序码的接口,携带一些参数,例如:scene    page:event.page,  //扫码后进入的页面    scene: event.qiandao_id,  //把签到ID藏在二维码里  });    const upload = await cloud.uploadFile({    // 生成的小程序码上传到云存储中    cloudPath: 'qrcode/' + Date.now() + '-' + Math.random() + '.png', // 生成的小程序码存储到云存储当中去的路径    fileContent: result.buffer,  });  return upload.fileID; // 返回文件的fileID,也就是该图片的网址。};

前端调用云函数:

 //调用云函数 chang_code(){    let that = this;    wx.showLoading({      title: '正在生成',    })    //调用云函数获取云函数生成的小程序码    wx.cloud.callFunction({      name:'get_code',      data:{         qiandao_id:that.data.qiandao_id,         page:'pages/code_qiandao/code_qiandao',      },      success:function(res){           //res.result就是云函数生成返回的签到码           //此处可以写存储签到码到数据库的代码      },      fail(er){        console.log(er)        wx.hideLoading()        wx.showToast({          title: '生成失败,请重试',          icon: 'none',          duration: 2000        })      }    })  },

2、扫码获取签到ID,并且处理业务逻辑。

 //扫码进来,这个函数就会自动执行,获取到签到ID  onLoad: function (options) {    this.setData({       qiandao_id:options.scene, // options.scene就是藏在二维码的签到ID    })    //示例:此函数去查询获取该签到的基本信息并展示(想怎么操作就怎么操作)    this.get_xinxi(options.scene)  },

微信小程序的二维码都是如此而来,代码实现不同而已。例如核酸码、绿码、取餐码.....

甚至你也可以弄个简历码、表白码

由此可见,一切皆可码!!!

打工只是生存的手段,生活才是目的。

(下班做饭,生活的气息)

下期再会~

有关搞定签到码,一切皆可码!!!微信小程序篇的更多相关文章

  1. 微信小程序通过字典表匹配对应数据 - 2

    前言一般来说,前端根据后台返回code码展示对应内容只需要在前台判断code值展示对应的内容即可,但要是匹配的code码比较多或者多个页面用到时,为了便于后期维护,后台就会使用字典表让前端匹配,下面我将在微信小程序中通过wxs的方法实现这个操作。为什么要使用wxs?{{method(a,b)}}可以看到,上述代码是一个调用方法传值的操作,在vue中很常见,多用于数据之间的转换,但由于微信小程序诸多限制的原因,你并不能优雅的这样操作,可能有人会说,为什么不用if判断实现呢?但是if判断的局限性在于如果存在数据量过大时,大量重复性操作和if判断会让你的代码显得异常冗余。wxswxs相当于是一个独立

  2. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明:前端使用微信微信小程序开发工具:后端使用ssm:VU

  3. 微信小程序开发入门与实战(Behaviors使用) - 2

    @作者:SYFStrive @博客首页:HomePage📜:微信小程序📌:个人社区(欢迎大佬们加入)👉:社区链接🔗📌:觉得文章不错可以点点关注👉:专栏连接🔗💃:感谢支持,学累了可以先看小段由小胖给大家带来的街舞👉微信小程序(🔥)目录自定义组件-behaviors    1、什么是behaviors    2、behaviors的工作方式    3、创建behavior    4、导入并使用behavior    5、behavior中所有可用的节点    6、同名字段的覆盖和组合规则总结最后自定义组件-behaviors    1、什么是behaviorsbehaviors是小程序中,用于实现

  4. ruby - 为什么在 Ruby 中一切都是 Class 的实例? - 2

    这个问题在这里已经有了答案:Rubymetaclassconfusion(4个答案)关闭7年前。我对Ruby对象模型不太了解。首先,Ruby中的一切都是Class的实例吗??这些都产生true:pObject.instance_of?(Class)pClass.instance_of?(Class)pModule.instance_of?(Class)pBasicObject.instance_of?(Class)classHello;endpHello.instance_of?(Class)我不太明白这怎么可能,如果Object是Class的父类(superclass),它怎么可能都

  5. Ubuntu20.04系统WineHQ7.0安装微信 - 2

    提供3种Ubuntu系统安装微信的方法,在Ubuntu20.04上验证都ok。1.WineHQ7.0安装微信:ubuntu20.04安装最新版微信--可以支持微信最新版,但是适配的不是特别好;比如WeChartOCR.exe报错。2.原生微信安装:linux系统下的微信安装(ubuntu20.04)--微信适配的最好,反应最快,但是微信版本只到2.1.1,版本太老,很多功能都没有。3.深度deepin-wine6安装微信:ubuntu20.04+系统deepin-wine6安装新版微信--综合比较好,当前个人使用此种方法1个月,微信版本3.4;没什么大问题,尚可。一、WineHQ7.0安装微信

  6. 微信小程序订餐系统 - 2

    对传统的餐饮商家来说,小程序很好地解决了餐厅线下线上连接的问题,在引流获客、节约人力、营销宣传、塑造会员体系、改善消费体验等方面都有很大帮助。小程序点餐可以帮助餐饮企业节省一大把人力开支。一个包含扫码点单、菜品管理、优惠券推送、外卖配送的小程序,商家花几万元就能完成开发测试并投入。商家为什么要开通“扫码点餐”1.解决服务员不够用的问题。2.不怕顾客跑单漏单。3.在微信就能管理菜品、查看营业额。4.订单小票显示顾客桌号和已点菜品。5.可在“附近的小程序”找到您的门店。如今餐饮业常用的三种经营模式:1堂食点单模式客人通过小程序堂食点单。商家可以在微信扫码点餐小程序管理后台根据自己店内情况来设置不同

  7. 最新版人脸识别小程序 图片识别 生成二维码签到 地图上选点进行位置签到 计算签到距离 课程会议活动打卡日常考勤 上课签到打卡考勤口令签到 - 2

    技术选型1,前端小程序原生MINA框架cssJavaScriptWxml2,管理后台云开发Cms内容管理系统web网页3,数据后台小程序云开发云函数云开发数据库(基于MongoDB)云存储4,人脸识别算法基于百度智能云实现人脸识别一,用户端效果图预览老规矩我们先来看效果图,如果效果图符合你的需求,就继续往下看,如果不符合你的需求,可以跳过。1-1,登录注册页可以看到登录页有注册入口,注册页如下我们的注册,需要管理员审核,审核通过后才可以正常登录使用小程序1-2,个人中心页登录成功以后,我们会进入个人中心页我们在个人中心页可以注册人脸,因为我们做人脸识别签到,需要先注册人脸才可以进行人脸比对,进

  8. 微信小程序切换云环境 - 2

    在开发微信小程序的时候,我们可能需要开发环境和测试环境,或者其他环境,下面是切换环境的方法。首先需要明确的是:前端的页面代码是不区分环境的,环境的区分指的是云函数、云数据库、云存储这些。1、更改云函数的使用云环境这里我们从cloud1更改为test-cloud,这个改完是没有用的,因为在前端代码指定了使用的云环境。cloudfunctions文件和miniprogram文件虽然都在一个目录下,但是这两个没有直接联系。2、在evList.js中添加自己云环境evList.js存储了云环境列表,这里把test-cloud加到这个列表里,需要填写envId和alias,参照cloud1写就行。3、更

  9. micropython复现经典单片机项目(二)可视化音频 频谱解析(基本搞定) - 2

    本人是音乐爱好者,从小就特别喜欢那个随着音乐跳动的方框效果,就是这个:arduino上一大把对,我忍你很久了,我就想用mpy做,全网没有,行我自己研究。果然兴趣是最好的老师,我之前有篇博客专门讲音频,有兴趣的可以回顾一下。提到可视化频谱,必然绕不开fft,大学学过这玩意,当时一心玩,老师讲的一个字都么听进去,网上教程简略扫了一下,大该就是把时域转频域的工具,我大mpy居然没有fft函数,奶奶的,先放着。音频信息如何收集?第一种傻瓜式的ADC,模拟转数字,原始粗暴,第二种,I2S库,我之前博客有讲过,数据是PCM编码。然后又去学PCM编码,一学豁然开朗,舒服,以代码为例:audio_in=I2S

  10. Spring Boot中的微信支付(小程序) - 2

    前言微信支付是企业级项目中经常使用到的功能,作为后端开发人员,完整地掌握该技术是十分有必要的。一、申请流程和步骤图1-1注册微信支付账号获取微信小程序APPID获取微信商家的商户ID获取微信商家的API私钥配置微信支付回调地址绑定微信小程序和微信支付的关系搭建SpringBoot工程编写后台支付接口发布部署接口服务项目使用微信小程序或者UniAPP调用微信支付功能支付接口的封装配置jwt或者openid的token派发原生微信小程序完成支付对接二、注册商家2.1商户平台商家或者企业想要通过微信支付来进行商品的销售,必须先通过微信平台(pay.weixin.qq.com)去将商家进行注册。注册成

随机推荐