当前位置: 首页 > news >正文

鸿蒙OSUniApp 实现的二维码扫描与生成组件#三方框架 #Uniapp

UniApp 实现的二维码扫描与生成组件

前言

最近在做一个电商小程序时,遇到了需要扫描和生成二维码的需求。在移动应用开发中,二维码功能已经成为标配,特别是在电商、社交和支付等场景下。UniApp作为一个跨平台开发框架,为我们提供了便捷的方式来实现这些功能。本文将分享我在项目中实现二维码扫描与生成的经验和技术细节,希望能给大家一些启发。

需求分析

在我的项目中,主要有两个核心需求:

  1. 二维码扫描:用户需要扫描商品二维码获取商品信息,或扫描会员卡二维码实现快速登录。
  2. 二维码生成:系统需要为每个商品、订单以及用户生成专属二维码,便于信息分享和快速查询。

这两个看似简单的功能,实际开发中却有不少细节需要注意。下面我将分享实现过程中的关键点和代码实现。

二维码扫描功能实现

UniApp提供了原生扫码API,但在使用过程中我发现其在不同平台上的表现并不一致,特别是在样式和交互体验上。因此,我决定使用第三方插件来增强扫码体验。

1. 基础环境搭建

首先,我们需要安装必要的依赖:

npm install uqrcode --save

2. 封装扫码组件

我创建了一个通用的扫码组件,以便在不同页面复用:

