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

Vue3+el-table-v2虚拟表格大数据量多选功能详细教程

news 来源：原创 2025/6/25 8:39:49

Vue3+el-table-v2虚拟表格大数据量多选功能详细教程

本教程基于 Element Plus 组件库的 el-table-v2（假设你使用虚拟滚动表格），实现大数据量场景下的多选功能，并包含了全选、反选、已选行展示、清除选择等完整交互。

一、项目背景与需求

需要展示 数千至上万行数据，并且保证表格渲染性能
支持每行数据的单独多选功能
支持表头复选框，实现当前页全选/取消全选
显示已选中行的简要信息及数量
支持一键清除所有选择
可通过输入框动态控制生成数据的数量

二、核心思路

数据源 tableData 是所有当前页显示的行数据，带有 _selected 字段来表示当前行是否被选中
选中行使用独立响应式数组 selectedRows 来存储完整对象
表头复选框绑定 isAllSelected 计算属性，实现全选与取消全选的切换
自定义列渲染器插入复选框组件，单独控制每行选中状态，双向绑定 _selected
已选行信息展示区同步展示 selectedRows 内容
动态数据生成时重置选中状态，保证数据和选中状态同步一致

在这里插入图片描述

三、完整代码详解

1. 模板部分（template）

<template><div class="app-container"><!-- 操作控制面板 --><div class="control-panel mb-4"><el-row :gutter="20"><el-col :span="6"><el-input-number v-model="rowCount" :min="100" :max="100000" :step="1000" @change="generateData" placeholder="行数量" /></el-col><el-col :span="6"><el-button type="primary" @click="generateData">重新生成数据</el-button></el-col><el-col :span="6"><el-tag type="info">当前数据：{{ tableData.length }}行</el-tag></el-col><el-col :span="6"><el-tag type="success" v-if="selectedRows.length">已选择：{{ selectedRows.length }}行</el-tag></el-col></el-row></div><!-- 虚拟化表格 --><el-card class="box-card"><template #header><div class="card-header"><span>虚拟化表格 - 高效处理大数据量</span><div><el-button size="small" type="primary" @click="toggleAllSelection">{{ isAllSelected ? '取消全选' : '全选' }}</el-button></div></div></template><el-table-v2:columns="columns":data="tableData":width="tableWidth":height="500":fixed="true":row-height="40":loading="loading"/></el-card><!-- 选中行信息展示 --><el-card class="box-card mt-4" v-if="selectedRows.length > 0"><template #header><div class="card-header"><span>已选中行信息 ({{ selectedRows.length }})</span><el-button size="small" type="danger" @click="clearSelection">清除选择</el-button></div></template><div class="selected-rows-info"><div v-for="(row, index) in selectedRows.slice(0, 5)" :key="row.id" class="selected-row"><p><strong>行 #{{ row.id }}</strong>: {{ row.name }} - {{ row.job }} - {{ row.department }}</p></div><div v-if="selectedRows.length > 5" class="more-info">还有 {{ selectedRows.length - 5 }} 行未显示...</div></div></el-card></div>
</template>

2. 脚本逻辑（script setup）

