使用QRCODE进行课堂出勤的步骤

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用QRCODE进行课堂出勤的步骤相关的知识,希望对你有一定的参考价值。

我必须创建一个项目,通过使用QRCODE进行我的最后一年项目来上课。

我的项目是这样的:

课堂上的学生将扫描QR码(使用他们自己的智能手机),这将由讲师在投影仪屏幕上显示。

据我所知,Web服务器将从智能手机IMEI获取秘密ID并保存在服务器数据库中。

实际上,我不知道如何开始,因为我不了解项目的框架。

我知道的事情是:

1)使用充当服务器的php和XAMPP开发系统。

2)使用Ionic Framework开发应用程序

3)Java网络编程初学者。

你们能请我帮我说清楚我该怎么办?或者帮助我逐步理解这个概念。我真的需要你的帮助。

先感谢您。

答案

所以,如果我理解你正确你想实现这个目标:

  1. 用户将打开Ionic应用程序并扫描qr代码。
  2. 在此之后,Ionic会将讲座ID和移动设备IMEI发送到您的API。

这是可能的,也很容易。你可以这个插件:

Ionic Native Barcode Scanner(支持qr代码):

ionic cordova plugin add phonegap-plugin-barcodescanner
npm install --save @ionic-native/barcode-scanner

Ionic Native Uid(支持IMEI号码)

ionic cordova plugin add https://github.com/hygieiasoft/cordova-plugin-uid
npm install --save @ionic-native/uid

然后创建用于扫描qr(并从qr代码获取数据)并将数据发送到api的函数(使用来自qr代码和设备IMEI数据的数据)。像这样的东西:

scanQrCode() {
    this.barcodeScanner.scan().then((data) => {
        console.log('scanned data from qr ' + data.text);
        let imei = this.getImei();
        this.sendDataToApi(data.text, imei);
    }, (err) => {
        console.log('scanning error');
    })
}

getImei() {
    // handle permissions
    return this.uid.imei;
}

您可以在此处找到有关插件的更多信息:

https://ionicframework.com/docs/native/barcode-scanner/ https://ionicframework.com/docs/native/uid/

以上是关于使用QRCODE进行课堂出勤的步骤的主要内容,如果未能解决你的问题,请参考以下文章

OpenCV4.1.2 QRCode解码体验测评(附源码+支持中文)

无法将特定步骤保存为测试片段

从零开始配置vim(27)——代码片段

最全最详细publiccms常用的代码片段

最全最详细publiccms其他常用代码片段(内容站点)

从零开始配置vim(27)——代码片段