<template><view class="scanner-container"><camera v-if="showCamera" device-position="back" flash="auto" @error="handleError"@scancode="handleScanCode"class="scanner-camera"><cover-view class="scanner-mask"><cover-view class="scanner-frame"></cover-view></cover-view></camera><view v-if="!showCamera" class="scanner-placeholder"><button type="primary" @tap="startScan">开始扫码</button></view></view>
</template><script>
export default {data() {return {showCamera: false,scanResult: '',isScanning: false}},methods: {startScan() {this.showCamera = true;this.isScanning = true;// 兼容处理不同平台// #ifdef APP-PLUSthis.startAppScan();// #endif// #ifdef MP-WEIXIN || MP-ALIPAYthis.startMpScan();// #endif},startAppScan() {// App端使用plus接口实现const self = this;plus.barcode.scan('', (type, result) => {self.handleScanResult(result);}, (error) => {uni.showToast({title: '扫码失败: ' + error.message,icon: 'none'});self.showCamera = false;});},startMpScan() {// 小程序端依赖camera组件的scancode事件// 小程序端不需要额外处理,依赖template中的camera组件},handleScanCode(e) {if (this.isScanning) {this.isScanning = false;this.handleScanResult(e.detail.result);}},handleScanResult(result) {this.scanResult = result;this.showCamera = false;this.$emit('onScanSuccess', result);},handleError(e) {uni.showToast({title: '相机启动失败,请检查权限设置',icon: 'none'});this.showCamera = false;}}
}
</script><style>
.scanner-container {width: 100%;height: 600rpx;position: relative;
}
.scanner-camera {width: 100%;height: 100%;
}
.scanner-mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;
}
.scanner-frame {width: 500rpx;height: 500rpx;background-color: transparent;border: 4rpx solid #2979ff;
}
.scanner-placeholder {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: #f5f5f5;
}
</style>

上面的代码创建了一个通用的扫码组件,它能够适配App和小程序两种环境。值得注意的是,我使用了条件编译(#ifdef)来处理不同平台的差异,这是UniApp的一大优势。

3. 使用扫码组件

在实际页面中使用这个组件非常简单:

<template><view class="container"><view class="header">商品扫码</view><qr-scanner @onScanSuccess="handleScanResult"></qr-scanner><view class="result" v-if="scanResult"><text>扫描结果: {{scanResult}}</text></view></view>
</template><script>
import QrScanner from '@/components/QrScanner.vue';export default {components: {QrScanner},data() {return {scanResult: ''}},methods: {handleScanResult(result) {this.scanResult = result;// 处理扫码结果,例如解析商品ID并跳转到商品详情页this.processQrCode(result);},processQrCode(code) {try {// 假设二维码内容是JSON格式const data = JSON.parse(code);if (data.type === 'product') {uni.navigateTo({url: `/pages/product/detail?id=${data.id}`});} else if (data.type === 'order') {uni.navigateTo({url: `/pages/order/detail?id=${data.id}`});}} catch (e) {// 处理非JSON格式的二维码uni.showToast({title: '无法识别的二维码格式',icon: 'none'});}}}
}
</script>

二维码生成功能实现

生成二维码相对于扫描来说更为简单,但也有一些需要注意的点,特别是在样式自定义方面。

1. 基础二维码生成

我使用了uQRCode这个库来生成二维码,它支持自定义颜色、大小和纠错级别等:

<template><view class="qrcode-container"><canvas canvas-id="qrcode" id="qrcode" class="qrcode-canvas"></canvas><button type="primary" @tap="saveQrCode">保存二维码</button></view>
</template><script>
import UQRCode from 'uqrcode';export default {props: {content: {type: String,required: true},size: {type: Number,default: 200},margin: {type: Number,default: 10},backgroundColor: {type: String,default: '#ffffff'},foregroundColor: {type: String,default: '#000000'}},data() {return {qrUrl: ''}},mounted() {this.generateQrCode();},methods: {generateQrCode() {// 生成二维码UQRCode.make({canvasId: 'qrcode',componentInstance: this,text: this.content,size: this.size,margin: this.margin,backgroundColor: this.backgroundColor,foregroundColor: this.foregroundColor,success: (res) => {this.qrUrl = res;},fail: (error) => {console.error('二维码生成失败', error);uni.showToast({title: '生成二维码失败',icon: 'none'});}});},saveQrCode() {// 保存二维码到相册uni.canvasToTempFilePath({canvasId: 'qrcode',success: (res) => {uni.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: () => {uni.showToast({title: '二维码已保存到相册'});},fail: (err) => {console.error('保存失败', err);uni.showToast({title: '保存失败,请检查相册权限',icon: 'none'});}});},fail: (err) => {console.error('导出图片失败', err);}}, this);}},watch: {content() {// 当内容变化时重新生成二维码this.$nextTick(() => {this.generateQrCode();});}}
}
</script><style>
.qrcode-container {padding: 30rpx;display: flex;flex-direction: column;align-items: center;
}
.qrcode-canvas {width: 400rpx;height: 400rpx;margin-bottom: 30rpx;
}
</style>

2. 高级定制化二维码

在某些场景下,我们需要在二维码中嵌入logo或者应用特定的样式。以下是带有logo的二维码生成代码:

generateQrCodeWithLogo() {const that = this;// 先生成普通二维码UQRCode.make({canvasId: 'qrcode',componentInstance: this,text: this.content,size: this.size,margin: this.margin,backgroundColor: this.backgroundColor,foregroundColor: this.foregroundColor,success: () => {// 然后在二维码中间绘制logoconst ctx = uni.createCanvasContext('qrcode', that);// 计算logo大小和位置const logoSize = that.size / 5;const logoX = (that.size - logoSize) / 2;const logoY = (that.size - logoSize) / 2;// 绘制白色背景ctx.setFillStyle('#ffffff');ctx.fillRect(logoX - 2, logoY - 2, logoSize + 4, logoSize + 4);// 绘制logo图片ctx.drawImage('/static/logo.png', logoX, logoY, logoSize, logoSize);ctx.draw(true, () => {// 导出为图片URLuni.canvasToTempFilePath({canvasId: 'qrcode',success: (res) => {that.qrUrl = res.tempFilePath;},fail: (err) => {console.error('导出失败', err);}}, that);});}});
}

实际应用案例

我在一个线下门店管理系统中应用了上述技术,实现了以下功能:

  1. 店铺会员卡二维码:生成包含会员信息的二维码,用户可以保存到手机相册或添加到微信卡包。

  2. 商品快速查询:门店员工可以扫描商品二维码,快速查询库存和价格信息。

  3. 订单核销系统:用户下单后,系统生成订单二维码,用户到店出示,店员扫码即可完成核销。

这些功能大大提升了用户体验和门店运营效率。特别是订单核销系统,将原本需要几分钟的流程缩短至几秒钟,同时避免了手工录入可能带来的错误。

踩坑记录与解决方案

在实现过程中,我遇到了一些问题,在此分享解决方案:

  1. 相机权限问题:在Android上,有时相机初始化失败。解决方法是在manifest.json中明确申请相机权限,并在使用前进行权限检查:
checkCameraPermission() {// #ifdef APP-PLUSconst self = this;const currentOS = plus.os.name;if (currentOS == 'Android') {plus.android.requestPermissions(['android.permission.CAMERA'],function(resultObj) {if (resultObj.granted.length > 0) {self.startScan();} else {uni.showToast({title: '请授予相机权限以使用扫码功能',icon: 'none'});}});} else {self.startScan();}// #endif// #ifdef MPthis.startScan();// #endif
}
  1. iOS扫码闪光灯控制:在iOS上控制闪光灯需要使用原生API:
// #ifdef APP-PLUS
toggleFlashlight() {if (plus.os.name == 'iOS') {// iOS特殊处理const CVCaptureDevice = plus.ios.importClass('AVCaptureDevice');const device = CVCaptureDevice.defaultDeviceWithMediaType('vide');if (device.hasTorch()) {if (device.torchMode() == 0) {device.lockForConfiguration();device.setTorchMode(1);device.unlockForConfiguration();} else {device.lockForConfiguration();device.setTorchMode(0);device.unlockForConfiguration();}}}
}
// #endif
  1. 二维码生成清晰度问题:在高像素密度的屏幕上,生成的二维码可能显得模糊。解决方法是设置更高的尺寸并使用缩放:
// 设置更高的尺寸并缩放
UQRCode.make({canvasId: 'qrcode',componentInstance: this,text: this.content,size: this.size * 2, // 设置2倍大小margin: this.margin,success: () => {// Canvas绘制完成后,通过样式控制显示大小// CSS中设置实际显示大小}
});

总结

通过UniApp实现二维码扫描与生成功能相对简单,但在跨平台兼容性和用户体验优化方面还需要一些额外工作。在实际项目中,我们需要:

  1. 充分利用条件编译,处理各平台差异
  2. 考虑权限管理和错误处理
  3. 注重交互体验和视觉效果
  4. 对复杂场景进行适当的定制开发

正确实现二维码功能可以显著提升应用的实用性和用户体验,也是现代移动应用不可或缺的一部分。

希望本文对你在UniApp中实现二维码功能有所帮助。如有疑问或补充,欢迎在评论区讨论交流!

相关文章:

鸿蒙OSUniApp 实现的二维码扫描与生成组件#三方框架 #Uniapp

UniApp 实现的二维码扫描与生成组件 前言 最近在做一个电商小程序时&#xff0c;遇到了需要扫描和生成二维码的需求。在移动应用开发中&#xff0c;二维码功能已经成为标配&#xff0c;特别是在电商、社交和支付等场景下。UniApp作为一个跨平台开发框架&#xff0c;为我们提供…...

【Python 内置函数】

Python 内置函数是语言核心功能的直接体现&#xff0c;无需导入即可使用。以下是精选的 10 大类、50 核心内置函数详解&#xff0c;涵盖日常开发高频场景&#xff1a; 一、数据类型转换 函数示例说明int()int("123") → 123字符串/浮点数转整数float()float("3…...

鸿蒙OSUniApp开发支持多语言的国际化组件#三方框架 #Uniapp

使用UniApp开发支持多语言的国际化组件 在全球化的今天&#xff0c;一个优秀的应用往往需要支持多种语言以满足不同地区用户的需求。本文将详细讲解如何在UniApp框架中实现一套完整的国际化解决方案&#xff0c;从而轻松实现多语言切换功能。 前言 去年接手了一个面向国际市场…...

MySQL之基础事务

目录 引言&#xff1a; 什么是事务&#xff1f; 事务和锁 mysql数据库控制台事务的几个重要操作指令&#xff08;transaction.sql&#xff09; 1、事物操作示意图&#xff1a; 2.事务的隔离级别 四种隔离级别&#xff1a; 总结一下隔离指令 1. 查看当前隔离级别​​ …...

OpenHarmony系统HDF驱动开发介绍(补充)

一、HDF驱动简介 HDF&#xff08;Hardware Driver Foundation&#xff09;驱动框架&#xff0c;为驱动开发者提供驱动框架能力&#xff0c;包括驱动加载、驱动服务管理、驱动消息机制和配置管理。 简单来说&#xff1a;HDF框架的驱动和Linux的驱动比较相似都是由配置文件和驱动…...

深度学习中的查全率与查准率:如何实现有效权衡

&#x1f4cc; 友情提示&#xff1a; 本文内容由银河易创AI&#xff08;https://ai.eaigx.com&#xff09;创作平台的gpt-4-turbo模型辅助生成&#xff0c;旨在提供技术参考与灵感启发。文中观点或代码示例需结合实际情况验证&#xff0c;建议读者通过官方文档或实践进一步确认…...

文件名是 ‪E:\20250512_191204.mp4, EV软件录屏,未保存直接关机损坏, 如何修复?

去github上下载untrunc 工具就能修复 https://github.com/anthwlock/untrunc/releases 如果访问不了 本机的 hosts文件设置 140.82.112.3 github.com 199.232.69.194 github.global.ssl.fastly.net 就能访问了 实在不行&#xff0c;从这里下载&#xff0c;传上去了 https://do…...

界面控件DevExpress WinForms v24.2 - 数据处理功能增强

DevExpress WinForms拥有180组件和UI库&#xff0c;能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序&#xff0c;无论是Office风格的界面&#xff0c;还是分析处理大批量的业务数据&#xff0c;它都能轻松胜…...

Web UI测试效率低?来试Parasoft Selenic的智能修复与分析!

如果你正在使用Selenium进行Web UI测试&#xff0c;但被测试维护的繁琐、测试不稳定以及测试执行缓慢等问题困扰&#xff0c;不妨试试Parasoft Selenic&#xff01; Parasoft Selenic能够通过智能修复与分析功能&#xff0c;帮你自动检测并修复测试中的不稳定因素&#xff0c;…...

计算机视觉最不卷的方向:三维重建学习路线梳理

提到计算机视觉&#xff08;CV&#xff09;&#xff0c;大多数人脑海中会立马浮现出一个字&#xff1a;“卷”。卷到什么程度呢&#xff1f;2022年秋招CV工程师岗位数下降了16%&#xff0c;但求职人数增加了23%&#xff0c;求职人数与招聘岗位的比例达到了恐怖的15:1&#xff0…...

国产 ETL 数据集成厂商推荐—谷云科技 RestCloud

数字化转型加速推进的商业环境中&#xff0c;数据已成为企业最为关键的资产之一。然而&#xff0c;随着企业信息化的建设不断深入&#xff0c;各个业务系统之间数据分散、格式不一、难以互通等问题日益凸显&#xff0c;严重制约了企业对数据价值的深度挖掘与高效利用。在此背景…...

vscode extention踩坑记

# npx vsce package --allow-missing-repository --no-dependencies #耗时且不稳定 npx vsce package --allow-missing-repository #用这行 code --install-extension $vsixFileName --force我问ai&#xff1a;为什么我的.vsix文件大了那么多 ai答&#xff1a;因为你没有用 --n…...

AI时代的弯道超车之第十二章:英语和编程重要性?

在这个AI重塑世界的时代,你还在原地观望吗?是时候弯道超车,抢占先机了! 李尚龙倾力打造——《AI时代的弯道超车:用人工智能逆袭人生》专栏,带你系统掌握AI知识,从入门到实战,全方位提升认知与竞争力! 内容亮点: AI基础 + 核心技术讲解 职场赋能 + 创业路径揭秘 打破…...

关于数据湖和数据仓的一些概念

一、前言 随着各行业数字化发展的深化,数据资产和数据价值已越来越被深入企业重要发展的战略重心,海量数据已成为多数企业生产实际面临的重要问题,无论存储容量还是成本,可靠性都成为考验企业数据治理的考验。本文来看下海量数据存储的数据湖和数据仓,数据仓库和数据湖,…...

hbase shell的常用命令

一、hbase shell的基础命令 # 客户端登录 [rootCloud-Hadoop-NN-02 hbase]$ ./bin/hbase shell# 查看所有表 hbase> list### 创建数据表student&#xff0c;包含Sname、Ssex、Sage、Sdept、course列族/列 ### 说明&#xff1a;列族不指定列名时&#xff0c;列族可以直接成为…...

高并发内存池(四):Page Cache结构设计

目录 一&#xff0c;项目整体框架回顾 Thread Cache结构 Central Cache结构 二&#xff0c;Page Cache大致框架 三&#xff0c;Page Cache申请内存实现 Central Cache向Page Cache申请内存接口 从Page Cache中获取span接口 Page Cache加锁问题 申请内存完整过程 源码&a…...

易学探索助手-项目记录(九)

本文介绍本地大模型推理数据集构成 &#xff08;一&#xff09;古籍数据获取 以44种竖向从右至左排列的繁体古文为研究对象&#xff0c;通过OCR识别、XML结构化处理&#xff0c;最终生成符合大模型训练要求的数据集。 1.技术路线设计 图像处理层&#xff1a;PaddleOCR识别竖…...

Idea 设置编码UTF-8 Idea中 .properties 配置文件中文乱码

Idea 设置编码UTF-8 Idea中 .properties 配置文件中文乱码 一、设置编码 1、步骤&#xff1a; File -> Setting -> Editor -> File encodings --> 设置编码二、配置文件中文乱码 1、步骤&#xff1a; File -> Setting -> Editor -> File encodings ->…...

Redis缓存穿透、雪崩、击穿的解决方案?

Redis 缓存问题解决方案及Java实现 一、缓存穿透解决方案 &#xff08;缓存穿透指查询不存在数据&#xff0c;绕过缓存直接访问数据库&#xff09; 1. 布隆过滤器 空值缓存 注意点&#xff1a; 1.布隆过滤器是需要预热数据的&#xff0c;就是需要输入当前数据库已经存在的…...

第29节:现代CNN架构-Inception系列模型

引言 Inception系列模型是卷积神经网络(CNN)发展历程中的重要里程碑,由Google研究人员提出并不断演进。这一系列模型通过创新的架构设计,在保持计算效率的同时显著提升了图像识别任务的性能。从最初的Inception v1到最新的Inception-ResNet,每一代Inception模型都引入了突破…...

初识C++:类和对象(上)

概述&#xff1a;本篇博客主要讲解类和对象的学习。 目录 1. 类的定义 1.1 类定义格式 1.2 访问限定符 1.3 类域 2.实例化 2.1 实例化概念 2.2 this指针 3. 小结 1. 类的定义 1.1 类定义格式 class为定义类的关键字&#xff0c;Stack为类的名字&#xff0c;{} 中为类的…...

腾讯 IMA 工作台升级:新增知识库广场与 @提问功能

目录 一、引言 二、知识库广场功能 2.1 功能架构解析 2.2 技术实现突破 三、知识库提问功能 3.1 交互模式革新 3.2 技术底层逻辑 四、实战价值 4.1 知识管理方面 4.2 工作效率提升方面 4.3 团队协作方面 4.4 知识变现方面 五、未来展望 5.1 技术演进方向 5.2 商业…...

[目标检测] YOLO系列算法讲解

前言 目标检测就是做到给模型输入一张图片或者视频&#xff0c;模型可以迅速判断出视频和图片里面感兴趣的目标所有的位置和它 的类别&#xff0c;而当前最热门的目标检测的模型也就是YOLO系列了。 YOLO系列的模型的提出&#xff0c;是为了解决当时目标检测的模型帧率太低而提…...

Python 之 selenium 打开浏览器指定端口进行接续操作

一般使用 selenium 进行数据爬取时&#xff0c;常用处理流程是让 selenium 从打开浏览器开始&#xff0c;完成全流程的所有操作。但是有时候&#xff0c;我们希望用户先自己打开浏览器进入指定网页&#xff0c;完成登录认证等一系列操作之后&#xff08;比如用户、密码、短信验…...

GPUGeek携手ComfyUI :低成本文生图的高效解决方案

一、文生图领域的困境与ComfyUI的优势 在当今数字化创意表达的时代&#xff0c;文生图技术日益受到关注。像豆包这类以语言交互为主的大模型&#xff0c;虽然在文本处理上表现出色&#xff0c;但在文生图方面&#xff0c;其生成效果难以达到专业图像创作的要求。而Midjourney&…...

OpenCV CUDA 模块中用于在 GPU 上计算两个数组对应元素差值的绝对值函数absdiff(

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 void cv::cuda::absdiff 是 OpenCV CUDA 模块中的一个函数&#xff0c;用于在 GPU 上计算两个数组对应元素差值的绝对值。 该函数会逐元素计算两…...

互联网大厂Java面试题:深入解析SpringCloud微服务架构中的服务注册与发现机制

互联网大厂Java面试题&#xff1a;深入解析SpringCloud微服务架构中的服务注册与发现机制 面试题 问题&#xff1a; 在SpringCloud微服务架构中&#xff0c;服务注册与发现是核心功能之一。请详细说明Nacos作为服务注册中心的实现原理&#xff0c;并对比其与Eureka的异同点。…...

东芝新四款产品“TB67Z830SFTG、TB67Z830HFTG、TB67Z850SFTG、TB67Z850HFTG系列三相栅极驱动器ic三相栅极驱动器IC

支持用于电动工具、吸尘器、工业机器人等的三相无刷DC电机 东芝电子设备与存储公司(简称“东芝”)推出了TB67Z83xxFTG系列三相栅极驱动器ic的四个产品和TB67Z85xxFTG系列三相栅极驱动器IC的四个产品&#xff0c;用于消费和工业设备的三相无刷DC电机。通过将新产品与作为电机控制…...

react+html-docx-js将页面导出为docx

1.主要使用&#xff1a;html-docx-js进行前端导出 2.只兼容到word&#xff0c;wps兼容不太好 3.处理分页换行 4.处理页眉 index.tsx import { saveAs } from file-saver; import htmlToDocxGenerate from ./HtmlToDocx;const handleExportByHtml async () > {const expor…...

Linux基础 -- SSH 流式烧录与压缩传输笔记

Linux SSH 流式烧录与压缩传输指南 一、背景介绍 在嵌入式开发和维护中&#xff0c;常常需要通过 SSH 从 PC 向设备端传输大文件&#xff08;如系统镜像、固件&#xff09;并将其直接烧录到指定磁盘&#xff08;如 /dev/mmcblk2&#xff09;。然而&#xff0c;设备端存储空间…...

<论文>(微软)避免推荐域外物品:基于LLM的受限生成式推荐

一、摘要 本文介绍微软和深圳大学合作发表于2025年5月的论文《Avoid Recommending Out-of-Domain Items: Constrained Generative Recommendation with LLMs》。论文主要研究如何解决大语言模型&#xff08;LLMs&#xff09;在推荐系统中推荐域外物品的问题&#xff0c;提出了 …...

2025年渗透测试面试题总结-360[实习]安全工程师(题目+回答)

网络安全领域各种资源&#xff0c;学习文档&#xff0c;以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具&#xff0c;欢迎关注。 目录 1. 自我介绍 2. WAF及其绕过方式 3. IPS/IDS/HIDS 4. 云安全 5. 绕过安骑士/安全狗 6. Gopher扩展…...

【机器学习】支持向量回归(SVR)从入门到实战:原理、实现与优化指南

前言 在机器学习的广阔领域中&#xff0c;回归分析作为预测连续型变量的重要手段&#xff0c;被广泛应用于金融预测、工业生产、科学研究等诸多场景。支持向量回归&#xff08;SVR&#xff09;作为回归算法家族中的佼佼者&#xff0c;凭借独特的理论优势与强大的实践能力脱颖而…...

右值引用的学习

传统的C语法中就有引用的语法&#xff0c;而C11中新增了的右值引用语法特性&#xff0c;所以从现在开始我们之前学习的引用就叫做左值引用。无论左值引用还是右值引用&#xff0c;都是给对象取别名。 左值引用和右值引用 在讲之前&#xff0c;我们先来看一下什么是左值和右值…...

碎片笔记|AI生成图像溯源方法源码复现经验(持续更新中……)

前言&#xff1a;本篇博客分享一些溯源方法的复现经验&#xff0c;希望能帮助到大家&#x1f389;。 目录 1. Close-set AttributionRepmixDe-FakeDNA-Net 2. Open-set AttributionPOSE 3. Single-Model AttributionOCC-CLIPLatentTracer 1. Close-set Attribution Repmix 论…...

elementplus el-tree 二次封装支持配置删除后展示展开或折叠编辑复选框懒加载功能

本文介绍了基于 ElementPlus 的 el-tree 组件进行二次封装的 TreeView 组件&#xff0c;使用 Vue3 和 JavaScript 实现。TreeView 组件通过 props 接收树形数据、配置项等&#xff0c;支持懒加载、节点展开/收起、节点点击、删除、编辑等操作。组件内部通过 ref 管理树实例&…...

【C/C++】深度探索c++对象模型_笔记

1. 对象内存布局 (1) 普通类&#xff08;无虚函数&#xff09; 成员变量排列&#xff1a;按声明顺序存储&#xff0c;但编译器会根据内存对齐规则插入填充字节&#xff08;padding&#xff09;。class Simple {char a; // 1字节&#xff08;偏移0&#xff09;int b; …...

Spring MVC数据绑定和响应 你了解多少?

数据绑定的概念 在程序运行时&#xff0c;Spring MVC接收到客户端的请求后&#xff0c;会根据客户端请求的参数和请求头等数据信息&#xff0c;将参数以特定的方式转换并绑定到处理器的形参中。Spring MVC中将请求消息数据与处理器的形参建立连接的过程就是Spring MVC的数据绑…...

外贸礼品禁忌

一、亚洲 1.印度 牛是神圣动物&#xff0c;别送牛皮制品。另外&#xff0c;左手不洁&#xff0c;送礼得用右手或双手。 2.日本 “梳” 和 “苦” 谐音&#xff0c;不送梳子。日本男性不咋佩戴首饰&#xff0c;除结婚戒指。礼物得装盒、纸包、绳饰&#xff0c;白色包装得有…...

【MySQL 基础篇】深入解析MySQL逻辑架构与查询执行流程

1 MySQL逻辑架构概述 MySQL 的逻辑架构主要分为 Server 层和存储引擎层两部分。 Server 层&#xff1a;包含连接器、查询缓存、分析器、优化器、执行器等组件。同时&#xff0c;所有的内置函数&#xff08;如日期、时间、数学和加密函数等&#xff09;也在这一层实现。此外&a…...

基于C#实现中央定位服务器的 P2P 网络聊天系统

基于中央定位服务器的 P2P 网络聊天系统 1 需求分析与实现功能 本次作业旨在实现一个基于中央定位服务器的 P2P 网络聊天系统&#xff0c;也即通过中央定位服务器实现登入&#xff0c;登出与好友的 IP 查询等操作&#xff0c;在好友间的通信使用 P2P 来完成&#xff0c;具体见…...

【C++】map和set的模拟实现

1.底层红黑树节点的定义 enum Colur {RED,BLACK }; template<class T> struct RBTreeNode {RBTreeNode<T>* _left;RBTreeNode<T>* _right;RBTreeNode<T>* _parent;T _data;Colur _col;RBTreeNode(const T& data):_left(nullptr), _right(nullptr…...

数据结构·字典树

字典树trie 顾名思义&#xff0c;在一个字符串的集合里查询某个字符串是否存在树形结构。 树存储方式上用的是结构体数组&#xff0c;类似满二叉树的形式。 模板 定义结构体和trie 结构体必须的内容&#xff1a;当前结点的字符&#xff0c;孩子数组可选&#xff1a;end用于查…...

centos服务器,疑似感染phishing家族钓鱼软件的检查

如果怀疑 CentOS 服务器感染了 Phishing 家族钓鱼软件&#xff0c;需要立即进行全面检查并采取相应措施。以下是详细的检查和处理步骤&#xff1a; 1. 立即隔离服务器 如果可能&#xff0c;将服务器从网络中隔离&#xff0c;以防止进一步传播或数据泄露。如果无法完全隔离&…...

(C语言)超市管理系统(测试2版)(指针)(数据结构)(清屏操作)

目录 前言&#xff1a; 源代码&#xff1a; product.h product.c fileio.h fileio.c main.c 代码解析&#xff1a; 一、程序结构概述 二、product.c 函数详解 1. 初始化商品列表 Init_products 2. 添加商品 add_product 3. 显示商品 display_products 4. 修改商品 mo…...

可变形卷积简介(Deformable Convolution)

1. 核心原理 可变形卷积通过动态调整卷积核的采样位置&#xff0c;增强模型对几何形变&#xff08;如旋转、缩放&#xff09;的适应能力。其核心改进包括&#xff1a; 偏移量&#xff08;Offset&#xff09;&#xff1a;为卷积核的每个采样点学习 x / y x/y x/y方向的偏移量 …...

02_Servlet

目录 一、简介二、Servlet入门案例2.1、编写Servlet2.2、配置Servlet2.3、访问Servlet2.4、常见错误 三、Servlet详解3.1、实现Servlet的三种方式3.1.1、实现Servlet接口3.1.2、继承GenericServlet类3.1.3、继承HttpServlet类 3.2、配置Servlet的两种方式3.2.1、web.xml方式3.2…...

stm32之FLASH

目录 1.简介2.闪存模块组织3.基本结构3.1 FPEC3.2 程序存储器3.2.1 标准编程3.2.2 页擦除3.2.3 全擦除 3.3 选项字节3.3.1 编程3.3.2 擦除 4.器件电子签名5.实验-读取内部FLASH 1.简介 STM32F1系列的FLASH内存是一个非常重要的存储区域&#xff0c;它主要由三个部分组成&#…...

第3.4节 调用链路分析服务开发

3.4.1 什么是Code Call Graph&#xff08;CCG&#xff09; Code Call Graph&#xff08;CCG&#xff09;即业务代码中的调用关系图&#xff0c;是通过静态分析手段分析并构建出的一种描述代码间关系的图。根据精度不同&#xff0c;一般分为类级别、方法级别、控制流级别&#x…...

超详细Docker教程

前言&#xff1a;大家在在Linux上部署mysql及其他软件时&#xff0c;大家想一想自己最大的感受是什么&#xff1f; 我相信&#xff0c;除了个别天赋异禀的人以外&#xff0c;大多数人都会有相同的感受&#xff0c;那就是麻烦。核心体现在三点&#xff1a; 命令太多了&#xff…...