uniapp 手持终端PDA扫码

2024-03-03 18:59
文章标签 uniapp 终端 扫码 pda 手持

本文主要是介绍uniapp 手持终端PDA扫码,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

步骤一:查看广播名称(或者广播标签)和键值

在桌面中找到仓管通,进入软件设置,查看自己的广播名称和键值。(说明:每个手持机可能有所不同)

步骤二:代码实现环节

  • 1.首先在components文件夹创建一个名为scancode组件

<template><view class="content"></view>
</template>

export default {name: "scancode",data() {return {activity: null,receiver: null,intentFilter: null};},created: function(option) {this.ksguangbo()this.initScan()setTimeout(() => {this.startScan();}, 1000)},onHide: function() {this.stopScan();},destroyed: function() {//一定要卸载监听,否则下次扫描时结果会重复,造成扫一次出2个以上的结果或者结果会不断连续叠加this.stopScan();},methods: {ksguangbo() { //发送广播var Intent = plus.android.importClass("android.content.Intent");var intent = new Intent("com.android.scannerservice.scan");var keyValue = "231112312";var main = plus.android.runtimeMainActivity();intent.putExtra("key", keyValue);main.sendBroadcast(intent);},initScan() {let _this = this;_this.activity = plus.android.runtimeMainActivity(); //获取运行时的主要活动console.log('扫码组件36行', _this.activity);var IntentFilter = plus.android.importClass('android.content.IntentFilter'); //导入类console.log('扫码组件38行', IntentFilter);_this.intentFilter = new IntentFilter(); //实例化一个意图过滤器_this.intentFilter.addAction('com.android.scannerservice.scan') //addAction添加动作 记得换你的com.android.scannerservice.scan广播动作或者广播名称//蓝牙//var BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter");//var BAdapter = new BluetoothAdapter.getDefaultAdapter();// _this.intentFilter.addAction(BAdapter.ACTION_STATE_CHANGED); //监听蓝牙// console.log('扫码组件44行', _this.intentFilter);//BroadcastReceiver广播接收器接口// implements 实现接口  onReceive实现接口的方法_this.receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {onReceive: function(context, intent) {console.log("58行", intent)plus.android.importClass(intent);let content = intent.getStringExtra('scannerdata'); // 换你手持机的广播键值 console.log('content', content)uni.$emit('scancodedate', content)},});},startScan() { //开始扫描this.activity.registerReceiver(this.receiver, this.intentFilter);console.log('开始扫描')},stopScan() { //结束扫描this.activity.unregisterReceiver(this.receiver);}}}
  • 2.在页面中使用scancode组件
<view><scanCode></scanCode>
</view>

在生命周期函数--onShow实现监听,在onHide函数再次关闭监听(不用就关闭免得浪费开销)


/*** 生命周期函数--监听页面显示*/onShow() {// #ifdef APP-PLUSuni.$off('scancodedate');var _this = thisuni.$on('scancodedate', function(content) {console.log("扫描到的内容为:", content)var scanContent = content.replace('\n', '');_this.scanContent(scanContent);})// #endif},
/*** 生命周期函数--监听页面隐藏*/onHide() {// #ifdef APP-PLUSuni.$off('scancodedate');// #endif},

这篇关于uniapp 手持终端PDA扫码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/770577

相关文章

vscode中文乱码问题,注释,终端,调试乱码一劳永逸版

忘记咋回事突然出现了乱码问题,很多方法都试了,注释乱码解决了,终端又乱码,调试窗口也乱码,最后经过本人不懈努力,终于全部解决了,现在分享给大家我的方法。 乱码的原因是各个地方用的编码格式不统一,所以把他们设成统一的utf8. 1.电脑的编码格式 开始-设置-时间和语言-语言和区域 管理语言设置-更改系统区域设置-勾选Bata版:使用utf8-确定-然后按指示重启 2.vscode

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给

基于SpringBoot的宠物服务系统+uniapp小程序+LW参考示例

系列文章目录 1.基于SSM的洗衣房管理系统+原生微信小程序+LW参考示例 2.基于SpringBoot的宠物摄影网站管理系统+LW参考示例 3.基于SpringBoot+Vue的企业人事管理系统+LW参考示例 4.基于SSM的高校实验室管理系统+LW参考示例 5.基于SpringBoot的二手数码回收系统+原生微信小程序+LW参考示例 6.基于SSM的民宿预订管理系统+LW参考示例 7.基于

基于springboot+vue+uniapp的“共享书角”图书借还管理系统小程序

开发语言:Java框架:springboot+uniappJDK版本:JDK1.8服务器:tomcat7数据库:mysql 5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9 系统展示 后台登录界面 管理员功能界面 出借者管理 图书信息管理 图书归还管理 出租收入管理

uniapp小程序下载缓存服务器上的图片

1. 使用uni.downloadFile,但是注意下载图片的地址里的域名,需要在微信公众平台里面的downloadFile合法域名进行配置。 export default function downloadAndCacheImage(imageUrl, name) {return new Promise((resolve, reject) => {console.log("imageUrl",

uniapp,vite整合windicss

官方文档:https://weapp-tw.icebreaker.top/docs/quick-start/frameworks/hbuilderx 安装: npm i -D tailwindcss postcss autoprefixer# 初始化 tailwind.config.js 文件npx tailwindcss initnpm i -D weapp-tailwindcss# 假

UniApp实现漂亮的音乐歌词滚动播放效果

在现代的音乐播放应用中,歌词的展示和滚动播放已经成为了一个非常常见的功能。今天,我们将通过UniApp来实现一个漂亮的歌词滚动播放功能。我们将使用UniApp提供的组件和API来完成这个任务。 页面结构 在页面的模板部分,我们需要创建一个音频播放器和歌词展示区域。使用<scroll-view>组件来实现歌词的滚动效果。 <template><view class="audio-co

分享一个基于uniapp科技馆服务微信小程序 博物馆管理小程序(源码、调试、LW、开题、PPT)

💕💕作者:计算机源码社 💕💕个人简介:本人 八年开发经验,擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等,大家有这一块的问题可以一起交流! 💕💕学习资料、程序开发、技术解答、文档报告 💕💕如需要源码,可以扫取文章下方二维码联系咨询 💕💕Java项目 💕💕微信小程序项目 💕💕Android项目 �

乐凡北斗车载终端 | 车载终端功能是什么?

北斗车载终端即北斗卫星监控系统主机,主要是通过北斗卫星实现定位和导航;并通过传输网络与监控中心通信,由前端设备、传输网络、监控中心构成北斗卫星定位监控系统,实现定位跟踪及智能功能, 终端还可内置8Mbit的Flash储存器,可以记录多达15万条的行驶记录,并使用分析软件进行轨迹回放分析,由此,即使没有构建中心,也可以达到一定的车辆管理作用。 北斗车载终端指的是基于北斗卫星定位系统的卫星定位、导航

ubuntu终端实用指令

ctrl + w 往回删除一个单词,光标放在最末尾 ctrl + u 删除光标以前的字符 ctrl + k 删除光标以后的字符 ctrl + a 移动光标至的字符头 ctrl + e 移动光标至的字符尾 ctrl + shift + c 复制 ctrl + shift + v 粘贴 ctrl + l 清屏