微信小程序实现二维码签到考勤系统微信小程序实现二维码签到考勤系统
一。手动生成二维码的一。手动生成二维码的.js代码代码
这里要引入一个官方文档wxapp.qrcode.min.js
let drawQrcode = require('../utils/wxapp.qrcode.min.js');//引入wxapp.qrcode.min.js文件
createQRcode(canvasWidth, canvasHeight, canvasId, url) {
// 调用qrcode.js里的方法，传入对应参数
drawQrcode({
width: canvasWidth,
height: canvasHeight,
canvasId: canvasId,
text: url
})
console.log(drawQrcode.width)
},
setCanvasSize() {
let size = {};
// getSystemInfoSync 微信小程序提供getSystemInfoSync获取设备的信息
let res = wx.getSystemInfoSync();
// console.log(res);
// 获取比例
let scale = 686 / 750;
let width = res.windowWidth * scale;
let height = width;
size.w = width;
size.h = height;
return size;
},
formsubmit(e) {
let url = e.detail.value.url || this.data.placeholder;
// let url = e.detail.value.url ? e.detail.value.url : this.data.placeholder;
wx.showToast({
title: '生成中',
icon: 'loading',
duration: 2000
})
let that_ = this;
let timer = setTimeout(() => {
let size = that_.setCanvasSize();
//调用createQRcode方法
that_.createQRcode(size.w, size.h, 'mycanvars', url);
wx.hideToast();
clearTimeout(timer);
}, 2000)},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
//setCanvasSize 拿到画布区域的尺寸（微信小程序不支持dom的操作，所以单独定义方法去获取）
let size = this.setCanvasSize();
// console.log(size);
let url = this.data.placeholder;
//调用createQRcode方法
this.createQRcode(size.w, size.h, 'mycanvars', url);
},
二。准备工作，导入数据库表，和二。准备工作，导入数据库表，和unit.js。获取时间。获取时间
const DB = wx.cloud.database().collection("cows")
const TB = wx.cloud.database().collection("log")
let i = 0
let id=''
var util = require('../utils/util.js');
三。写入签到签退按钮的三。写入签到签退按钮的.js代码代码
now(){
资源评论
lunzi19842023-10-07发现一个宝藏资源，赶紧冲冲冲！支持大佬~- chelizidazui2022-11-02感谢大佬分享的资源给了我灵感，果断支持！感谢分享~
weixin_38552536
- 粉丝: 6
- 资源: 918
最新资源
- 昱感微融合产品 YGW-L2 集成了激光雷达，可见光摄像头，红外摄像头，多传感器融合后生 成时空对齐的多维像素数据，通过 GMSL 接口发出 本品为客户提供更加直接、高效、和可 扩展的环境与事件感知能
- 1、判断是否回文正数 2、两个字符串相加 3、整理课上内容(HTML)
- 数据中台建设方法论.pdf
- Cangjie Studio社区版1.1 开发者手册：IDE介绍及使用教程
- 昱感微融合产品YGW-R1集成了毫米波雷达，可见光摄像头，红外摄像头，多传感器融合后生成时空对齐的多维像素数据，通过GMSL接口发出 本品为客户提供更加直接、高效、和可扩展的环境与事件感知能力
- 服务商快速进件+投诉处理插件
- C#ASP.NET简易库存管理系统源码数据库 SQL2019源码类型 WinForm
- 昱感微融合产品YGW-L1集成了激光雷达，可见光摄像头，红外摄像头，多传感器融合后生成时空对齐的多维像素数据，通过GMSL接口发出 本品为客户提供更加直接、高效、和可扩展的环境与事件感知能力
- ansys Fluent阀门CFD分析
- 基于 SpringBoot 的宽带业务管理系统：构建智能化宽带业务运营新范式
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
