uni-app PDA文档

素颜马尾好姑娘i 2022-12-29 00:13 144阅读 0赞

# 技术选型 #

*  框架：uni-app
 *  UI库：Uview（已引入直接用）

# 运行环境 #

*  编译器-Hbuilder
 *  模拟器-MuMu模拟器（建议安装这个，之前安装其他模拟器因为CPU原因显示有问题）参考之前我写的博客[添加链接描述][Link 1]

# 目录结构 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70]

## 版本升级 ##

##  ##

# 如何配置路由 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 1]  
具体操作参照uni官方文档 [添加链接描述][Link 2]

# 公共方法 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 2]

# 原生方法使用 #

## 红外方法示例 ##

onShow的时候注册事件，注意要在PDA真机使用，直接启动红外，PDA扫描到数据后会发送广播，doReceive方法会收到扫描的值。还有其他各种原生方法，自行百度。

onShow() { 
    			console.log('开启监听----------------')
    			page = this;
    
    
    
    			main = plus.android.runtimeMainActivity(); //获取activity 
    			var context = plus.android.importClass('android.content.Context'); //上下文 
    			receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', { 
    				onReceive: doReceive
    			});
    			var IntentFilter = plus.android.importClass('android.content.IntentFilter');
    			var Intent = plus.android.importClass('android.content.Intent');
    			var filter = new IntentFilter();
    
    
    			filter.addAction("com.android.receive_scan_action"); //监听扫描
    
    
    			main.registerReceiver(receiver, filter); //注册监听 
    
    			function doReceive(context, intent) { 
    
    
    				//通过intent实例引入intent类，方便以后的‘.’操作 
    				plus.android.importClass(intent);
    
    				//条码内容
    				var barcode = intent.getStringExtra("data");
    				// var barcodeBytes = intent.getByteArrayExtra("barcode");
    				// var barcode = byteToString(barcodeBytes);
    
    				//条码长度
    				// var barcodeLength = intent.getIntExtra("length", 0);
    				// var myArray = new ArrayBuffer(0);
    				//条码类型
    				// var barcodeTypeBytes = intent.getByteExtra("barcodeType", (0 | 0));
    				// var barcodeType = byteToString(barcodeTypeBytes);
    
    				// uni.showModal({ 
    				// content: '条码:' + barcode + '\r\n长度:' + barcodeLength + '\r\n类型:' + barcodeType,
    				// showCancel: false
    				// });
    
    
    				// console.log(page.tempList.findIndex(barcode)); 
    
    
    				if (page.scanNo == barcode) { 
    					return uni.showToast({ 
    						title: '请不要重复扫！',
    						icon: 'none'
    					});
    				}
    				page.SkuNo = barcode
    				page.scanNo = barcode
    				// console.log(barcode); 
    				page.hey(barcode)
    
    			}
    
    		},
    		onHide() { 
    			main.unregisterReceiver(receiver); //取消监听 
    			console.log('取消监听-------------')
    		},
    		onBackPress() { 
    			main.unregisterReceiver(receiver); //取消监听
    			console.log('取消监听--------------')
    		},

# 进度 #

之前做这个项目是实验性的，目前只对接了登录页的接口，其他页面都没有对接后台，上面提供的方法限参考，可以引入自己的习惯的方法和第三方库，均不做限制。

# 注意 #

真机和模拟器会有差异，开发得差不多一定要真机运行，不然后期调整生不如死

[Link 1]: https://blog.csdn.net/weixin_45345105/article/details/107210346
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70]: /images/20221120/333efde6203e4a1f882fc44ba2f491ee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 1]: /images/20221120/9e0b5c69aa7e467d9d0c05ac320138fe.png
[Link 2]: https://uniapp.dcloud.io/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70 2]: /images/20221120/bf800fb1b1644ba68d5d73b16155e601.png