-tnblog搜索

为什么要用vuex,pinia这类状态管理和直接封装全局方法来使用有什么区别么？有什么好处呢？

vuex,pinia这类状态管理是全局响应式的 [TOC]在 Vue 应用中，使用 Vuex、Pinia 这类状态管理工具，与 “直接封装全局方法”（比如自己创建全局对象管理状态）的核心区别，在于是否能系统性地解决状态管理中的共性问题。它们的优势主要体现在对复杂应用场景的适配性上，具体可以从以下几个角度理解： 1. 状态的 “...

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

uni-app 开发 app定位问题，定位权限问题，权限申请里边没有定位的选项。

安卓系统要求 APP 在AndroidManifest.xml中声明所需权限，Uni-app 通过manifest.json配置这些权限（会自动转换为安卓的清单文件）。如果缺少定位权限声明，系统不会在权限管理中显示定位选项。 在manifest.json中修改。勾上这几个权限就行了： 也可以切换到「源码视图」，在”android” -> “permissions”节...

2025-08-28 浏览（29） 作者( TeachingNote )

LangGraphAgent开发实战

LangGraphAgent开发实战[TOC] 核心概念什么是LangGraphLangGraph是一个构建在LangChain之上的库，旨在为Agent添加循环运算的能力。我们知道LangChain主要面向定义有向无环图，一旦前面的节点失败则后面的都会失败。而LangGraph引入了循环的功能，实现了有向有环图，从而实现更复杂的Agent。LangGraph=构建Agen...

2025-08-26 浏览（49） 作者( 尘叶心简 )

TranslationAgent源码和架构分析

TranslationAgent源码和架构分析[TOC] TranslationAgent概述基于反思工作流的智能翻译Agent，模拟了人类翻译专家的思考过程，分成三个流程。核心流程：1.初始翻译：利用LLM对文本进行初步翻译，得到初步的翻译结果2.翻译与改进：引导LLM对自身翻译结果进行反思，并提出修改意见，例如不准确、不流畅和语言习惯...

2025-08-26 浏览（59） 作者( 尘叶心简 )

从零开发一个Agent

从零开发一个Agent[TOC] AgentRAG概述 检索向量后，判断文本块是否包含问题答案如包含则进行回答如不包含则重新进入向量检索，匹配+1块最大循环次数15核心代码 从向量数据库匹配文档，并让大模型反思每次循环增加一个文档块，直到能回答问题文档块数量超过15个仍无法回答问题则放弃代码示例首先安装相关依赖...

2025-08-25 浏览（59） 作者( 尘叶心简 )

使用C#获取B站视频音频与用户信息

使用C#获取B站视频音频与用户信息[TOC] 在平时学习和开发中，我们有时候希望从 B站视频链接 中提取出音频文件，同时获取到视频的基本信息，例如 标题、UP主昵称和头像。本文将介绍如何使用 C# (.NET 8) 调用 B 站的官方接口来实现这一功能。B 站视频 IDB 站的视频有两种 ID： BV 号：比如 BV1M4411J7CGAV 号...

2025-08-22 浏览（84） 作者( 尘叶心简 )

Agent 四种设计模式

Agent 四种设计模式[TOC] 什么是 Agent 具有复杂推理能力、记忆和执行任务手段的自主代理；Agent = 规划 + 记忆 + 工具 + 行动规划模块 一般过程为：你提需求 → 小助手分解任务（任务分解） → 一个个执行 → 整理结果 → 给你答案。在一个个执行中又回有如下执行步骤：ReAct → 边想边做Reflexion → 做完...

2025-08-22 浏览（64） 作者( 尘叶心简 )

检索增强生成（RAG、GraphRAG）实战

检索增强生成（RAG、GraphRAG）实战[TOC] 通用知识 PromptGenerate Knowledge Prompting在上下文中提供额外的知识来改善推理结果，比如把运维专家知识库的部分内容放在 system prompt 中进行问答。 受限于 Token 长度限制，不能无限地往 system prompt 里写入通用知识，但可以根据用户问题动态组装通用知识RA...

2025-08-18 浏览（140） 作者( 尘叶心简 )

ChatGPT Fine-tuning 实战

