wex5 实战 二维码生成,扫描,蓝牙打印

时间:2023-01-22 07:38:37

给人设计了一个小模块,要求是,把一个单号生成二维码,实现扫描查询单号具体信息,并能通过蓝牙把二维码打印出来。功能实现并不复杂,今天一口气把它搞定。来看效果。

一   效果演示:

wex5 实战 二维码生成,扫描,蓝牙打印

二.二维码生成

1 在界面上放一个生成二维码的div

wex5 实战 二维码生成,扫描,蓝牙打印

(注意)id属性手动添加

2 ,下载并引入js文件

require("./js/jquery.qrcode.min");

3. 修改js文件

wex5 实战 二维码生成,扫描,蓝牙打印

(注)canvas演染快,支持复杂变量。

text为字符串,对变量必须进行拼接,其它强制转换方法不行

js代码位置非常重要,放到modeload里正常,放到页面中会出现多个二维码图。

三 二维码扫描

1  引入codova插件

require("cordova!phonegap-plugin-barcodescanner");

2  扫描执行

wex5 实战 二维码生成,扫描,蓝牙打印

(注) 扫描得到的值为result.text  是一个字符串,可以用来进行数据过滤和查询

四  二维码蓝牙打印

demo中提供了方法,测试可以,具体代码及改动:

插件安装:

下载插件:cordova.plugin.bluetooth.printer,并拷贝到Native/plugins目录下

蓝牙设置:

wex5 实战 二维码生成,扫描,蓝牙打印

状态变量:根据状态确定操作是否执行

wex5 实战 二维码生成,扫描,蓝牙打印

蓝牙列表:

wex5 实战 二维码生成,扫描,蓝牙打印

蓝牙连接:

wex5 实战 二维码生成,扫描,蓝牙打印

蓝牙打印:

wex5 实战 二维码生成,扫描,蓝牙打印

取消连接:

wex5 实战 二维码生成,扫描,蓝牙打印

(注)提示插件未定义不用管。

不能直接收用demo下的页面,否则本机测试正常,部署后会找不到页面。

五   打包和部署

手动选择codova  扫描与打印插件即可。

测试成功!

wex5 实战 二维码生成,扫描,蓝牙打印的更多相关文章

  1. android 二维码生成+扫描

    android 二维码生成+扫描 1.在Android应用当中,很多时候都要用到二维码扫描,来避免让用户手动输入的麻烦. Google官方自己推出了一个二维码开源项目:ZXing库. 2.这里简单介绍 ...

  2. iOS二维码生成、识别、扫描等

    二维码扫描 前言: 最近的项目中使用到了二维码,二维码这个模块功能也完成:觉得还是有必要总结一下用来做记录.好长时间没有写二维码了都忘记在差不多了,重新拾起来还是挻快的. 二维码使用场景: 生活中有很 ...

  3. QRCode 扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式

    目录 功能介绍 常见问题 效果图与示例 apk Gradle 依赖 布局文件 自定义属性说明 接口说明 关于我 功能介绍 根据之前公司的产品需求,参考 barcodescanner 改的,希望能帮助到 ...

  4. Android高级控件(三)—— 使用Google ZXing实现二维码的扫描和生成相关功能体系

    Android高级控件(三)-- 使用Google ZXing实现二维码的扫描和生成相关功能体系 摘要 现在的二维码可谓是烂大街了,到处都是二维码,什么都是二维码,扫一扫似乎已经流行到习以为常了,今天 ...

  5. 转【微信小程序 四】二维码生成/扫描二维码

    原文:https://blog.csdn.net/xbw12138/article/details/75213274 前端 二维码生成 二维码要求:每分钟刷新一次,模拟了个鸡肋,添加了个按分钟显示的时 ...

  6. Android开发——Android中的二维码生成与扫描

    0. 前言 今天这篇文章主要描述二维码的生成与扫描,使用目前流行的Zxing,为什么要讲二维码,因为二维码太普遍了,随便一个Android APP都会有二维码扫描.本篇旨在帮助有需求的同学快速完成二维 ...

  7. Swift3.0生成二维码、扫描二维码、相册读取二维码,兼容iOS7(结合ZXingObjC)

    二维码生成 //MARK: 传进去字符串,生成二维码图片(>=iOS7) text:要生成的二维码内容 WH:二维码高宽 private func creatQRCodeImage(text: ...

  8. android 使用开源库zxing生成二维码,扫描二维码【转】

    转自:http://blog.csdn.net/qq_16064871/article/details/52422723 zxing是一个开放源码的,用Java实现的多种格式的1D/2D条码图像处理库 ...

  9. 二维码的扫描和生成--第三方开源--ZXing

    ZXing的二维码功能的提取lib下载地址:https://github.com/xuyisheng/ZXingLib 1.扫描二维码: 我们扫描就是要用到这个CaptureActivity类,直接把 ...

随机推荐

  1. RPC-远程过程调用协议

    远程过程调用协议 同义词 RPC一般指远程过程调用协议 RPC(Remote Procedure Call Protocol)——远程过程调用协议,它是一种通过网络从远程计算机程序上请求服务,而不需要 ...

  2. LinearLayout 垂直滚动条

    <?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android=" ...

  3. eclipse解压后启动弹出A Java Runtime Evironment&lpar;JRE&rpar; or Java Development Kit&lpar;JDK&rpar;&period;&period;&period;&period;

    系统环境:win7 64bit JDK:jdk-7u79-windows-x64 Eclipse:eclipse-jee-helios-win32 启动eclipse:弹出A Java Runtime ...

  4. UVA 10765 Doves and bombs(双连通分量)

    题意:在一个无向连通图上,求任意删除一个点,余下连通块的个数. 对于一个非割顶的点,删除之后,原图仍连通,即余下连通块个数为1:对于割顶,余下连通块个数>=2. 由于是用dfs查找双连通分量,树 ...

  5. &lbrack;原创&rsqb;linux简单之美(二&rpar;

    原文链接:linux简单之美(二) 我们在前一章中看到了如何仅仅用syscall做一些简单的事,现在我们看能不能直接调用C标准库中的函数快速做一些"复杂"的事: section . ...

  6. mysql 5&period;7 root密码重置&lpar;centos 7&rpar;

    mysql5.7版本之后,与mariadb不同,在安装之后,在启动之时,会进行自动随机密码的设定,所以在systemctl start mysqld之后,会出现mysql -uroot -p无法登陆的 ...

  7. linux 下导出oracle数据库

    #变更用户su - oracle <<EOF#添加用户名/密码,目标文件地址和文件名 ,保存记录日志地址/文件名  full=y表示数据库全部导出,默认导出连接数据库的用户数据库对象 ex ...

  8. ASP&period;NET MVC与ASP&period;NET Web Form简单区别

    概论: Asp.net  微软 提供web开发框架或者技术.分Web Form和ASP.NET MVC.下面简单说明各自优缺点及使用场景. Web Form 优点: 1.支持丰富的服务器控件.如:Gr ...

  9. 从用户输入url到页面最后呈现 发生了些什么?

    一.浏览器获取资源的过程: 1.输入url 2.浏览器解析url,获得主机名 3.将主机名转换成服务器ip地址(查找本地DNS缓存列表,如果没有则向默认的DNS服务器发送查询请求) 4.浏览器建立一条 ...

  10. nodejs真的是单线程吗?

    [原文] 一.多线程与单线程 像java.python这个可以具有多线程的语言.多线程同步模式是这样的,将cpu分成几个线程,每个线程同步运行. 而node.js采用单线程异步非阻塞模式,也就是说每一 ...