-tnblog搜索

Docker 深入理解

Docker 深入理解[TOC] 实践docker隔离机制运行 nginx 镜像，体验隔离机制sudo docker run -d nginx:latest sudo docker ps 获取容器在宿主机的进程 Pidsudo docker inspect --format {{.State.Pid}} 8be42dd180cc 查看宿主机进程详情ps -aux | grep 2554 获取 PID 所有 namespace 类型.sudo lsn...

2025-07-10 浏览（37） 作者( 尘叶心繁 )

Terraform 腾讯云安装Docker实战

Terraform 腾讯云安装Docker实战[TOC] 前提准备首先创建好腾讯云相关的secret_id和secret_key，可以参考一下我的这篇文章：https://www.tnblog.net/hb/article/details/8676#%E8%AE%A4%E8%AF%81%E9%85%8D%E7%BD%AE%EF%BC%88%E8%85%BE%E8%AE%AF%E4%BA%91%EF%BC%89创建好后记得在腾讯云上面充点钱。定义基础设施...

2025-07-09 浏览（49） 作者( 尘叶心繁 )

vue v-html生成的富文本内容让里边的图片最大宽度为100%

这样生成的内容：<div class="tc-blid-content" v-html="state.subProgram.context"></div> 使用样式直接限制即可：但是要注意不能写在scoped=”scoped”里边，不然不得行 <style lang="scss"> .teacher-training-details-container { .tc-blid-c...

2025-07-07 浏览（56） 作者( TeachingNote )

基于Cropper与element plus图片裁剪插件封装，支持图片回显，图片重传等

[TOC]封装的组件如下<template> <div class="image-cropper-container"> <!-- 虚线框上传区域 --> <div class="upload-area" @click="triggerFileInput" :class="{ 'uploaded': croppedImage || imageUrl }&...

2025-07-07 浏览（60） 作者( 剑轩 )

vscode插件使用记录，插件过期与新插件对应记录

vue相关插件TypeScript Vue Plugin插件过期了，可以换成Vue-Official插件

2025-07-07 浏览（44） 作者( TeachingNote )

Terraform案例演示(学习笔记)

Terraform案例演示(学习笔记)[TOC] COS对象存储使用Local存储，并定义远端的COS对象存储。将状态文件迁移到COS。开始实践我们将Demo01中的复制到新创建的Demo03的文件夹中。 我们把这里count给去掉。count = 1 我们在末尾添加上创建COS对象存储。# Add COS bucket data "ten...

2025-07-04 浏览（77） 作者( 尘叶心繁 )

Terraform核心命令

Terraform核心命令[TOC] Terraform基本命令 命令 功能与作用 常用参数 使用示例 terraform init 初始化 Terraform 配置目录，下载并安装提供者插件。 -upgrade：升级提供者插件到最新版本。 在 Terraform 配置目录中运行 terraform init -upgrade，下载最新版提供者插件。 -back...

2025-07-01 浏览（61） 作者( 尘叶心繁 )

vue,js 封装常用工具函数，字符串转bool,字符串转数字

封装字符串转bool,字符串转数字函数/** * 工具函数,字符串转成booler * @param str * @returns */ export function strictStringToBool(str: string): boolean { return str.toLowerCase() === 'true' } /** * 工具函数，字符串转数字 * toNumber('123') // 123 *...

2025-07-01 浏览（58） 作者( TeachingNote )

IaC和Terraform概述

IaC和Terraform概述[TOC] Infrastructure as Code(IaC)概述什么是Infrastructure as Code(IaC)使用代码定义基础设施（声明式：云资源、配置、工具安装）借助Git实现对基础设施的版本控制有状态、幂等Infrastructure as Code(IaC)的优势无论何时何人执行，结果都可重复且一致（与人类复制和粘贴执行指令不同）...

2025-06-29 浏览（176） 作者( 尘叶心繁 )

sqlsugar 逗号分割字符串的多匹配，相当于动态Contains，多个Contains，根据列表动态like，动态多条件，动态或者or。匹配多个值，多对多的匹配，数据库存储的也是多个值

下面说的情况适用于数据库里边存储的字段也是多个值，比如数据库里边的UserType里边的值可能是”2,3,4”或者”3,5”这种，然后传递”2,4”,可以把2拿去匹配一次，在把4拿去匹配一次，相当于就是多对多的匹配了。如果数据库里边存储的是单个值，那么就非常简单了，直接一个Contains就解决了，比如ChoiseLevels.Conta...

2025-06-12 浏览（192） 作者( 剑轩 )

前置机上传文件对ACU进行升级

前言：hello，大家好 我是小付童鞋，今天给大家分享一篇关于 总前置机传输升级包对ACU升级的一片文章，用途为当隧道前置机无法进行登陆 只能通过总前置机登陆访问时。正文：第一步准备好需要升级的文件 这里我们以文件后缀为.bin的为例 我们需要把后缀为.bin的制作为iso的文件。第二步 需要准备一个制作工具 Ubuntu...

2025-06-10 浏览（149） 作者( 忘掉过去式 )

不出现内部纵向滚动条而是直接撑高了整体出现纵向滚动条的排查方法，

要在内部出现纵向滚动条而不是撑高整体肯定要在某一级定一个高度，比如js动态计算了一个高度获知使用height: calc(100vh - 230px)也可以，然后后面的层级都使用100%就沿用这个高度就行了，但是如果内容超长没有在内部出现纵向滚动条说明某一级没有设置100%，可以一级一级的去看找到这一级加上100%就解决了。

2025-06-10 浏览（195） 作者( TeachingNote )

element plus ui暂无组件，暂无数据显示效果

<el-empty v-else description="暂无教案" />

2025-06-09 浏览（150） 作者( 只若初见 )

使用Python操作Word模板填充内容。根据占位符来填充word模板并导出

[TOC]方法一：使用python-docx来操作安装python-docx库pip install python-docx 创建Word模板，在需要填充的位置使用占位符，例如：尊敬的{{name}}： 您的订单{{order_id}}已于{{date}}发货。 示例代码from docx import Document def fill_word_template(template_path, output_path, context): &quot...

2025-06-05 浏览（240） 作者( 剑轩 )

js,ts,vue循环生成延迟循环，

直接使用setInterval会一直循环不会结束除非手动去结束，可以循环生成n次setTimeout，然后时间的循环每次递增就可以了 const thinkingContent = ref('') const answerContent = ref('') onMounted(() => { let timeout = 0 for (let index = 0; index < 10; index++) { ...

2025-06-04 浏览（172） 作者( TeachingNote )

vue3切换的时候把除了当前点击的都设置为false

页面如下： <div class="lp-ca-item" v-for="(item, index) in kpCaseList" v-bind:key="index"> <div class="lp-ca-title">{{ index + 1 }}、{{ item.name }}</div> <div class="lp-ca-operate"> <div class=&...

2025-06-03 浏览（204） 作者( TeachingNote )

vue3滚动条默认保持在最底部，让滚动条在每次更新内容时保持在最底部

实现思路：更新内容 → 等待 DOM 更新 → 滚动到底部。代码如下： <template> <div class="ac-think-content" ref="contentContainer"> {{ showContent }} </div> </template> <script setup> import { ref, onMounted, nextTick } from '...

2025-06-03 浏览（279） 作者( TeachingNote )

flex布局，左侧文字，右边按钮，确保右侧的多按钮文字不换行，左侧如果文字超出就出现省略号。优先保证右边的文字不换行哇,确保右侧按钮始终在一行显示。按钮样式

view，html结构<div class="lp-ca-item"> <div class="lp-ca-title">2、上传教学内容文档，AI智能提取知识大纲</div> <div class="lp-ca-operate"> <div class="green-but">预览</div> <div class=...

2025-05-29 浏览（207） 作者( TeachingNote )

element plus 组件中的disabled根据情况来决定是否显示，绑定。按钮组件。按钮根据条件来禁用

按钮组件el-button<el-button size="small" :disabled="item.digital_human_status != 2" type="primary" @click.stop="viewHandle(item.id)"> 数字人预览 </el-button>

2025-05-29 浏览（219） 作者( TeachingNote )

vue3左右布局，左右两边宽度不固定，可以拖动中间的分割线实现拖动改变宽度

第一个版本如下<template> <div class="split-panel-container"> <div class="panel-left" :style="{ width: `${leftWidth}%` }"> <div class="panel-content" v-bind:style="isResizing ? noSelectStyle : {}"> ...

2025-05-28 浏览（203） 作者( TeachingNote )

element plus 表格 table 状态解析 el-tag

代码如下： <el-table-column prop="period" label="投放状态" min-width="66px"> <template #default="scope"> <el-tag v-if="scope.row.useState == 1" type="success">正常投放</el-tag> <el-...

2025-05-27 浏览（304） 作者( TeachingNote )

python使用python-docx读取word内容

[TOC]先安装依赖pip install python-docx 段落内容和表格内容分开读取import docx from docx.document import Document from docx.table import Table from docx.text.paragraph import Paragraph def read_word_document(file_path: str) -> None: """读取 Word 文档并输出其内容&q...

2025-05-27 浏览（394） 作者( TeachingNote )

C# .Net 字段对比器

字段对比适用场景需要知道某人修改了某项具体修改的哪个字段，之前是什么值修改后为什么值方便知道为什么修改了///<summary> ///字段变更记录器，用于跟踪实体属性的变更并生成操作记录 ///</summary> publicclassChangeRecorder { ///<summary> ///根据两个实体对象的差异生成变更记录 /...

2025-05-26 浏览（214） 作者( 人生若只如初见 )

记事本 如何撤销 ctrl+z。撤销后的恢复。 取消撤销

使用 Ctrl+Y 即可

2025-05-23 浏览（243） 作者( TeachingNote )

c#获取真太阳时间

c#通过经纬度获取真太阳时间[TOC] 什么是真太阳时间？真太阳时间是以太阳真实在你头顶经过子午线（中天）作为“正午”的时间系统。它反映的是太阳每天的真实运行状态，不受时区和人为标准时间影响。它依赖于：你所在的 经纬度当前的 时间地球的轨道偏心率和自转速度（引入“均时差”）中国经纬度这里我给大家...

2025-05-21 浏览（324） 作者( 尘叶心繁 )

python安装模块，python安装依赖，python环境安装

方法1：使用pippip install xmltodict 方法2：使用conda（如果你使用的是Anaconda或Miniconda）如果你在使用Anaconda或Miniconda，可以使用conda来安装依赖，比如安装xmltodict： conda install -c conda-forge xmltodict

2025-05-17 浏览（291） 作者( TeachingNote )

Power Automate与Forms审批保存到Microsoft Lists中（学习笔记三）

Power Automate与Forms审批保存到Microsoft Lists中（学习笔记三）[TOC] 首先请结合前两篇博客继续：https://www.tnblog.net/hb/article/details/8642https://www.tnblog.net/hb/article/details/8648 创建List首先在https://www.sharepoint.com/创建一个Test的List,然后我们进行添加如下几列： ...

2025-05-16 浏览（456） 作者( 尘叶心繁 )

element plus 树形 tree 懒加载的树形，如何动态添加节点

思想思路：数据源里边是默认没有children的或者说没有走children这种结构，所以和正常的操作方法还有点不一样，所以应该使用append的方式添加而不使用children的方式添加 代码如下： <template> <div class="container"> <el-tree ref="treeRef" :da...

2025-05-15 浏览（439） 作者( TeachingNote )

Power Automate与Forms审批多附件方案（学习笔记二）

Power Automate与Forms审批多附件方案（学习笔记二）[TOC] 首先请结合上一篇博客继续：https://www.tnblog.net/hb/article/details/8642 多附件方案首先我们获取上一次的测试结果，然后在获取响应那儿，找到我们上传的附件的输出结果。 然后我们按F12打开开发者工具，点击这个图标为蓝色,然后点击我们附...

2025-05-15 浏览（452） 作者( 尘叶心繁 )

运行IZTRO紫薇斗数命盘的排盘界面

运行IZTRO紫薇斗数命盘的排盘界面[TOC] Vite创建项目首先我们通过Vite进行项目的创建。pnpm create vite # 选择vite-project # 选择React # 选择TypeScript cd vite-project # 安装相关依赖 pnpm install 安装react-iztro包。npm install react-iztro -S 添加相关代码修改App.tsx代码。import { u...

2025-05-15 浏览（414） 作者( 尘叶心繁 )

element plus 弹窗里边增加可以选择的按钮，弹窗按钮，菜单按钮。vue3 弹窗里边下载模板

[TOC]效果一效果图： view <el-link :underline="false" type="primary" @click="openStatisticsVisible(scope.row)">统计</el-link> <el-dialog v-model="statisticsVisible" title="统计" width="399"> <div style=...

2025-05-14 浏览（270） 作者( 只若初见 )

element plus 日期组件el-date-picker增加时间日期范围,本周上周本月上月本季度上季度时间段。快捷选择

代码如下：<el-date-picker style="width: 100%" v-model="searchForm.dateRange" type="daterange" :shortcuts="shortcuts" range-separator="至" start-placeholder="开始日期" end-placeholder="结束...

2025-05-13 浏览（351） 作者( 只若初见 )

vue 搜索框搜索条件自适应布局，搜索框的内容太多了放不下的解决方法。vue3 搜索条件 如果太多了一行显示不下怎么办。按钮自适应布局

[TOC]Vue3 搜索条件自适应布局方案在 Vue3 中处理搜索条件在不同屏幕尺寸下的显示问题，可以使用以下几种方法实现自适应布局： 1. 使用 CSS Flexbox 的自动换行<template> <div class="search-container"> <div v-for="item in searchItems" :key="item.id"...

2025-05-12 浏览（381） 作者( 剑轩 )

Power Automate与Forms审批方案（学习笔记）

Power Automate与Forms审批方案（学习笔记）[TOC] 课程场景某公司在公司员工培训上鼓励大家寻找外部培训，但是流程上需要员工本人提交申请，然后部门经理审批，再之后由HR部门领导审批，最后反馈给员工!解决方案1.使用Forms收集员工的提交申请2.用List存储提交的数据包括附件3.同事记录审批的状态信息4.用邮件...

2025-05-09 浏览（953） 作者( 尘叶心繁 )

vue3 简单的element plus 表格table 页面基础模板

[TOC]简单的基础模板<template> <div class="expiredItems-container"> <el-card> <el-table border :data="tableInfoState.data" v-loading="tableInfoState.loading" style="margin-top: 10px"> &...

2025-05-08 浏览（341） 作者( 只若初见 )

WPF Prism 复合命令与模块化管理

WPF Prism 复合命令与模块化管理[TOC] Prism 中的 CompositeCommand 示例CompositeCommand 是 Prism 框架中用于组合多个子命令（DelegateCommand 实例）的类。它允许你将多个命令表示为单个命令，或者在需要时调用多个命令来实现一个逻辑命令。示例代码这里做一个简单的示例，注册父窗体中的按钮命令，让子窗...

2025-05-08 浏览（410） 作者( 尘叶心繁 )

Power Automate简单审批流程示例

Power Automate简单审批流程示例[TOC] 创建审批流程首先登录到Power Automate或Power APP中，点击Flow进行完整的示例创建 然后我们进行单点触发来进行创建。 首先我们创建两个需要输入的变量标题和审批信息。 接着我们创建一个审批者邮箱的账号的变量，注意是String类型的。 然后我们创建一个启动并等待一...

2025-05-06 浏览（532） 作者( 尘叶心繁 )

Qwen2-Audio 部署

Qwen2-Audio Windows部署[TOC] Qwen2-Audio 是阿里巴巴通义千问团队推出的一款开源 AI 语音模型，支持语音聊天和音频分析，能够接受音频和文本输入，生成文本输出，支持多种语言和方言。本文将介绍如何在 Windows 系统上部署 Qwen2-Audio 模型，包括环境配置、模型下载、推理操作等步骤，帮助您快速上手并体验...

2025-05-05 浏览（929） 作者( 尘叶心繁 )

vue3 格子报表统计模板

代码如下： <template> <div class="waterFeeStatistics-container"> <div class="term-base-list"> <div class="card-item item-1"> <div class="item-title">海运数量</div> ...

2025-05-05 浏览（314） 作者( TeachingNote )

vue3 页面基础模板(里边包括弹窗以及暴露方法出去，父组件调用），也是一个格子报表统计的模板，基础的请求，常用的变量定义等

[TOC]页面模板如下，里边包括的弹窗还包括了一个格子报表统计的模板，基础的请求等 代码如下： <template> <el-dialog v-model="userWaterFeeStatisticsDialogVisible" title="水费统计" width="789px" destroy-on-close> <div class="userWate...

2025-04-30 浏览（320） 作者( 只若初见 )

WPF Prism Dialog与Region

WPF Prism Dialog与Region[TOC] Prism框架中的Dialog子窗口处理在 WPF 应用程序开发中，对话框是一个常见的功能需求，无论是用于用户输入、显示信息还是确认操作。传统的 WPF 对话框实现方式往往与视图层紧密耦合，这不仅增加了代码的复杂性，也给单元测试带来了困难。幸运的是，Prism 框架提供了强大的 IDial...

2025-04-30 浏览（1026） 作者( 尘叶心繁 )

WPF Prism ViewModel的应用

WPF Prism ViewModel的应用[TOC] 在 WPF 开发中，Prism 是一个非常流行的框架，它基于 MVVM（Model-View-ViewModel）模式，提供了一套强大的工具和模式来构建复杂、可维护、可扩展的应用程序。本文将深入探讨如何在 WPF 中使用 Prism 的 ViewModel，实现视图与数据的优雅交互。项目结构的组织在开始之前，我们...

2025-04-25 浏览（525） 作者( 尘叶心繁 )

WPF Prism 框架初始化

WPF Prism 框架初始化[TOC] 什么是 Prism Bootstrapper？Prism Bootstrapper 是一个抽象类，它定义了一个基本的启动序列，用于初始化应用程序的关键组件。它允许你在应用程序启动时配置和初始化各个模块。创建一个自定义 Bootstrapper要使用 Prism Bootstrapper，你需要创建一个继承自 PrismBootstrapper 的自...

2025-04-24 浏览（465） 作者( 尘叶心繁 )

记录一下海康摄像头无法用网口转USB接入主机的解决方案

记录一下海康摄像头无法用网口转USB接入主机的解决方案[TOC] 讲真的这玩意搞了我一周多。开始的开始（相机连路由器）最先开始我将网线插入相机和wifi两头，由于我的主机没有多余的网口所以我将它连接到wifi路由器上。使用MVS修改好ip后，发现弹出一个框框无法达到1Gpbs的网速。然后我就开始参考这篇博客：http...

2025-04-23 浏览（538） 作者( 尘叶心繁 )

WPF Prism 框架：打造高效、可维护的 WPF 应用

WPF Prism 框架：打造高效、可维护的 WPF 应用[TOC] Prism 框架简介Prism 是一个用于构建松耦合、可维护且可测试的 XAML 应用程序的框架，支持 WPF、.NET MAUI、Uno Platform 和 Xamarin Forms 等多个平台。它提供了多种设计模式的实现，如 MVVM（Model-View-ViewModel）、依赖注入、命令、事件聚合器等，这些...

2025-04-22 浏览（724） 作者( 尘叶心繁 )

element plus tree 树形中根据一堆id找到这些id数组中的叶子节点。只根据叶子节点来选中树形

找到id中的叶子节点 let leafIds = [] as any // 过滤掉父节点，只留下叶子节点, 用于回显树形的选中 checkedMenuKeys.forEach((id:any) => { const node = treeRef.value?.getNode(id); if (node && node.isLeaf) { leafIds.push(id) } }); // treeRef.value!.setChec...

2025-04-22 浏览（384） 作者( TeachingNote )

grid 布局宽度按比例(fr)自适应布局后,让高度自适应等于宽度

[TOC]问题描述用grid布局使用了一个3等分布局的样式，样式代码如下： .ibl-statistic-wrap { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); } 可以宽度是可以保持3等分了，但是高度没有得到控制，如果在这种情况下，想要高度保持和高度一致，应该怎么设置样式呢 方法一：...

2025-04-19 浏览（419） 作者( TeachingNote )

vue3+vite 修改启动端口。vue-next-admin修改启动端口

在vite.config.ts里边看到端口配置的位置： 可以看到获取的是配置里边的内容，找到配置的地方修改即可： 然后把这个请求的url地址的端口也修改成一样的

2025-04-18 浏览（403） 作者( TeachingNote )

DevExpress 24.3版本和谐处理

DevExpress 24.3版本和谐处理[TOC] 有时候用这个框架突然发现的弹出一个框框内容如下：For evaluation purposes only. Redistribution prohibited. Please register an existing license or purchase a new license to continue use of DevExpress product libraries (v24.2.3.0). 解决办法将dx.all.js和dx...

2025-04-18 浏览（485） 作者( 尘叶心繁 )

win11 怎么截图 右键菜单

如果键盘有一键截图健可以使用，没有的话，就使用快捷键（win+Shift+S）截图

2025-04-18 浏览（438） 作者( TeachingNote )

TortoiseGit 将分支代码合并到master主分支。GIT 合并分支。GIT把分支代码合并到Master

[TOC]一：先把本地开发的分支代码全部提交一下提交按照正常提交一下就行了，就往自己分支里边提交即可 二：切换分支到master在项目目录的空白处右键—>TortoiseGit—>切换/检出 然后选择master即可 当然如果你本身就是在master就可以省略这一步了。 三：使用TortoiseGit->Merge进行分支代码合并并处...

2025-04-18 浏览（502） 作者( 剑轩 )

WPF MvvmLight Messager学习

WPF MvvmLight Messager学习[TOC] NotificationMessage在 MVVM Light 中，NotificationMessage 是一种消息类型，用于在 ViewModel 和 View 之间传递简单的通知消息。以下是一个使用 NotificationMessage 的示例，展示如何在 ViewModel 中发送消息并在 View 中接收和处理这些消息示例：使用 NotificationMessag...

2025-04-17 浏览（453） 作者( 尘叶心繁 )

mysql报表统计查询合并成一行的写法

sql如下： SELECT (select count(*) from cisp_platform_school where `status` = 'active') AS school_count, (select count(*) from cisp_system_users where user_type = 0 and is_active = 1 ) as teacher_count , (select count(*) from cisp_system_users where user_type = 1 an...

2025-04-16 浏览（470） 作者( TeachingNote )

mysql按月统计

sql如下： select DATE_FORMAT(create_datetime,'%Y-%m') AS year_month_format, COUNT(*) AS total_count from cisp_lesson_knowledge where model_status = 90 GROUP BY year_month_format ORDER BY year_month_format

2025-04-16 浏览（417） 作者( TeachingNote )

vue3动态生成组件，vue3动态生成element plus组件，动态生成el-tag。数据字典与类型的动态解析

示例代码如下：<template> <el-table :data="tableData"> <el-table-column align="center" label="敏感词类型" prop="sensitive_type" min-width="100"> <template #default="scope"> <componen...

2025-04-15 浏览（435） 作者( TeachingNote )

WPF Mvvmlight初探

WPF Mvvmlight初探[TOC] 什么是 Mvvmlight？MVVM Light 是一个轻量级的 MVVM 框架，适用于 WPF、UWP、Xamarin 等多个平台。它由微软 MVP Laurent Bugnion 开发，旨在简化 MVVM 模式的实现，提高开发效率。MVVM Light 提供了核心的 MVVM 功能，包括数据绑定、命令处理、消息传递等安装与配置首先创建一个.net f...

2025-04-15 浏览（548） 作者( 尘叶心繁 )

WPF CommunityToolkit.Mvvm初探

WPF CommunityToolkit.Mvvm初探[TOC] 什么是 CommunityToolkit.Mvvm？CommunityToolkit.Mvvm 是一个现代化的 MVVM 框架，用于 .NET 应用程序。它提供了一系列工具和特性，帮助开发者更高效地实现 MVVM 模式，减少样板代码，并提升代码的可维护性。为什么选择 CommunityToolkit.Mvvm？简化 MVVM 实现：自动实现...

2025-04-15 浏览（753） 作者( 尘叶心繁 )

Docker容器部署Flink（学习笔记）

Docker容器部署Flink（学习笔记）[TOC] 什么是Flink简单介绍 Flink 是一个开源的分布式流处理框架，支持高吞吐、低延迟的实时数据处理。提到 Flink 的核心特性：流处理、批处理、状态管理、容错性等。引出为什么 Flink 在大数据生态系统中越来越重要。为什么选择 Flink？与其他工具（如 Spark Streaming）的对...

2025-04-11 浏览（689） 作者( 尘叶心繁 )

vue3 简单的页面基础模板-element plus的弹窗以及暴露方法出去

代码如下： <template> <div class="course-preview-dialog-container"> <el-dialog v-model="dialogVisible" title="Tips" width="500"> <span>This is a message</span> <template #footer&...

2025-04-09 浏览（355） 作者( TeachingNote )

vue3 图片裁剪插件cropper，常用的配置。比例配置，裁剪框默认按比例框完整个图片等

[TOC]裁剪比例配置使用aspectRatio属性配置 核心配置如下 this.cropper = new Cropper(this.imageElement, { aspectRatio: 192 / 35 }); 裁剪框默认按比例框完整个图片当你设置了特定的 aspectRatio（例如 192 / 35），并希望在上传图片后裁剪框默认覆盖整个图片（即按照比例最大化填充裁剪区域），你可以...

2025-04-08 浏览（525） 作者( TeachingNote )

Doris 中join的优化原理（学习笔记）

Doris 中join的优化原理（学习笔记）[TOC] Shuffle Join（Partitioned Join）Shuffle Join 是：把 A 表和 B 表的数据都根据 Join Key 做一次大洗牌，送到对应分区的节点上，然后在本地做 Join，再把结果返回。 订单明细表：CREATE TABLE test.order_info_shuffle ( `order_id` varchar(20) COMMENT &quot...

2025-04-06 浏览（602） 作者( 尘叶心繁 )

Doris 物化视图（学习笔记）

Doris 物化视图（学习笔记）[TOC] 就是查询结果预先存储起来的特殊的表。物化视图的出现主要是为了满足用户，既能对原始明细数据的任意维度分析，也能快速的对固定维度进行分析查询。优势1.可以复用预计算的结果来提高查询效率 ==> 空间换时间2.自动实时的维护物化视图表中的结果数据，无需额外人工成本(自...

2025-04-06 浏览（728） 作者( 尘叶心繁 )

Doris Rollup（学习笔记）

Doris Rollup（学习笔记）[TOC] ROLLUP 在多维分析中是“上卷”的意思，即将数据按某种指定的粒度进行进一步聚合。之前的聚合模型： 1.求每个城市的每个用户的每天的总销售额select user_id,city,date， sum(sum_cost) as sum_cost from t group by user_id,city,date 2.求每个用户、每个城市的总...

2025-04-03 浏览（1187） 作者( 尘叶心繁 )

element plus el-card 如何穿透 修改里边的样式，修改边距，修改下方横线的样式变粗，修改左右间距和上下间距等。el-card实现表格上方的tab切换菜单

[TOC]直接穿透：<template> <el-card class="custom-card"> <el-tabs class="custom-tabs"> <!-- 内容 --> </el-tabs> </el-card> </template> <style scoped> /* 修改 el-card__body 的 padding */ ::v-deep ....

2025-04-02 浏览（629） 作者( TeachingNote )

Doris 索引（学习笔记）

Doris 索引（学习笔记）[TOC] 索引索引用于帮助快速过滤或查找数据。目前 Doris 主要支持两类索引：● 内建的智能索引：包括前缀索引和 ZoneMap 索引。● 用户创建的二级索引：包括 Bloom Filter 索引 和 Bitmap倒排索引。其中 ZoneMap 索引是在列存格式上，对每一列自动维护的索引信息，包括 Min/Max，Null ...

2025-04-02 浏览（724） 作者( 尘叶心繁 )

Doris 作业案例

Doris 作业案例[TOC] 打地鼠案例需求：连续4次命中的人seq:第几次打地鼠m：是否命中，1-> 命中，0 -> 未命中下面是hit_mouse.txt数据文件：uid,seq,m u01,1,1 u01,2,0 u01,3,1 u01,6,1 u02,5,1 u02,6,0 u02,7,0 u02,1,1 u02,2,1 u03,4,1 u03,5,1 u03,6,0 u02,3,0 u02,4,1 u02,8,1 u01,4...

2025-04-02 浏览（551） 作者( 尘叶心繁 )

nginx配置代理后会出现两个api,变成/api/api。会重复出现配置的代理地址

nginx里边的配置文件有一个配置如下： location /api/ { proxy_pass http://oanet:5005; # 设置为本地启动地址 proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection $connection_upgrade; prox...

2025-03-31 浏览（545） 作者( TeachingNote )

docker-compose 如何重启

[TOC]重启所有服务如果你想要重启 docker-compose.yml 文件中定义的所有服务，你可以使用以下命令： docker-compose down docker-compose up -d 或者 docker compose down docker compose up -d 这里的 docker-compose down 命令会停止并移除所有容器，然后 docker-compose up -d 命令会重新创建并启动所有服...

2025-03-30 浏览（548） 作者( TeachingNote )

vue3封装一个通用的数据字典选择。自定义组件支持v-model双向绑定值，支持change事件，支持传递提示语placeholder

代码如下： <template> <el-select v-model="innerValue" @change="handleSelectChange" class="select-dic" size="default" :placeholder="placeholder" clearable > <el-option ...

2025-03-27 浏览（751） 作者( TeachingNote )

单条多名称解析，单条中字符串逗号存储分割后的多用户解析

代码如下： var userIds = cleanPoolDto.UserIds.Split(',').Select(a => long.Parse(a)).ToList(); List<Users> usersList = db.Queryable<Users>().Where(a => userIds.Contains(a.Id)).ToList(); foreach (var users in usersList) { cleanPoolDto.UserNicknames += use...

2025-03-21 浏览（574） 作者( TeachingNote )

多对多的名称解析,选择多个参与人员后的名称解析，字符串逗号存储分割后的多用户解析

代码如下： // 解析参与人员。多对多解析 // List<long> users = result.Select(a => long.Parse(a.UserIds)).Distinct().ToList(); // 先把所有涉及到的用户id查询出来 List<long> userIds = new List<long>(); foreach (CleanPoolDto item in result) { if (!string.IsNullOrWhi...

2025-03-21 浏览（640） 作者( TeachingNote )

.net core , .net6,net9,webapi图片上传，多图上传，按照年月来存储图片，按月存储。微信小程序上传图片

[TOC]代码如下/// <summary> /// 图片上传相关服务 /// </summary> public class ImgController : FABaseApiController { private readonly IWebHostEnvironment _env; /// <summary> /// /// </summary> /// <param name="env"></par...

2025-03-20 浏览（626） 作者( 剑轩 )

FileZilla, fz 连接Ubuntu服务器报错：错误: 无法和 SFTP 服务器建立 FTP 连接，请选择合适的协议。

参考：https://blog.csdn.net/chenyuhuaxin/article/details/128097560

2025-03-18 浏览（602） 作者( 忆点点 )

通过vue-cli命令行创建uni-app项目。调试微信小程序，vscode 开发 uni-app，微信小程序基础开发模板，基础架子搭建。vue3读取环境变量配置，编译配置

tip:搭建的基础开发模板放了一份在FastAdmin.NET里边的FastAdmin.Mobile.Template.Pure，方便直接拉下来使用,不用每次起新项目都重复的去搭建一次[TOC]通过vue-cli命令行创建uni-app项目官方文档：https://uniapp.dcloud.net.cn/quickstart-cli.html 通过命令行创建vue3/vite的基础项目： npx degit dcloudio/uni...

2025-03-18 浏览（932） 作者( 剑轩 )

vue uni-app 微信小程序 安装常用依赖

[TOC]安装sass 依赖cnpm install sass sass-loader --save-dev 或者 pnpm install sass sass-loader --save-dev 或者 npm install sass sass-loader --save-dev --save-dev

2025-03-18 浏览（610） 作者( TeachingNote )

cursor 颜色太暗了，怎么让它变亮一点。ai编程cursor 样式风格设置，保持主题和vscode一致

这样设置即可：上方的菜单选择 文件 —> 首选项—>主题—>颜色配置—>现代深色(这里选择一个自己喜欢的，或者保持和vscode配置一样即可，我这里vscdoe是选择的这个)

2025-03-18 浏览（2012） 作者( TeachingNote )

uni-app 开发 微信小程序 v-html会生成 rich-text，不好设置图片样式，给图片的最大宽度设置100%

方案一：通过修改数据源添加内联样式（推荐）在绑定v-html的内容中，直接为标签添加内联样式style=”max-width:100%”。这需要你在生成内容时进行字符串替换： <template> <rich-text :nodes="processedHtml"></rich-text> </template> <script> export default ...

2025-03-18 浏览（683） 作者( TeachingNote )

.net core 过滤器中给控制器传递参数。.net6，.net 9过滤器控制器传参

需求：在.net9的web 项目里边创建了一个过滤器，过滤器里边就是验证token，然后取出来token里边的数据，得到了一个CurrentUser对象，现在我想在控制器里边去获取这个对象，可以把过滤器里边创建的对象传递到控制器里边，比如我控制器里边有一个这样的属性：public CurrentUser currentUser { get; }，需要把过滤器...

2025-03-17 浏览（622） 作者( TeachingNote )

vscode ,vue3引入组件报错：Module .... has no default export

原因：在 Vue 3 中，当你在 <script setup> 中编写组件时，默认情况下，组件不是通过 default export 导出的。这是因为在 <script setup> 语法中，Vue 会自动处理组件的导出，使得你不需要显式地使用 export default。然而，一些工具（如 VSCode 及其插件）可能不完全理解这种新的导出方式，从而导致报...

2025-03-17 浏览（907） 作者( TeachingNote )

vue3 element-plus 表格 day.js 时间格式化显示

引入day.js import { dayjs } from 'element-plus' 显示时间 <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip> <template #default="scope"> <span>{{dayjs(scope.row.createTime).format('YYYY-MM-DD ...

2025-03-14 浏览（685） 作者( TeachingNote )

生成通用的边距样式，外边距、内边距全局样式。字体大小全局样式。通用全局样式封装，vue公共样式封装

样式代码如下： <style lang="scss"> /* 外边距、内边距全局样式 ------------------------------- */ @for $i from 1 through 35 { .mt#{$i} { margin-top: #{$i}px !important; } .mr#{$i} { margin-right: #{$i}px !important; } .mb#{$i} {...

2025-03-13 浏览（592） 作者( TeachingNote )

多对多的查询解析，sqlsugar , 多对多的名称查询解析

多对多解析名称的常用步骤代码如下： #region 查询小组分配的管理员（一个小组可以分配多个管理员） List<string> groupIdList = result.Select(a => a.GroupId).ToList(); // 现在多对多管理表从取出来涉及到的关联数据 List<UserGroup> userGroups = await db.Queryable<UserGroup>()...

2025-03-13 浏览（606） 作者( TeachingNote )

领域驱动设计，概念的理解

[TOC]领域服务（Domain Service）领域中的一些概念不太适合建模为对象，即归类到实体对象或值对象，因为它们本质上就是一些操作，一些动作，而不是事物。这些操作或动作往往会涉及到多个领域对象，并且需要协调这些领域对象共同完成这个操作或动作。如果强行将这些操作职责分配给任何一个对象，则被分配的对象就是...

2025-03-13 浏览（668） 作者( 剑轩 )

element plus 的Tree 懒加载。省市县镇村树形懒加载

这里的示例代码是做的县镇村tree懒加载联动数据。接口数据这些换成自己的就行。有根据countyId查询区县下面镇的数据，有根据镇id查询镇下面村的数据等待接口。受限这些原始的表结构，县镇村是三种不同的表，这个接口根据自己的实际情况出来就行。[TOC]基础的代码如下<template> <div class="a...

2025-03-12 浏览（681） 作者( 剑轩 )

Jmeter 绕过https进行请求

Jmeter 绕过https进行请求[TOC] 在jmeter的目录下面找到jmeter.properties文件，并对该文件进行修改，添加下面的配置则会绕过SSL的验证请求。server.rmi.ssl.disable=true 然后重新启动一下Jmeter就可以了。 需要注意的是https以及端口需要改成443端口

2025-03-10 浏览（790） 作者( 尘叶心繁 )

Navicat 将表从一个数据库转存到另一个数据库，mysql复制表。把一个表从一个库复制到另外一个库。Navicat mysql 复制某个表的一条数据出来

选择好源，目标，然后点击下一步在选择需要同步的表就行了 Navicat mysql 复制某个表的一条数据出来查询出来后直接选中一条数据 右键菜单—>然后复制为insert语句 ，然后去修改后执行insert语句就行了

2025-03-10 浏览（635） 作者( TeachingNote )

Doris 查询

Doris 查询[TOC] Doris的查询语法SELECT [ALL | DISTINCT | DISTINCTROW ] -- 对查询字段的结果是否需要去重，还是全部保留等参数 select_expr [, select_expr ...] -- select的查询字段 [FROM table_references [PARTITION partition_list] -- from 哪个库里面的...

2025-03-10 浏览（973） 作者( 尘叶心繁 )

.net9新特性，.net9介绍。ASP.NET Core 9.0 新增功能

LINQ 针对各种常见情况进行了优化。例如，当底层数组、集合或可枚举对象为空时，Take 和 DefaultIfEmpty 等方法的返回速度将提高 10 倍。Enumerable.SequenceEqual 已将操作委托给 MemoryExtensions.SequenceEquals，允许将数组作为跨度传递以实现高效的迭代和矢量化，并为数组输入提供特殊处理。此功能现在可用于 ...

2025-03-06 浏览（806） 作者( 风清月 )

.net6,net core webapi项目 使用 Newtonsoft.Json,NSON。 添加常用引用

第一步下载库：版本要和.net6匹配，一般.net6项目下载6.0.36即可。 install-package Microsoft.AspNetCore.Mvc.NewtonsoftJson -version 6.0.36 或者这样添加引用： <ItemGroup> <PackageReference Include="Swashbuckle.AspNetCore" Version="6.5.0" /> </ItemGroup&...

2025-03-06 浏览（705） 作者( 风清月 )

word 开启导航，显示左边左侧的目录导航

操作如下：

2025-03-05 浏览（579） 作者( TeachingNote )

Doris 突然内存升高解决方案

Doris 突然内存升高解决方案[TOC] 发现频繁refresh catalog xxx 会强制使对象相关的Cache失效，默认开启的采样也比较耗费资源，然后就将代码中refresh catalog全部注释掉，我们通过下面的方式解决：docker exec -it fe-01 /bin/bash vim fe/conf/fe.conf 添加如下配置wait_timeout = 300 保存后执行...

2025-03-05 浏览（907） 作者( 尘叶心繁 )

vs2022及以上版本，net core net6 net8 添加dll引用

现在不是右键添加dll引用了。 右键添加com引用： 然后在下面点击浏览现在你需要引用的dll即可： 其实添加项目引用里边也有Com的选项

2025-03-05 浏览（810） 作者( TeachingNote )

Doris 数据的导入导出（学习笔记）

Doris 数据的导入导出（学习笔记）[TOC] 使用 Insert 方式同步数据用户可以通过 MySQL 协议，使用 INSERT 语句进行数据导入。INSERT 语句的使用方式和 MySQL 等数据库中 INSERT 语句的使用方式类似。 INSERT 语句支持以下两种语法：* INSERT INTO table SELECT ... * INSERT INTO table VALUES(...) 对于 ...

2025-03-05 浏览（936） 作者( 尘叶心繁 )

.net core自定义项目模板，创建自己的模板项目，使用命令行创建模板项目

项目模板非常有用，可以将日常积累的功能合并在模板中，不断的封装，不断的完善，可以避免项目开发中重复造轮子，提高开发效率，需要的时候可以一条命令创建即可。[TOC]一：搭建好需要创建项目模板的架子比如可以把我们前面搭建的领域驱动的基础架构做成一套模板，然后在里边不断的封装，不断的完善，方便后边使用 ...

2025-03-04 浏览（1258） 作者( 剑轩 )

Doris 三种模型（学习笔记）

Doris 三种模型（学习笔记）[TOC] Aggregate聚合键模型是相同key的数据进行自动聚合的表模型。表中的列按照是否设置了 AggregationType，分为 Key（维度列）和 Value（指标列），没有设置 AggregationType 的称为 Key，设置了 AggregationType 的称为 Value。当我们导入数据时，对于 Key 列相同的行会聚合成一...

2025-03-03 浏览（1427） 作者( 尘叶心繁 )

Doris 分区与桶（学习笔记）

Doris 分区与桶（学习笔记）[TOC] OLTP和OLAPOLTP联机事务处理OLTP(On-Line Transaction Processing) 公司针对自己公司的业务构建出来的系统化 ○ 公司业务系统使用数据库的场景，针对业务系统数据库有大量随机的增删改查 ○ 高并发 ○ 速度要快 ○ 支持事务OLAP联机分析处理OLAP(On-Line Analytical Proc...

2025-03-01 浏览（1113） 作者( 尘叶心繁 )

Windows Docker Doris 容器部署

Windows Docker Doris 容器部署[TOC] 引言Doris 是一款高性能、分布式、可扩展的分析型数据库，适用于海量数据的存储和分析。在本文中，我们将详细介绍如何在 Windows 系统上使用 Docker 部署 Doris 容器。Doris中BE和FE介绍BE（Backend）存储与计算执行者：BE是Doris中负责存储数据和执行计算任务的核心组件...

2025-02-28 浏览（1268） 作者( 尘叶心繁 )

样式中找到第n个子元素

代码如下： .sta-training-item:nth-child(1){ background-image: url('~@/static/imgs/teacher-center/training_back1.png'); } .sta-training-item:nth-child(2){ background-image: url('~@/static/imgs/teacher-center/training_back2.png'); } .sta-training-item:nth-child(3...

2025-02-28 浏览（646） 作者( TeachingNote )

uni-app 微信小程序，flex 实现内容元素垂直与水平居中

效果如下，中间那块内容垂直与水平居中： [TOC]代码如下：<template> <view class="training-record-container"> <view class="statistics-area"> <view class="sta-training-item"> <view class="sta-ti-content"...

2025-02-28 浏览（782） 作者( 忆点点 )

技术分类

最近天气

好句分享

在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。因为有你满心欢喜，也因为有你满是遗憾。

人气博主

热门博主

精品推荐

技术分类

园子公告

[申请友情链接]友情链接

备案信息

技术交流

TNBLog 2020 © tnblog.net

ICP备案：渝ICP备18016597号-1