ChatGPT Fine-tuning 实战[TOC] Fine-tuning简介微调通过喂给大模型更多的样本数据来改进模型的表现，使其在一些特定的任务上输出更好的结果。使用场景• 要求输出特定的风格和格式等• 提高输出的可靠性• 纠正无法遵循复杂提示语的问题• 执行一项难以用语言表达的新技能或任务Fine-tuning 日志分析专家使用...

2025-08-17 浏览（125） 作者( 尘叶心简 )

Windows 系统中 PowerShell 中批量删除指定后缀的文件，比如删除vue3打包生成的.vue.js

PowerShell 中执行： # 进入需要的目录后执行 Get-ChildItem -Path . -Filter "*.vue.js" -Recurse -File | Remove-Item

2025-08-12 浏览（160） 作者( TeachingNote )

vue3 保持footer 在最底部

flex实现的方式在项目里边的index.html里边加入核心的样式： <!-- 让底部保持在最下方 --> <style> #app { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; } </style> index.html完整的代码 &lt...

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

Vue3 布局模板，含 Tab 切换、卡片布局、好看的渐变色搭配

效果图： 代码如下，直接复制在vue项目中运行即可：<template> <div class="course-page"> <!-- 学期 Tab 切换 --> <el-tabs v-model="activeTab" class="tab-container"> <el-tab-pane label="第四学期" name="t...

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

ChatGPT Function Calling实战

ChatGPT Function Calling实战[TOC] JSON Mode 无法实现复杂的业务逻辑 Function Calling 作用：• ChatGPT 选择合适函数来完成任务• 从语义解析函数所需的参数• 实现大模型和程序的连接入参：• Tools 列表（函数）、功能描述、函数入参使用场景：• 任何需要通过和外部系统交互的功能• ChatOps代码实践...

2025-07-18 浏览（254） 作者( 尘叶心简 )

Chat Completions、Memory、JSONMode 实战

Chat Completions、Memory、JSONMode 实战[TOC] 简单的对话安装 Python：https://www.python.org/downloads/安装 OpenAI Python 包：pip install --upgrade openai申请 API Key（测试阶段可使用国内代理，有免费额度，不保证可用性）设置环境变量：export OPENAI_API_KEY='your-api-key-here'编写代码：https:...

2025-07-17 浏览（252） 作者( 尘叶心简 )

Prompt Engineering 入门和实战

Prompt Engineering 入门和实战[TOC] 什么是 Prompt？Prompt（提示语）：给人工智能模型输入文本或指令。这些指令引导模型生成特定的输出；Prompt engineering：指的是在使用生成式人工智能模型（如GPT-4）时，设计和优化输入文本（即prompt）的过程，以便获得期望的输出。好的 Prompt engineering = 提好的问...

2025-07-16 浏览（266） 作者( 尘叶心简 )

windows server 端口占用排查， 80端口被占用解决

[TOC]排查80端口的占用确认80端口的占用情况netstat -ano | findstr :80 会发现PID为4，这个是系统进程，不好使用tasklist | findstr <PID>排查了，可以使用netsh http show servicestate查看具体80端口占用的服务 使用netsh http show servicestate看具体80端口占用的服务netsh http show servicestate ...

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

.net linq在内存中多字段排序

除了第一个使用oderby之外后面的不能直接在用order by了，会覆盖掉前面的，应该使用ThenBy才行，代码如下： result = result .OrderByDescending(a => a.IsComplete) // 第一排序条件 .ThenByDescending(a => a.IsHotRecommend) // 第二排序条件 .ThenBy(a => a.S...

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

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 浏览（300） 作者( 尘叶心简 )

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 浏览（331） 作者( 尘叶心简 )

element plus upload 常用批量上传逻辑,批量上传附件，存储json字符串的方式

使用存储json字符串的方式添加的时候<template> <el-form-item label="附件资料" prop="attachmentMany"> <el-upload ref="uploadAttachment" class="upload-demo" ...

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

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 浏览（355） 作者( TeachingNote )

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

[TOC]安装依赖npm install cropperjs@1.6.2 --save 其他版本用法可能不一样 封装的组件如下<template> <div class="image-cropper-container"> <!-- 虚线框上传区域 --> <div class="upload-area" @click="triggerFileInput" ...

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

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

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

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

Terraform案例演示(学习笔记)

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

2025-07-04 浏览（383） 作者( 尘叶心简 )

Terraform核心命令

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