import { ref, computed, h, onMounted } from 'vue'
import { ElCheckbox } from 'element-plus'// 表格数据 & 配置
const tableData = ref([])
const rowCount = ref(5000)
const loading = ref(false)// 选中行列表
const selectedRows = ref([])// 判断是否全选（所有行都选中）
const isAllSelected = computed(() => {return selectedRows.value.length > 0 && selectedRows.value.length === tableData.value.length
})// 切换全选/取消全选
const toggleAllSelection = () => {if (isAllSelected.value) {// 取消全选selectedRows.value = []tableData.value.forEach(item => (item._selected = false))} else {// 全选所有行selectedRows.value = [...tableData.value]tableData.value.forEach(item => (item._selected = true))}
}// 清除所有选中项
const clearSelection = () => {selectedRows.value = []tableData.value.forEach(item => (item._selected = false))
}// 切换单行选中状态（配合checkboxRenderer）
const toggleRowSelection = (row) => {if (row._selected) {// 选中，加入selectedRowsselectedRows.value.push(row)handleRowSelected(row)} else {// 取消选中，从selectedRows移除const index = selectedRows.value.findIndex(item => item.id === row.id)if (index !== -1) {selectedRows.value.splice(index, 1)handleRowDeselected(row)}}
}// 选中行回调
const handleRowSelected = (row) => {console.log('行被选中:', row)
}// 取消选中行回调
const handleRowDeselected = (row) => {console.log('行被取消选中:', row)
}// 自定义复选框渲染器 - 单元格
const checkboxRenderer = ({ rowData }) => {return h(ElCheckbox, {modelValue: rowData._selected,'onUpdate:modelValue': (value) => {rowData._selected = valuetoggleRowSelection(rowData)}})
}// 自定义表头复选框渲染器
const headerCheckboxRenderer = () => {return h(ElCheckbox, {modelValue: isAllSelected.value,'onUpdate:modelValue': toggleAllSelection,indeterminate: selectedRows.value.length > 0 && selectedRows.value.length < tableData.value.length,})
}// 表格列配置
const columns = [{key: 'selection',dataKey: 'selection',title: '',width: 50,cellRenderer: checkboxRenderer,headerCellRenderer: headerCheckboxRenderer,},{ key: 'index', dataKey: 'index', title: '序号', width: 60, cellRenderer: ({ rowIndex }) => rowIndex + 1 },{ key: 'id', dataKey: 'id', title: 'ID', width: 100 },{ key: 'name', dataKey: 'name', title: '姓名', width: 120 },{ key: 'age', dataKey: 'age', title: '年龄', width: 80 },{ key: 'address', dataKey: 'address', title: '地址', width: 200 },{ key: 'phone', dataKey: 'phone', title: '电话', width: 150 },{ key: 'email', dataKey: 'email', title: '邮箱', width: 200 },{ key: 'job', dataKey: 'job', title: '职业', width: 120 },{ key: 'salary', dataKey: 'salary', title: '薪资', width: 120 },{ key: 'department', dataKey: 'department', title: '部门', width: 150 },{ key: 'joinDate', dataKey: 'joinDate', title: '入职日期', width: 150 },
]// 计算表格宽度
const tableWidth = computed(() => columns.reduce((total, col) => total + col.width, 0))// 生成模拟数据
const generateData = () => {loading.value = trueselectedRows.value = []setTimeout(() => {const data = []const nameList = ['张三', '李四', '王五', '赵六', '钱七', '孙八', '周九', '吴十']const jobs = ['工程师', '设计师', '产品经理', '运营', '市场', '销售', '财务', '人力资源']const departments = ['技术部', '产品部', '设计部', '市场部', '销售部', '财务部', '人力资源部']for (let i = 0; i < rowCount.value; i++) {const nameIndex = Math.floor(Math.random() * nameList.length)const jobIndex = Math.floor(Math.random() * jobs.length)const deptIndex = Math.floor(Math.random() * departments.length)data.push({id: i + 1,name: nameList[nameIndex] + (i % 100),age: Math.floor(Math.random() * 40) + 20,address: `北京市朝阳区某某路${Math.floor(Math.random() * 100) + 1}号`,phone: `1${Math.floor(Math.random() * 9) + 1}${Math.random().toString().slice(2, 10)}`,email: `user${i}@example.com`,job: jobs[jobIndex],salary: Math.floor(Math.random() * 20000) + 5000,department: departments[deptIndex],joinDate: `202${Math.floor(Math.random() * 4)}-${String(Math.floor(Math.random() * 12) + 1).padStart(2, '0')}-${String(Math.floor(Math.random() * 28) + 1).padStart(2, '0')}`,_selected: false,})}tableData.value = dataloading.value = false}, 300)
}// 组件挂载时初始化数据
onMounted(() => {generateData()
})

3. 样式（style）

.card-header {display: flex;justify-content: space-between;align-items: center;
}.mb-4 {margin-bottom: 16px;
}.mt-4 {margin-top: 16px;
}.selected-rows-info {.selected-row {padding: 8px 0;border-bottom: 1px solid #f0f0f0;&:last-child {border-bottom: none;}}.more-info {margin-top: 10px;color: #909399;font-style: italic;}
}

四、功能总结与优化建议

功能点	说明	优化建议
大数据量渲染	采用虚拟滚动表格减少渲染压力	使用真正虚拟滚动方案或分页
多选状态维护	通过 `_selected` 字段与 `selectedRows` 双向绑定	使用 Map 维护选中状态，避免性能问题
表头全选	绑定计算属性控制全选和半选状态	结合分页和跨页时需要额外管理
选中项展示	显示部分已选行的摘要信息	提供导出选中 ID / 数据功能
数据动态生成	支持动态指定数据量重新生成数据	支持接口分页拉取更大数据量
性能优化	延迟模拟数据生成，避免阻塞界面	使用 Web Worker 或接口分页处理

五、总结

本教程演示了大数据量情况下，如何高效使用 Vue3 + Element Plus 虚拟表格实现多选
通过单独维护选中列表，确保数据和 UI 状态同步
实现了全选、反选、清除选中和已选行展示功能
适用于后台管理系统、ERP等大量数据表格场景

如果你需要，我还能帮你将本例升级成带有跨页多选管理、服务端分页整合、性能优化方案的完整版教程，欢迎随时告诉我！

Vue3+el-table-v2虚拟表格大数据量多选功能详细教程

Vue3el-table-v2虚拟表格大数据量多选功能详细教程本教程基于 Element Plus 组件库的 el-table-v2（假设你使用虚拟滚动表格），实现大数据量场景下的多选功能，并包含了全选、反选、已选行展示、清除选择等完整交互。一、项目背景与…...

编程日记 2025/6/25 8:39:49

开源跨平台的轻量 C# 编辑器

NetPad一个基于.NET 开源、跨平台的 C# 编辑器，目的是创建一个开源的、支持 Web 的跨平台替代方案，从而为开发者提供便利的编程环境并为非 Windows 环境下的开发者提供一个可替代 LINQPad 的实用工具。它以.NET SDK 作为基础运行时环境，利用E…...

编程日记 2025/6/25 8:12:36

QT多线程

使用多线程的好处假如当前窗口要进行一段非常复杂的逻辑处理，在单线程的情况下，是无法操控界面UI的，点击界面UI没有响应。此时就要用到多线程。注意： 1、默认的线程在Qt中称之为窗口线程，也叫主线程，负…...

编程日记 2025/6/25 8:11:34

了解公共部门中的数据网格：支柱、架构和示例

作者：来自 Elastic Elastic Platform Team 想想那些像公共健康记录、城市规划模型等项目背后的所有数据。政府机构一直在产生大量数据。当数据分散在云平台、本地系统或像卫星和应急响应中心这样的专业环境中时，情况变得更加复杂。找到信息变得困难&…...

编程日记 2025/6/25 8:10:11

关于一维数组和字符串的详细讲解（从属于GESP三级）

本章内容一维数组基础字符串基础就像打磨一串符号，每个位置都要精准对待，才能串起完整的风景。坚持下去，小细节终将成就大格局。一、⼀维数组基础 1 📚 定义典型写法说明易错/拓展 int a[5]; 编译期长度常量&#x…...

编程日记 2025/6/25 8:08:11

【驱动设计的硬件基础】PCI和PCI-E

打开电脑主机，你会看到主板上一排长短不一的插糟：矮胖的 PCI 插糟还插着古老的声卡，旁边细长的 PCI-E 插糟则牢牢卡住显卡、高速网卡等核心设备。这些看似普通的插糟，其实是计算机硬件沟通的 "高速公路"，承载…...

编程日记 2025/6/25 8:08:10

【学习记录】Git Base使用-免密连接代码仓库

github（JL765）和gitee（JL765/git-test01）都可以用于管理代码在windows中，可以通过Git Base软件（Git - Downloading Package）和仓库进行连接下载略过 github登录 ssh -T gitgithub.com # 成…...

编程日记 2025/6/25 7:57:38

android脱糖

前言另外一篇相关文章：https://androidblog.blog.csdn.net/article/details/148574130 通过sourceCompatibility 和targetCompatibility可以实现低版本写代码高版本输出（详情可查看我的另一篇文件中的：验证各种Java版本 > 一、纯Java项…...

编程日记 2025/6/25 7:53:16

DVWA Brute Force漏洞深度分析与利用指南

DVWA简介 DVWA（Damn Vulnerable Web Application）是一个基于PHP/MySQL的脆弱性Web应用平台，专为安全专业人员设计，用于测试技能和工具。它包含十大安全模块，其中Brute Force（暴力破解）是最基础…...

编程日记 2025/6/25 7:53:15

Docker 报错“x509: certificate signed by unknown authority”的排查与解决实录

目录 🔧Docker 报错“x509: certificate signed by unknown authority”的排查与解决实录 📌 问题背景 🧪 排查过程步骤 1：确认加速器地址是否可访问步骤 2：检查 Docker 是否真的使用了镜像加速器步骤 3&…...

编程日记 2025/6/25 7:41:45

采用ArcGIS10.8.2 进行插值图绘制

一、最终成果图展示二、软件下载链接：百度网盘请输入提取码密码：azay 三、软件安装 1、在安装之前需要关闭电脑的防火墙及杀毒软件设置-隐私和安全性-Windows安全中心-防火墙和网络保护 2、软件解压（1）【ArcGIS_Desktop_1082_180......】“以管理员身份运行”…...

编程日记 2025/6/25 7:37:43

国产安路FPGA纯verilog视频图像去雾，基于暗通道先验算法实现，提供5套TD工程源码和技术支持

目录 1、前言工程概述免责声明 2、相关方案推荐我已有的所有工程源码总目录----方便你快速找到自己喜欢的项目国产安路FPGA相关方案推荐本博主已有的图像处理方案 3、设计思路框架工程设计原理框图输入Sensor之-->GC0308摄像头输入Sensor之-->OV7725摄像头输入Sensor之--…...

编程日记 2025/6/25 7:36:07

利用大型语言模型增强边缘云 AI 系统安全性

大家读完觉得有帮助及的关注和点赞！！！ 抽象随着边缘计算和云系统在 AI 驱动应用中的广泛应用，如何在确保数据隐私的同时保持高效性能已成为一个紧迫的安全问题。本文提出了一种基于联邦学习的数据协作方法，以提高边缘…...

编程日记 2025/6/25 7:26:30

微信小程序中 rpx与px的区别

在微信小程序中的rpx比px方便的多   <image style"width:200rpx;height: 200rpx"src"/images/avatar/3.png"></image> <text>你好，冻梨</text> <but…...

编程日记 2025/6/25 7:26:30

解锁阿里云AnalyticDB：数据仓库的革新利器

AnalyticDB：云数据仓库新势力在数字化浪潮中，数据已成为企业的核心资产，而云数据仓库作为数据管理与分析的关键基础设施，正扮演着愈发重要的角色。阿里云 AnalyticDB 作为云数据仓库领域的佼佼者，以其卓越的性能、创…...

编程日记 2025/6/25 7:04:12

告别水印烦恼，一键解锁高清无痕图片与视频！

在这个数字化飞速发展的时代，无论是设计小白还是创意达人，都可能遇到这样的困扰：心仪的图片或视频因水印而大打折扣，创意灵感因水印而受限。别急，今天就为大家带来几款神器，让你轻松告别水印烦恼&#xff0…...

编程日记 2025/6/25 7:04:11

前端面试记录

前言：面试题永远是刷不完的，即使刷了一大堆下次面试又忘记了，重要的是组织自己的语言，保持自信，不给自己制造面不过的心理负担，对刷过的题要有个大致印象，好在答题的时候能够多多少少说出点贴近…...

编程日记 2025/6/24 21:24:29

RAG实战基础篇/windows电脑快速部署qwen3:14B

现阶段，在本地部署ollama非常简单，准备好一个有GPU的电脑，十分钟轻松部署qwen3:14b。实现本地的大模型部署。我这里为了方便起见，直接使用windows电脑下载一个ollama。访问ollama GIthub地址：ollama开源地址直接…...

编程日记 2025/6/24 21:24:28

Java SE - 图书管理系统模拟实现

目录 1.设计框架2. 实现用户类3.实现书和书架类4.登录界面的实现5.实现menu方法6.测试菜单选择7.实现一个IFun接口7.1 查找功能的实现7.2 展示功能的实现7.3 增加功能的实现7.4 删除功能的实现7.5 退出功能的实现7.6 借阅功能的实现7.7 归还功能的实现 8.实现IFuntion类型的数组…...

编程日记 2025/6/24 21:02:43

华为HN8145V光猫改华为蓝色公版界面，三网通用，xgpon公版光猫

咸鱼只卖20多元一个，还是xgpon的万兆猫，性价比不错哦除了没有2.5G网口，其他还行。改成公版光猫后，运营商是无法纳管光猫，无法后台修改光猫数据及超密。华为 HN8145V 光猫具有以下特点： 性能方面高速接…...

编程日记 2025/6/24 20:48:14

【ARM 嵌入式编译系列 7.5 -- GCC 打印链接脚本各段使用信息】

文章目录 Overview1 在 linker script 中定义符号2 编译并生成 ELF 文件3 使用 nm awk 输出各段地址及大小（含单位）4 实际输出示例5 进阶建议 Overview 在 GCC 编译生成 elf 后打印出出数据段的开始地址及结束地址，bss 段的开始地址和结束…...

编程日记 2025/6/24 20:31:58

在大数据求职面试中如何回答分布式协调与数据挖掘问题

在大数据求职面试中如何回答分布式协调与数据挖掘问题场景：小白的大数据求职面试小白是一名初出茅庐的程序员，今天他来到一家知名互联网公司的面试现场，面试官是经验丰富的老黑。以下是他们之间的对话： 第一轮提问&#xff1…...

编程日记 2025/6/24 20:21:26

小白成长之路--nginx基础配置（一）

文章目录一、概述1.1 Nginx 特点1.2 Nginx 作用1.3Nginx工作原理二、Nginx服务搭建2.1安装2.2 目录结构2.3 配置文件作用2.4 nginx,conf配置文件详解2.5 核心命令2.6 Nginx信号三.Nginx3.1启动总结一、概述 Nginx 是开源、高性能、高可靠的 Web服务器和反向代理服务器&am…...

编程日记 2025/6/24 20:19:55

基于 SpringBoot+JSP 的医疗预约与诊断系统设计与实现

摘要本研究针对传统医疗预约与诊断流程中存在的效率低下、信息不透明、患者等待时间长等问题，设计并实现了一个基于 SpringBootJSP 的医疗预约与诊断系统。系统采用 B/S 架构，整合了用户管理、科室管理、医生排班、预约挂号、在线问诊、检查检验、诊断…...

编程日记 2025/6/24 20:17:10

C++语言发展历程-2025

C语言发展历程-2025 前言 C是一种高级编程语言，由Bjarne Stroustrup于1979年在贝尔实验室创建，是C语言的扩展和改进版。 C从最初的C with class，经历了C98、C03、C11、C 14、C17、C20、C23多次标准化改造，成为一门多范式、高性…...

编程日记 2025/6/24 20:17:09

Zynq + FreeRTOS + YAFFS2 + SQLite3 集成指南

Zynq FreeRTOS YAFFS2 SQLite3 集成指南一、系统架构设计 #mermaid-svg-qvuP6slyza89wsiT {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-qvuP6slyza89wsiT .error-icon{fill:#552222;}#mermaid-svg-qvuP6slyz…...

编程日记 2025/6/24 19:43:59

Python基础之函数

代码仓库地址：gitgithub.com:Liucc-123/python_learn.git 函数介绍函数是组织好的、可重复使用的，用来实现单一、或相关功能的代码段。函数可以提高应用的模块性和代码的可重复性。python 有许多内置的函数比如 print 打印函数，python 也…...

编程日记 2025/6/24 19:42:58

Python异步爬虫编程技巧：从入门到高级实战指南

Python异步爬虫编程技巧：从入门到高级实战指南 🚀 📚 目录前言：为什么要学异步爬虫异步编程基础概念异步爬虫核心技术栈入门实战：第一个异步爬虫进阶技巧：并发控制与资源管理高级实战：分布式…...

编程日记 2025/6/24 19:08:23

Redis哨兵模式深度解析与实战部署

Redis哨兵模式深度解析与实战部署文章目录 Redis哨兵模式深度解析与实战部署一、Redis哨兵模式理论架构详解1.1 哨兵模式的核心架构组成基础架构拓扑图 1.2 哨兵节点的核心功能模块1.2.1 监控模块（Monitoring）1.2.2 决策模块（Decision Makin…...

编程日记 2025/6/24 18:55:40

【软考高级系统架构论文】论边缘计算及其应用

论文真题边缘计算是在靠近物或数据源头的网络边缘侧，融合网络、计算、存储、应用核心能力的分布式开放平台(架构)，就近提供边缘智能服务。边缘计算与云计算各有所长，云计算擅长全局性、非实时、长周期的大数据处理与分析，能够在长周期维护、业务决策支撑等领域发挥优势；…...

编程日记 2025/6/24 18:55:39

触摸屏（典型 I2C + Input 子系统设备）从设备树解析到触摸事件上报

触摸屏（典型 I2C Input 子系统设备）从设备树解析到触摸事件上报以下是架构图，对触摸屏（典型I2C Input子系统设备）从设备树解析到触摸事件上报的全流程详细拆解，包含文字讲解和配套流程图： 注…...

编程日记 2025/6/24 18:41:47

Java中==与equals()方法的深度解析

作为Java后端开发者，我们经常会遇到需要比较两个对象是否相等的情况。在Java中，运算符和equals()方法都可以用于比较，但它们之间存在着本质的区别。 1. 运算符是一个比较运算符，它的行为取决于比较的类型： 1.1 比较…...

编程日记 2025/6/25 18:56:36

qt常用控件--02

文章目录 qt常用控件--02toolTip属性focusPolicy属性styleSheet属性补充知识点按钮类控件QPushButton 结语很高兴和大家见面，给生活加点impetus！！开启今天的编程之路！！ 今天我们进一步c11中常见的新增表达作者&…...

编程日记 2025/6/24 18:24:20

AI-Sphere-Butler之如何将豆包桌面版对接到AI全能管家~新玩法（一）

环境： AI-Sphere-Butler VBCABLE2.1.58 Win10专业版豆包桌面版1.47.4 ubuntu22.04 英伟达4070ti 12G python3.10 问题描述： AI-Sphere-Butler之如何将豆包桌面版对接到AI全能管家~新玩法（一） 聊天视频： AI真…...

编程日记 2025/6/24 18:24:19

为什么android要使用Binder机制

编程日记 2025/6/24 18:10:52

Apache SeaTunnel Flink引擎执行流程源码分析

目录 1. 任务启动入口 2. 任务执行命令类：FlinkTaskExecuteCommand 3. FlinkExecution的创建与初始化 3.1 核心组件初始化 3.2 关键对象说明 4. 任务执行：FlinkExecution.execute() 5. Source处理流程 5.1 插件初始化 5.2 数据流生成 6. Transform处理流程 6.1 插…...

编程日记 2025/6/24 18:10:51

XML读取和设置例子

在Qt C中，可以使用Qt的 QDomDocument类来读取、更新和保存XML文件。这个类提供了对XML文档的强大操作能力，支持通过DOM（文档对象模型）对XML进行读取、修改、添加和删除节点等操作。下面是一个详细的例子，演示如何在Qt…...

编程日记 2025/6/24 18:09:49

数据标注师学习内容

目录文本标注词性标注实体标注图像标注语音标注文本标注词性标注第一篇第二篇实体标注点击这里关系标注事件标注意图标注关键词标注分类标注问答标注对话标注图像标注拉框标注关键点标注 2D标注 3D标注线标注目标跟踪标注 OCR标注图像分类标注语音…...

编程日记 2025/6/25 18:15:36

如何实现财务自由

如果有人告诉你，普通人也可以在5到10年内，而不是40到50年后实现财务自由、彻底退休，你会不会觉得对方在开玩笑？但这并非天方夜谭，《百万富翁快车道》的作者MJ德马科就是成功案例。他曾和多数人一样做底层工作&#xff…...

编程日记 2025/6/24 18:03:58

一些想法。。。

1.for里面的局部变量这种还是在for里面定义比较好比如 for(int i 0;i<n;i){ int num; cin>>num; } 实不相瞒，有一次直接cin了i怎么都没看出来哪里错了。。。 2.关于long long 如果发现中间结果大约是10^9，就要考虑int 溢出即用 long …...

编程日记 2025/6/24 18:03:57

基于分布式部分可观测马尔可夫决策过程与联邦强化学习的低空经济智能协同决策框架

基于分布式部分可观测马尔可夫决策过程与联邦强化学习的低空经济智能协同决策框架摘要：低空经济作为新兴战略产业，其核心场景（如无人机物流、城市空中交通、低空监测）普遍面临环境动态性强、个体观测受限、数据隐私敏感及多智能体协同复杂等挑战。本文创新性地提出一种深…...

编程日记 2025/6/24 18:02:55

github常用插件

一，文档辅助阅读系列：自动化wiki处理 1，deepwiki https://deepwiki.com/ 将我们看不懂的官方code文档转换为wiki，更加便于理解。其实能够翻阅的仓库很有限，比如说： 但是有很多仓库并没有index&#xff…...

编程日记 2025/6/24 18:02:54

python3字典

1 字典简介字典是一种可变容器模型，且可存储任意类型对象。字典每个基本元素都包括两个部分： 键（key）和键对应的值（value） 每个键值 key>value 对用冒号: 分割，每个对之间用逗号(,)分割&am…...

编程日记 2025/6/24 17:59:21

华为云 Flexus+DeepSeek 征文｜增值税发票智能提取小工具：基于大模型的自动化信息解析实践

华为云 FlexusDeepSeek 征文｜增值税发票智能提取小工具：基于大模型的自动化信息解析实践前言背景企业财务处理中，增值税发票信息手动提取存在效率低、易出错等痛点，华为云 Flexus 弹性算力联合 DeepSeek 大模型，通过…...

编程日记 2025/6/24 17:29:11

[特殊字符] OpenCV opencv_world 模块作用及编译实践完整指南

📌 什么是 opencv_world 模块？ opencv_world 是 OpenCV 官方提供的一个大型集成动态库。它将 OpenCV 所有启用的模块（例如 core, imgproc, highgui, videoio, dnn, photo 等）打包到一个单一的动态库文件（如 Linux 的…...

编程日记 2025/6/24 17:10:42

目标检测之YOLOv5到YOLOv11——从架构设计和损失函数的变化分析

YOLO（You Only Look Once）系列作为实时目标检测领域的标杆性框架，自2016年YOLOv1问世以来，已历经十余年迭代。本文将聚焦YOLOv5（2020年发布）到YOLOv11（2024年前后）的核心技术演进&am…...

编程日记 2025/6/24 17:10:40

Java的SpringAI+Deepseek大模型实战【二】

文章目录背景交互方式1、等待式问答2、流式问答设置角色环绕增强1）修改controller2）修改配置日志级别处理跨域背景上篇【Java的SpringAIDeepseek大模型实战【一】】搭建起浏览器交互的环境，如何进行流式问答，控制台打印日志…...

编程日记 2025/6/24 17:09:38

OpenCV——霍夫变换

霍夫变换一、霍夫变换原理二、霍夫线检测2.1、标准霍夫变换2.2、概率霍夫变换三、霍夫圆检测3.1、霍夫圆检测的原理3.2、霍夫梯度法一、霍夫变换原理霍夫变换（Hough TRansform）是从图像中识别几何图形的基本方法，由Paul Hough于1962年提…...

编程日记 2025/6/24 17:09:38

线程池 JMM 内存模型

线程池 & JMM 内存模型文章目录线程池 & JMM 内存模型线程池线程池的创建ThreadPoolExecutor 七大参数饱和策略ExecutorService 提交线程任务对象执行的方法：ExecutorService 关闭线程池的方法：线程池最大线程数如何确定？ volatile…...

编程日记 2025/6/24 17:03:23

PillarNet: Real-Time and High-PerformancePillar-based 3D Object Detection

ECCV 2022 paper：[2205.07403] PillarNet: Real-Time and High-Performance Pillar-based 3D Object Detection code：https://github.com/VISION-SJTU/PillarNet-LTS 纯点云基于pillar3D检测模型网络比较 SECOND 基于vo…...

编程日记 2025/6/24 17:03:22