自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(94)
  • 收藏
  • 关注

原创 JS实现SVG的TEXT标签自动换行功能

JS实现SVG的TEXT标签自动换行功能

2025-01-02 16:42:01 533

原创 js合并指定列中的指定行,指定行中的指定列,以及对指定列中单元格内容连续相同的行进行合并

js合并指定列中的指定行,指定行中的指定列,以及对指定列中单元格内容连续相同的行进行合并

2024-12-28 15:36:01 157

原创 Java通过Map实现与SQL中的group by相同的逻辑

1.在mybatis-plus中使用了gorup的原代码,思路是先查询了group by的对应字段,然后通过循环再进一步根据这个字段查询相关数据,整体步骤很繁琐,不比写一个mapper快多少。在mysql8.0之后使用group by必须带上聚合函数,这在mysql-plus中无法直接实现,必须写sql语句才可以。下面通过Java的Map集合来实现类似的操作。2.通过Map实现分组。

2024-12-23 17:12:36 331

原创 el-input限制只能输入整数或者一位小数

【代码】el-input限制只能输入整数或者一位小数。

2024-10-16 08:51:24 471

原创 js实现以鼠标所在点元素为中心对页面进行缩放与拖拽功能

js实现以鼠标所在点元素为中心对页面进行缩放与拖拽功能

2024-09-13 09:53:06 391

原创 vue通过BroadcastChannel实现不同标签页直接传递消息

vue通过BroadcastChannel实现不同标签页直接传递消息

2024-08-22 09:36:10 325

原创 vue3集成LuckySheet实现导入本地Excel进行在线编辑,以及导出功能

点击按钮选择一个xlsx文件就能导入成功了,效果如下(这里只能导入xlsx文件,导入xls文件会报错,暂时不知道什么原因,如果有xls文件的话可以把表格另存为xlsx类型的文件再导入)首先要引入luckyexcel 的依赖,我们导入导出本地excel会用到。第一步:克隆或者下载下面的代码。接下来就是在项目中使用这个插件。然后创建一个vue页面文件。

2024-07-29 11:18:34 3031 3

原创 在el-table单元格中通过div绘制圆、直线和对角线

在el-table单元格中通过div绘制圆、直线和对角线

2024-07-26 17:39:46 351

原创 el-table实现合并单行表头并设置背景色

el-table实现合并单行表头并设置背景色

2024-07-24 16:37:02 521 1

原创 vue+js实现鼠标右键页面时在鼠标位置出现弹窗

vue+js实现鼠标右键页面时在鼠标位置出现弹窗

2024-07-01 15:20:29 691

原创 el-form-item的label设置两端对齐

el-form-item的label设置两端对齐

2024-06-24 17:58:39 1641 1

原创 css实现鼠标悬停在div上出现抬起元素的效果

css实现鼠标悬停在div上出现抬起元素的效果

2024-06-24 16:20:06 647

原创 Java的Stream流快速在list中查找数据

输入指定字段值,快速查出list中字段值为指定值的对象。

2024-06-18 10:04:45 1355

原创 vue3+elementui-plus实现淡入动画收缩效果

vue3+elementui-plus实现动态收缩效果,点击收缩会有一个淡入收起的动画效果。

2024-06-12 11:16:17 449

原创 Java实现一个公共方法解析不同类型的表格

Java实现一个公共方法解析不同类型的表格

2024-06-05 18:02:13 246

原创 将HTML页面中的table表格元素转换为矩形,计算出每个单元格的宽高以及左上角坐标点,输出为json数据

将HTML页面中的table表格元素转换为矩形,计算出每个单元格的宽高以及左上角坐标点,输出为json数据

2024-06-03 10:36:50 352

原创 Window系统mysql数据库定时备份脚本

mysqldumpPath 你本地mysql路径。outpurDir 备份文件输出路径。dbName 需要备份的数据库。dbUser 数据库用户名。dbPwd 数据库密码。

2024-04-22 17:31:05 573

原创 vue3通过事件总线不同组件之间传递消息(两个组件可以没有任何关系)

然后在发送事件的组件中写(js和ts导入方式不太一样,用法一样)如果需要限制事件只能触发一次,在调用完后清除事件。首先在main.js中定义。然后在接收事件的组件中。

2024-04-18 09:04:29 401

原创 vue3+elementui-plus实现无限递归菜单

vue3+elementui-plus实现无限递归菜单。实现方式是:通过给定的数据结构层数来动态生成多级菜单。

2024-04-17 10:48:10 975

原创 vue中通过js导出定义共享变量

vue中通过js导出定义共享变量

