效果图：
代码如下，直接复制在vue项目中运行即可：<template>
<div class="course-page">
<!-- 学期 Tab 切换 -->
<el-tabs v-model="activeTab" class="tab-container">
<el-tab-pane label="第四学期" name="t...
2025-07-21
浏览（140）
[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
浏览（73）
除了第一个使用oderby之外后面的不能直接在用order by了，会覆盖掉前面的，应该使用ThenBy才行，代码如下：
result = result
.OrderByDescending(a => a.IsComplete) // 第一排序条件
.ThenByDescending(a => a.IsHotRecommend) // 第二排序条件
.ThenBy(a => a.S...
2025-07-10
浏览（42）
这样生成的内容：<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
浏览（140）
vue相关插件TypeScript Vue Plugin插件过期了，可以换成Vue-Official插件
2025-07-07
浏览（100）
封装字符串转bool,字符串转数字函数/**
* 工具函数,字符串转成booler
* @param str
* @returns
*/
export function strictStringToBool(str: string): boolean {
return str.toLowerCase() === 'true'
}
/**
* 工具函数，字符串转数字
* toNumber('123') // 123
*...
2025-07-01
浏览（117）
要在内部出现纵向滚动条而不是撑高整体肯定要在某一级定一个高度，比如js动态计算了一个高度获知使用height: calc(100vh - 230px)也可以，然后后面的层级都使用100%就沿用这个高度就行了，但是如果内容超长没有在内部出现纵向滚动条说明某一级没有设置100%，可以一级一级的去看找到这一级加上100%就解决了。
2025-06-10
浏览（261）
直接使用setInterval会一直循环不会结束除非手动去结束，可以循环生成n次setTimeout，然后时间的循环每次递增就可以了
const thinkingContent = ref('')
const answerContent = ref('')
onMounted(() => {
let timeout = 0
for (let index = 0; index < 10; index++) {
...
2025-06-04
浏览（224）
页面如下：
<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
浏览（261）
实现思路：更新内容 → 等待 DOM 更新 → 滚动到底部。代码如下：
<template>
<div class="ac-think-content" ref="contentContainer">
{{ showContent }}
</div>
</template>
<script setup>
import { ref, onMounted, nextTick } from '...
2025-06-03
浏览（345）
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
浏览（249）
按钮组件el-button<el-button size="small" :disabled="item.digital_human_status != 2" type="primary"
@click.stop="viewHandle(item.id)">
数字人预览
</el-button>
2025-05-29
浏览（282）
第一个版本如下<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
浏览（253）
代码如下：
<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
浏览（358）
[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
浏览（460）
使用 Ctrl+Y 即可
2025-05-23
浏览（280）
方法1：使用pippip install xmltodict
方法2：使用conda（如果你使用的是Anaconda或Miniconda）如果你在使用Anaconda或Miniconda，可以使用conda来安装依赖，比如安装xmltodict：
conda install -c conda-forge xmltodict
2025-05-17
浏览（325）
思想思路：数据源里边是默认没有children的或者说没有走children这种结构，所以和正常的操作方法还有点不一样，所以应该使用append的方式添加而不使用children的方式添加
代码如下：
<template>
<div class="container">
<el-tree
ref="treeRef"
:da...
2025-05-15
浏览（496）
代码如下：
<template>
<div class="waterFeeStatistics-container">
<div class="term-base-list">
<div class="card-item item-1">
<div class="item-title">海运数量</div>
...
2025-05-05
浏览（352）
找到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
浏览（420）
[TOC]问题描述用grid布局使用了一个3等分布局的样式，样式代码如下：
.ibl-statistic-wrap {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
可以宽度是可以保持3等分了，但是高度没有得到控制，如果在这种情况下，想要高度保持和高度一致，应该怎么设置样式呢
方法一：...
2025-04-19
浏览（463）
在vite.config.ts里边看到端口配置的位置：
可以看到获取的是配置里边的内容，找到配置的地方修改即可：
然后把这个请求的url地址的端口也修改成一样的
2025-04-18
浏览（443）
如果键盘有一键截图健可以使用，没有的话，就使用快捷键（win+Shift+S）截图
2025-04-18
浏览（462）
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
浏览（509）
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
浏览（451）
示例代码如下：<template>
<el-table :data="tableData">
<el-table-column align="center" label="敏感词类型" prop="sensitive_type" min-width="100">
<template #default="scope">
<componen...
2025-04-15
浏览（473）
代码如下：
<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
浏览（387）
[TOC]裁剪比例配置使用aspectRatio属性配置
核心配置如下
this.cropper = new Cropper(this.imageElement, {
aspectRatio: 192 / 35
});
裁剪框默认按比例框完整个图片当你设置了特定的 aspectRatio（例如 192 / 35），并希望在上传图片后裁剪框默认覆盖整个图片（即按照比例最大化填充裁剪区域），你可以...
2025-04-08
浏览（574）
[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
浏览（684）
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
浏览（584）
[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
浏览（577）
代码如下：
<template>
<el-select
v-model="innerValue"
@change="handleSelectChange"
class="select-dic"
size="default"
:placeholder="placeholder"
clearable
>
<el-option
...
2025-03-27
浏览（777）
代码如下：
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
浏览（611）
代码如下：
// 解析参与人员。多对多解析
// 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
浏览（667）
[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
浏览（643）
这样设置即可：上方的菜单选择 文件 —> 首选项—>主题—>颜色配置—>现代深色(这里选择一个自己喜欢的，或者保持和vscode配置一样即可，我这里vscdoe是选择的这个)
2025-03-18
浏览（2172）
方案一：通过修改数据源添加内联样式（推荐）在绑定v-html的内容中，直接为标签添加内联样式style=”max-width:100%”。这需要你在生成内容时进行字符串替换：
<template>
<rich-text :nodes="processedHtml"></rich-text>
</template>
<script>
export default ...
2025-03-18
浏览（733）
需求：在.net9的web 项目里边创建了一个过滤器，过滤器里边就是验证token，然后取出来token里边的数据，得到了一个CurrentUser对象，现在我想在控制器里边去获取这个对象，可以把过滤器里边创建的对象传递到控制器里边，比如我控制器里边有一个这样的属性：public CurrentUser currentUser { get; }，需要把过滤器...
2025-03-17
浏览（646）
原因：在 Vue 3 中，当你在 <script setup> 中编写组件时，默认情况下，组件不是通过 default export 导出的。这是因为在 <script setup> 语法中，Vue 会自动处理组件的导出，使得你不需要显式地使用 export default。然而，一些工具（如 VSCode 及其插件）可能不完全理解这种新的导出方式，从而导致报...
2025-03-17
浏览（991）
引入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
浏览（718）
样式代码如下：
<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
浏览（625）
多对多解析名称的常用步骤代码如下：
#region 查询小组分配的管理员（一个小组可以分配多个管理员）
List<string> groupIdList = result.Select(a => a.GroupId).ToList();
// 现在多对多管理表从取出来涉及到的关联数据
List<UserGroup> userGroups = await db.Queryable<UserGroup>()...
2025-03-13
浏览（636）
选择好源，目标，然后点击下一步在选择需要同步的表就行了
Navicat mysql 复制某个表的一条数据出来查询出来后直接选中一条数据 右键菜单—>然后复制为insert语句 ，然后去修改后执行insert语句就行了
2025-03-10
浏览（666）
现在不是右键添加dll引用了。
右键添加com引用：
然后在下面点击浏览现在你需要引用的dll即可：
其实添加项目引用里边也有Com的选项
2025-03-05
浏览（878）
代码如下：
.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
浏览（669）
props 父传子defineEmits 子传父mitt 兄弟组件传参$attrs （爷孙）refsv-model (双向)provide/inject (多层)路由传参vuex 传参 (全局)pinia 传参 (全局)浏览器缓存 (全局)window (全局)app.config.globalProperties (全局)————————————————
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权...
2025-02-14
浏览（807）
vue3 微信小程序 uniapp 图片上传uni-app中上传图片可以使用方法uni.uploadFile:uni.uploadFile官方文档：https://uniapp.dcloud.net.cn/api/request/network-file.html
import { ApiBaseUrl } from '@/common/sysconfig'
const getToken = () => {
let info = uni.getStorageSync('loginInf...
2025-02-13
浏览（890）
设置—>通用设置—>找到：使用新版文件监听模块，把勾勾去掉即可。
2025-02-12
浏览（744）
插件地址：https://ext.dcloud.net.cn/plugin?id=14966
文档：https://sonvee.github.io/sv-app-docs/docs-github/src/plugins/sp-sign-board/sp-sign-board.html
[TOC]组件的引入直接下载下来放到这个组件文件夹下就可以了
基础使用<template>
<view class="upLoadSigns-container">...
2025-02-10
浏览（875）
代码如下：
<template>
<view class="index-container">
6666
</view>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
const state = reactive({
popupShow: false
})
</script&...
2025-02-08
浏览（805）
代码如下：
<template>
<!-- 解决滚动穿透 -->
<page-meta
:page-style="'overflow:' + (state.popupShow ? 'hidden' : 'visible')"
></page-meta>
<view>
<view class="pm-ch-more" @tap="o...
2025-02-07
浏览（761）
引入组件还是直接引用即可：
import zbTab from '@/components/zb-tab/zb-tab.vue'
import moduleItem from './component/module-item.vue'
引入下载的组件先下载好组件放入项目中一个位置，比如src下的components：
然后引入的方式就是一样的了:
import zbTab from '@/components/zb-tab...
2025-02-07
浏览（770）
vue3 ts uni-app 生命周期函数import { onLoad, onShow,onUnload } from '@dcloudio/uni-app'
onLoad(() => {
uni.setNavigationBarTitle({
title: '精品课程'
})
})
onShow(() => {})
onUnload(()=>{
console.log("页面关闭了....")
// 注销监听的...
2025-02-06
浏览（819）
如果直接这样设置：
grid-template-columns: repeat(2, 50%);
grid-column-gap: 20px;
他会影响整体的宽度，因为这样做分成了两份，一份占了50%,然后还多了20px的间距，如何能够做到是整体宽度减去间距之后剩下的宽度在各占50%呢。
使用calc()函数就行了。
.container {
display: grid;
grid-templa...
2025-02-05
浏览（802）
在page.json中配置即可
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#ff0000", // 红色背景
...
2025-02-05
浏览（778）
代码如下：
import { defineConfig } from 'vite';
import uni from '@dcloudio/uni-vite-plugin';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni()],
server: {
port: 3000 // 设置为你想要的端口号
}
});
2025-01-14
浏览（745）
因为vue路由导致直接html的锚点功能失效，可以用js来实现，代码如下：
const toAnchorPoint = (location: string) => {
const dom = document.getElementById(location)
dom.scrollIntoView({ behavior: 'auto', block: 'start' })
}
调用的时候就传递一个id即可...
2025-01-13
浏览（693）
默认一张图片只有三秒钟的时间如果不够的话可以拖动修改时间。
音频如何删除？单击选中后下面就有删除选项了。
音频如何删除某一部分？点击选中需要操作的音频后在点击分割就行了，就可以删除分割后的了。
2025-01-09
浏览（687）
代码如下：
Guid.NewGuid().ToString("N")
2025-01-06
浏览（815）
核心代码如下：
// 调用全局挂载的方法(vuex中封装的方法)，关闭当前页
this.$store.dispatch("tagsView/delView", this.$route);
// 关闭之后跳转你要跳转的路由
// this.$router.push({ path: '/contentManage' })
this.$router.push("/contentManagement/content...
2025-01-06
浏览（864）
element plus table 表格，要开启多选非常简单，手动添加一个 el-table-column，设 type 属性为 selection 即可；
<el-table-column type="selection" width="55" />
[TOC]通过selectable可以设置忽略可选属性比如忽略id为1，和2的<el-table-column type="selection" :s...
2024-12-25
浏览（1486）
一般情况会封装一个refreshData来重新刷新数据，但是有些情况参数比较复杂，写这种刷新方法需要注意很多东西还要注意时机问题，所以可以在某些情况下直接去刷新组件来刷新数据。
如何是调用组件内部的方法这样调用就行了
const projectTeamMembersRef = ref(null)
const getTrainingSubProgramList = async (_tr...
2024-12-25
浏览（1687）
[TOC]代码如下：<!--
修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果。
以及切换箭头的颜色加深
-->
<style scoped="scoped" lang="scss">
/*
修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果
*/
::...
2024-12-23
浏览（1238）
方法一:使用 ::v-deep示例代码如下：
<style scoped="scoped" lang="scss">
// 修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果
::v-deep .el-carousel__indicator--horizontal .el-carousel__button {
width: 7px;
height: 7px;
...
2024-12-23
浏览（871）
hosts如何的位置在：C:\Windows\System32\drivers\etc
使用Win+R或者Win+E,输入C:\Windows\System32\drivers\etc，然后按回车都可以进入该路径
因为hosts文件一般需要管理员权限才能编辑，不然你编辑了保存不了的，所以可以这样使用管理员身份打开host文件。
1：在搜索里边输入命令,选择以管理员身份打开
2：在...
2024-12-23
浏览（1243）
模板是这样的：”于${0}通过${1}课程体系《${2}》课程授课”对于这种格式的模板字符串，可以使用一个简单的替换函数来处理，而不需要复杂的正则表达式转义。下面是一个处理这种模板的示例函数：
function formatString(template: string, ...values: any[]): string {
return template.replace(/\$\{(\d+)\}/...
2024-12-19
浏览（976）
[TOC]ts实现面向对象编程，定义属性，构造函数等基础使用在 TypeScript 中，你可以使用类和面向对象编程（OOP）的概念来实现类似于 C# 的功能，包括构造函数、属性和方法。TypeScript 是 JavaScript 的一个超集，它添加了静态类型、类、接口等概念，使得代码更加健壮和可维护。
下面是一个简单的示例，展示如何在 ...
2024-12-18
浏览（1324）
在Canvas上绘制文字时，虽然Canvas的2D渲染上下文（CanvasRenderingContext2D）没有直接提供类似于CSS中letter-spacing的属性来调整文字的水平间距，但你可以通过一些技巧来实现类似的效果。
一种常见的方法是手动计算每个字符的宽度，并在它们之间添加额外的空间。这通常涉及到使用measureText()方法来获取文本的...
2024-12-16
浏览（1009）
比如我想把原图为35082480的缩小三倍变成1169827下编辑，这个时候我把Canvas的宽高设置成1169827编辑后，后导出为图片的时候让图片可以变成原来背景图片所拥有的35082480。因为有些时候原图太大了，所以按图片大小来编辑不太方便，先缩小后编辑在放大导出。示例代码如下：<template>
<div>
<...
2024-12-16
浏览（1119）
代码如下：
ALTER TABLE training_subprogram
ADD COLUMN IsMustDo TINYINT DEFAULT 0 COMMENT '是否必做（用于公开类型的设置），0不是必做，1必做';
2024-12-12
浏览（913）
在vue2以及普通页面里边使用参考：https://www.tnblog.net/aojiancc2/article/details/1273本来在vue中最好不要去用jquery的，可以直接去监听滚动条的事件来实现的，这会比较忙就直接用一下jquery了。
<script setup lang="ts" name="labroomindex">
import { reactive, onMounted...
2024-12-09
浏览（1152）
从左边弹出<template>
<div>
<button @click="showMenu = !showMenu">打开菜单</button>
<transition name="slide">
<div v-if="showMenu" class="side-menu">
<!-- 菜单内...
2024-12-04
浏览（931）
[TOC]方法一：分成两份来展示，一份显示出来，一份隐藏掉，点击加载全部在把隐藏的显示出来
封装的组件的代码如下：
<template>
<div class="completeUerList-container">
<div class="cu-ct-title">
{{ props.title }}
</div>...
2024-12-03
浏览（1010）
使用media可以在不同宽度下写不同的样式，代码如下
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>
2024-12-03
浏览（895）
代码如下：
// Base64 编码的图片转成二进制图片
const base64ToImg = (base64String: string) => {
const byteString = window.atob(base64String.split(',')[1])
const mimeString = base64String.split(',')[0].split(':')[1].split(';')[0]
...
2024-12-02
浏览（1100）
主要使用插件vue-esign,官方文档：https://github.com/JaimeCheng/vue-esign
[TOC]一：添加引用cnpm install vue-esign
二：简单使用先引用
import vueEsign from 'vue-esign'
就可以直接使用了
<vue-esign ref="esign" :width="800" :height="300"/>
在页面里...
2024-12-02
浏览（1095）
50010702506256