2025-07-01 浏览（342） 作者( 尘叶心简 )

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

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

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

IaC和Terraform概述

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

2025-06-29 浏览（601） 作者( 尘叶心简 )

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

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

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

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

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

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

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

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

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

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

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

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

使用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 浏览（499） 作者( 剑轩 )

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 浏览（391） 作者( 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 浏览（419） 作者( TeachingNote )

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

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

2025-06-03 浏览（552） 作者( 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 浏览（419） 作者( 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 浏览（488） 作者( 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 浏览（441） 作者( 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 浏览（542） 作者( 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 浏览（667） 作者( TeachingNote )

C# .Net 字段对比器

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

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

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

使用 Ctrl+Y 即可

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

c#获取真太阳时间

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

2025-05-21 浏览（552） 作者( 尘叶心简 )

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

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

2025-05-17 浏览（477） 作者( 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 浏览（754） 作者( 尘叶心简 )

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

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

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

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

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

2025-05-15 浏览（745） 作者( 尘叶心简 )

运行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 浏览（639） 作者( 尘叶心简 )

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 浏览（440） 作者( 只若初见 )

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 浏览（569） 作者( 只若初见 )

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 浏览（669） 作者( 剑轩 )

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

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

2025-05-09 浏览（1531） 作者( 尘叶心简 )

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 浏览（567） 作者( 只若初见 )

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

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

2025-05-08 浏览（610） 作者( 尘叶心简 )

Power Automate简单审批流程示例

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

2025-05-06 浏览（842） 作者( 尘叶心简 )

Qwen2-Audio 部署

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

2025-05-05 浏览（1587） 作者( 尘叶心简 )

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 浏览（494） 作者( TeachingNote )

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

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

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

WPF Prism Dialog与Region

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

2025-04-30 浏览（1532） 作者( 尘叶心简 )

WPF Prism ViewModel的应用

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

2025-04-25 浏览（748） 作者( 尘叶心简 )

WPF Prism 框架初始化

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

2025-04-24 浏览（714） 作者( 尘叶心简 )

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

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

2025-04-23 浏览（769） 作者( 尘叶心简 )

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

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

2025-04-22 浏览（1261） 作者( 尘叶心简 )

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 浏览（561） 作者( TeachingNote )

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

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

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

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

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

2025-04-18 浏览（615） 作者( 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 浏览（704） 作者( 尘叶心简 )

win11 怎么截图 右键菜单

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

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

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

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

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

WPF MvvmLight Messager学习

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

2025-04-17 浏览（632） 作者( 尘叶心简 )

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 浏览（656） 作者( 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 浏览（593） 作者( 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 浏览（650） 作者( 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 浏览（764） 作者( 尘叶心简 )

WPF CommunityToolkit.Mvvm初探

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

2025-04-15 浏览（1293） 作者( 尘叶心简 )

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

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

2025-04-11 浏览（900） 作者( 尘叶心简 )

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 浏览（640） 作者( TeachingNote )

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

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

2025-04-08 浏览（717） 作者( 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 浏览（799） 作者( 尘叶心简 )

Doris 物化视图（学习笔记）

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

2025-04-06 浏览（1145） 作者( 尘叶心简 )

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 浏览（1541） 作者( 尘叶心简 )

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 浏览（900） 作者( TeachingNote )

Doris 索引（学习笔记）

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

2025-04-02 浏览（1016） 作者( 尘叶心简 )

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 浏览（697） 作者( 尘叶心简 )

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 浏览（732） 作者( 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 浏览（714） 作者( 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 浏览（932） 作者( 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 浏览（729） 作者( 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 浏览（785） 作者( 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 浏览（821） 作者( 剑轩 )

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

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

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

通过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 浏览（1213） 作者( 剑轩 )

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 浏览（785） 作者( TeachingNote )

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

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

2025-03-18 浏览（2733） 作者( 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 浏览（895） 作者( TeachingNote )

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

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

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

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

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

2025-03-17 浏览（1234） 作者( 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 浏览（846） 作者( 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 浏览（750） 作者( TeachingNote )

技术分类

最近天气

好句分享

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

人气博主

热门博主

精品推荐

技术分类

园子公告

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

备案信息

技术交流

TNBLog 2020 © tnblog.net

ICP备案：渝ICP备18016597号-1