2024-04-09 11:44:51 345 1

原创 vue3+element-ui-plus的el-tree组件实现复选框形式下的单选功能,且禁用父级

只要给对应的节点添加字段"disabled": true,即可禁用节点,因为使用了check-strictly取消父子节点关联,所有即使禁用父节点,也不会影响子节点的选择。实现效果图,一二级都是灰色的不可选,三级只能同时选中一个。

2024-04-03 11:19:23 2045

原创 vue3实时监听LocalStorage的变化

【代码】vue实时监听LocalStorage的变化。

2024-03-27 11:02:43 2949

原创 vue实现在进入页面之前自动刷新一次页面(适用于首次进入页面空白,刷新才显示的问题)

有时候会莫名出现一个问题,首次进入页面的时候空白,刷新才会显示,如果实在排查不到原因,以及如何解决,那就直接在进入页面之前去自动执行一次刷新操作,实现方法如下。ps:如果不通过localStorage记录,会导致无限刷新页面。此方法不仅仅适用于vue,只要是js都可以使用。

2024-03-27 09:37:46 1343

原创 vue3通过el-cascader实现动态菜单切换页面

菜单结构说明:component对应的就是你要跳转的页面组件,也就是上面import进来的组件。然后通过emitComponentChange方法来跳转对应页面。下面是切换页面后要显示的目标页面,这里接收上面emitComponentChange 方法传递过来的组件。还有一种方式是通过el-menu实现的,效果同上,使用的js方法都是一样的。如果只有一级菜单只会显示一个按钮。

2024-03-21 10:36:21 631

原创 通过el-table实现表格穿梭框

示例图样式比较简单,但是el-table是完全通过div包裹的,所以里面可以自己添加更多的其他组件实现想要的功能。element-ui自带的el-transfer界面比较简单,通过el-table实现表格形式的穿梭框功能。

2024-03-19 10:55:29 1677

原创 vue+js实现动态计算勾选顺序,并且指定不同分组不同计算逻辑

vue+js实现动态计算勾选顺序,并且指定不同分组不同计算逻辑

2024-03-18 16:05:48 282

原创 mybatis-plus根据实体和mapper生成crud方法,无需写xml文件

mybatis-plus根据实体和mapper生成crud方法,无需写xml文件

2024-03-18 11:53:35 523

原创 实现el-table合并行列,以及js原生table合并行列

【代码】实现el-table合并行列,以及js原生table合并行列

2024-03-18 11:33:24 1993

原创 更改el-tabs默认样式,实现tab标签居中显示,标签对应内容使用另一个div显示

如图所示,标签在浏览器窗口居中,但是下面的内容依然是默认从左到右,不会受到tab样式的影响。

2024-03-16 16:33:40 2849

原创 实现el-select下拉框内容自定义排序

【代码】实现el-select下拉框内容自定义排序。

2024-03-13 15:54:07 817

原创 vue本地实现生成二维码功能

【代码】vue本地实现生成二维码功能。

2024-03-11 20:47:03 356

原创 实现鼠标移动el-select下拉框的label上面显示出table悬浮窗

实现鼠标移动el-select下拉框的label上面显示出table悬浮窗

2024-03-08 17:31:25 1368

原创 vue实现el-table-column中自定义label

默认的label只能显示普通文字,如果有一些特殊需求,比如换行显示,更改文字颜色,更改文字大小,就需要自定义label了

2024-01-30 15:42:14 3647 1

原创 el-table在鼠标移动到单元格时变为下拉框,否则是普通文本

el-table将多个单元格改为下拉框,导致渲染卡顿,解决方法在鼠标移动到单元格时变为下拉框,否则是普通文本

2024-01-25 10:53:17 1443

原创 el-table单元格背景色动态改变

el-table单元格背景色动态改变

2024-01-25 10:45:43 2047

原创 vue3实现在浏览器之外打开新窗口,新窗口只有原来的一半并且居中显示

vue3实现在浏览器之外打开新窗口,新窗口只有原来的一半并且居中显示

2024-01-24 16:02:31 1313

原创 el-timeline实现左右两侧节点的效果

el-timeline实现左右两侧节点的效果

2024-01-02 10:24:49 1252

原创 Java分页工具类

【代码】Java分页工具类。

2023-12-28 09:10:14 746

原创 MyBatis分页查询:MyBatis PageHelper

MyBatis分页查询:MyBatis PageHelper

2023-12-25 10:13:14 449

原创 vue3中reactive踩坑记录

vue3中reactive踩坑记录

2023-12-22 10:36:50 568

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除