kangkang--CSDN博客

原创一文带你搞定若依Springboot集成七牛云存储（测试:项目中头像上传替换为七牛云存储）

Ruoyi-OBS: Ruoyi+Ruoyi-Vue3集成七牛云。

2024-02-23 00:49:44 1442 1

原创 Vue3+ElementUI 多选框中复选框和名字点击方法效果分离

比如我点击了Option A ，触发点击Option A的方法，并且复选框不会取消勾选，分离的方法。通过Vue事件处理的方法.prevent来阻止。-- 提交事件将不再重新加载页面 -->

2024-01-21 20:04:22 1161 1

原创 Vue3+ElementUIPlus颜色选择器，Ruoyi框架动态替换图片

要实现可以动态的通过颜色，去替换的效果。并且自定义出你需要的颜色，并且修改el-color-picker的样式。由于我们自定义了下拉的样式popper-class="custom-color-picker"，所以不用担心会对颜色选择器造成影响。通过这样的样式后，样式就会变成图片的效果这样，并且进行了一定程度的优化，可以有清空的按钮。后续通过保存，将这个颜色保存到Vuex中。将你需要替换的颜色以去掉#的形式存放在asset的目录下（简而言之，去掉 # 是为了确保路径的正确解析和访问，因

2024-01-21 19:56:41 1113

原创 Vue 3.2 源码系列（Vue.js的设计与实现）01-命令式VS声明式

先来介绍一些基本的概念。

2024-01-14 21:27:10 758

原创 Elementui-plus 实现滚动到底部分页刷新

1.在这里面用了卡片来实现el-card滚动加载。你可以随机自定义在距离底部多久去加载数据。将每一行多添加的代码重新添加到数组中。来实现滚动分页加载数据。

2024-01-12 16:50:48 639

原创 Element-plus之获取 tree 选中的节点和未选中的节点(过滤树节点）

方法进行一个压缩数组，最后在和所有勾选的子节点进行一个。：通过服务端拿到所有的数据，并且通过。el-tree中有固定的方法。，然后对父节点进行一个过滤。，同样对父节点进行一个过滤。现在我们的需要是要获取到。

2024-01-11 17:27:23 1848

原创 Element-plus el-tree 触发check-change多次事件

再者，就是直接选择复选框的话，复选框假如是全选的状态的话，点击树节点的父节点的话，会改变子节点所有的选择，则会触发节点数数量+1（父节点）的check-change次数。简单来说，就是当你触发了子节点的复选框，如果复选框为全选的状态，因为你的一次触发，导致变为半选的状态，导致会在触发一次父节点的复选框check-change。反之，假如树节点的复选框是没有选择的状态，由于选择了子节点后，变成了半选的状态，又会触发一次check-change。通过以上的官网的解释我们可以发现二者的不同。

2024-01-11 17:08:47 2080

原创 ElementUi+Vue+SpringCloud+Forest上传前后端联调

实现后台上传图片本次使用vue3加elementUI的upload组件实现功能一.上传后直接调用后端通用上传工具，在文件服务中调回来用Url存到数据库中。二.通过将上传的信息以FormData的形式传入，并且在后端通过MultipartFile形式取出后丢入底层进行解析下面先解析普通上传的方式：方式二：使用自动上传:http-request=“UploadImage”后端只需要通过简单的MultipartFile file 去接收前端传来的参数并且传入底层接口，后续返回给一个URL就已经完成该任务（底层

2023-12-01 22:13:20 1034

原创 Spring中最重要的原理之一：IOC中Bean的生命周期，

AOP的主要来源和设计。

2023-08-25 10:52:24 104

原创总结一些经验

例如，对于排序字段，可以在代码中预定义一个包含所有允许排序的字段的白名单，然后检查用户的输入是否在这个白名单中。

2023-07-18 15:26:05 473

原创树形结构+递归（无限级评论）

在我们系统中，假如你想要做一个无限级评论的模块和功能，你就需要知道他应该做什么，比如无限级的本质，那就是树形结构，然后由于有很多子评论，所以我们使用递归算法的话，会提高许多效率，以下我们来去理解一下各个步骤的实现。

2023-07-03 17:15:38 259

原创详解Ruoyi-Vue的登录Springsecurity+JWT

这段代码配置了允许无需登录即可访问的URL（如：登录、注册等），以及需要登录才能访问的其他URL。它还禁用了CSRF（跨站请求伪造）保护，添加了自定义的JWT认证过滤器，并设置了无状态的会话策略。请注意，仅当请求头中包含有效的JWT时，此过滤器才会执行这些操作。如果登录成功，将返回的JWT存储在浏览器的。JWT的有效期是有限的，为了避免用户在登录后不久就需要重新登录，你可以实现JWT的刷新机制。前端在发现JWT即将过期时，可以调用这个接口来获取一个新的JWT。方法中，从请求头中获取JWT，然后使用。

2023-04-10 22:49:30 1051