- 博客(40)
- 收藏
- 关注
RSS订阅原创 Element Plus 的 el-upload 组件详解（图片上传）
el-upload 是 Element Plus 提供的文件上传组件，支持多种上传方式和丰富的配置选项。通过设置 action 属性指定上传地址，使用 list-type 控制文件列表的显示方式，并通过 on-preview、on-remove、on-success 等回调函数处理文件预览、移除、上传成功和失败等事件。还可以通过 before-upload 钩子限制文件类型和大小，或通过 auto-upload 属性控制是否自动上传。对于更复杂的场景，可以手动触发上传或完全自定义上传逻辑。el-upload
2025-05-19 11:35:48
1218
原创 Vue 3 中使用 md-editor-v3 的完整实例markdown文本
'bold', // 加粗'underline', // 下划线'italic', // 斜体'strikeThrough', // 删除线'title', // 标题'sub', // 下标'sup', // 上标'quote', // 引用'unorderedList', // 无序列表'orderedList', // 有序列表'task', // 任务列表'codeRow', // 行内代码'code', // 代码块'link', // 链接。
2025-05-18 15:23:14
1142
原创 Pinia 详细解析：Vue3 的状态管理利器
Pinia 是 Vue 3 的官方推荐状态管理库，由 Vue 核心团队维护。它是对 Vuex 的改进和简化，提供了更简洁的 API 和更好的 TypeScript 支持。// 使用选项式 API 风格定义 storecount: 0}),getters: {},actions: {})// 使用组合式 API 风格定义 storeimport {
2025-04-26 15:06:17
829
原创 Vue 3 父子组件通信案例详解：Props 与 Emits 实战
在 Vue 3 开发中，组件通信是最基础也是最重要的技能之一。本文将用实际案例演示 Vue 3 中最常用的两种父子通信方式：Props（父传子）和 Emits（子传父），帮助大家快速掌握 Composition API 下的组件通信技巧。theme?: string // 可选属性 } >()theme?: string // 可选属性 } >()?theme?: string // 可选属性 } >()stringtheme?: string // 可选属性 } >()// 可选属性theme?
2025-04-25 16:58:59
1519
原创 vue3创建项目
是看 node 的版本，要16以上的版本才支持 vue 3，然后输入。根据你的项目需求，合理选择功能即可！补全，或者自定义，输完按回车键。按照红色框框中依次输入就行。按照你自己的需求选择。
2025-04-24 20:13:26
713
原创 Vue 3 相比 Vue 2 的优势
Vue 3 在性能、代码组织灵活性和扩展性上全面超越 Vue 2，尤其适合大型项目或需要长期维护的代码库。对于新项目，推荐直接使用 Vue 3；旧项目可评估迁移成本后逐步升级。
2025-04-24 20:01:18
714
原创 Vue生命周期详细解析
Vue.js作为当前最流行的前端框架之一，其生命周期钩子函数是每个Vue开发者必须掌握的核心概念。本文将全面解析Vue的生命周期，帮助开发者更好地理解Vue实例的创建、更新和销毁过程。Vue实例从创建到销毁的整个过程被称为Vue的生命周期。在这个过程中，Vue提供了一系列的钩子函数（生命周期钩子），允许开发者在特定阶段添加自己的代码。生命周期钩子常见使用场景插件开发、初始化任务created异步数据请求、初始化非DOM相关操作极少使用mountedDOM操作、第三方库初始化。
2025-04-23 18:57:57
765
原创 Vue指令详解：从入门到精通
Vue.js作为当下最流行的前端框架之一，其指令系统是Vue最核心的特性之一。指令是Vue模板中带有v-前缀的特殊属性，它们为HTML元素添加了特殊的响应式行为。本文将全面介绍Vue的各种指令及其用法。Vue指令是带有v-前缀的特殊属性，用于在表达式的值改变时响应式地将某些行为应用到DOM上。< p v-if = " seen " > 现在你看到我了 </ p >< p v-if = " seen " > 现在你看到我了 </ p >
2025-04-22 21:04:40
1014
原创 Spring Boot多环境配置详解
Spring Boot的多环境配置功能强大且灵活，通过本文介绍的方法，你可以轻松管理不同环境的配置。使用文件管理不同环境配置通过多种方式激活特定环境合理组织配置文件结构，提取公共配置结合@Profile注解实现更细粒度的环境控制掌握这些技巧后，你的应用将能够轻松适应各种部署环境，大大提高开发和部署效率。
2025-04-22 14:32:38
544
原创 SpringBoot + Vue 实现云端图片上传与回显（基于OSS等云存储）
在实际生产环境中，我们通常会将图片等静态资源存储在云端对象存储服务（如阿里云OSS、七牛云、腾讯云COS等）上。本文将介绍如何改造之前的本地存储方案，实现基于云端存储的图片上传与回显功能。高可用性：云服务提供99.9%以上的可用性高扩展性：存储空间可无限扩展高性能：CDN加速全球访问低成本：按量付费，无需自建存储服务器安全性：提供多种安全防护机制本文详细介绍了基于阿里云OSS的图片上传方案，其他云存储服务实现方式类似。签名直传方案既能保证安全性，又能减轻服务器压力，是生产环境推荐的做法。
2025-04-21 19:44:12
427
原创 MyBatis-Plus 分页功能详解
*** 自定义分页查询* @param page 分页对象* @param state 状态* @return 分页结果*/MyBatis-Plus 的分页功能简单易用，通过配置分页插件后，可以方便地实现各种分页需求。本文介绍了基本分页查询、带条件分页、自定义SQL分页等多种使用方式，以及分页结果处理和性能优化建议。希望本文对你理解和使用 MyBatis-Plus 的分页功能有所帮助！
2025-04-20 16:54:46
1507
原创 VUE2创建项目
模式：URL 中会带有 “#” 符号，如http://example.com/#/home ，“#” 后面的部分是路由的路径，它的改变不会引起页面的重新加载，浏览器会根据 hash 值的变化触发hashchange事件，Vue Router 利用这个特性实现路由跳转。：也是一款流行的 CSS 预处理器，和 Sass 类似，提供变量、混合、嵌套规则等功能，语法简洁，在大型项目中使用可以有效组织和管理 CSS 代码，并且与许多前端框架和构建工具都有良好的集成。：代表 Vue 2 版本。
2025-04-17 21:13:16
2455
原创 SpringBoot 项目中 JWT 令牌
JWT（JSON Web Token）是一种开放标准（RFC 7519），用于在各方之间安全地传输声明。它通常由三部分组成：头部（Header）、载荷（Payload）和签名（Signature），形式为。下面为你详细介绍它的相关知识。
2025-04-16 14:22:15
905
原创 Java 中 @Validated 注解的解释与使用
Validated是 Spring 框架对 JSR - 303（Bean Validation）规范的扩展，它是对@Valid注解的增强。@Validated支持在类、方法和方法参数上使用，并且能支持分组校验。@Validated注解为 Java 开发者提供了便捷、灵活的数据校验方式。通过简单的注解配置，就能实现对方法参数的校验。希望本文能帮助你更好地理解和使用@Validated注解。
2025-04-15 20:50:30
333
原创 构建java项目加密解密
在 Java 开发中，数据的加密是一个常见的需求。其中，MD5（Message - Digest Algorithm 5）是一种广泛使用的哈希函数，常用于生成数据的哈希值，在数据完整性验证、密码存储等场景中有着重要的应用。需要注意的是，MD5 是一种单向加密算法，即只能加密不能解密，通常用于验证数据是否被篡改。
2025-04-15 20:41:02
419
原创 SpringBoot 调用deepseek
spring-ai 官网：https://docs.spring.io/spring-ai/reference/api/chat/deepseek-chat.html。deepseek 官方文档：https://api-docs.deepseek.com/zh-cn/官网：https://platform.deepseek.com/api_keys。application.properties配置文件。然后启动SpringBoot。controller类。service实现类。去postman测试。
2025-04-13 15:13:05
404
原创 SpringBoot入门报错
个人Spring Boot学习中遇到的bugorg/springframework/boot/SpringApplication has been compiled by a more recent version of the Java Runtime (class file version 61.0), this version of the Java Runtime only recognizes class file versions up to 55.0
2025-04-01 17:02:06
154
原创 vue配置改端口
1.因为前台vue 和 后台 springboot 端口 默认都是。我这边是改的前台vue的。然后启动vue可以看到。所以我需要改一个端口。
2025-01-04 14:28:18
618
原创 vue安装问题常见
我们在低版本下安装axios,Echarts,组件ui的包时会出现解析错误。在Vue项目中安装 axios 时报错。我们只要在安装后面加一串字符。2.vue安装vant组件库。1.vue安装 axios。
2024-12-23 20:39:44
162
原创 centos网络问题
这条命令是在使用 NetworkManager 命令行工具 nmcli 时，用于启用网络连接的。这里，nmcli 是 NetworkManager 的命令行界面，允许用户查询和管理网络连接。如果启动虚拟机，没有这个时。这个应该是没有启动成功。输入以下代码就可以了。
2024-12-12 10:34:26
235
原创 javaweb Cookie和Session区别
数据存储方式：Cookie将数据以键值对的形式存储在客户端的浏览器中，每个请求都会将Cookie发送给服务器。而Session将数据存储在服务器端的内存或磁盘中，客户端只会保存一个Session ID，每个请求通过Session ID来标识对应的Session。存储容量：Cookie的存储容量有限，一般为4KB左右，而Session的存储容量没有明确限制，可以根据服务器的配置和硬件资源进行调整。存储位置：Cookie是存储在客户端（浏览器）中的，而Session是存储在服务器端的。
2024-11-01 14:20:19
179
原创 冒泡排序方法（js、 java）
Java 的java.util.Arrays类提供了sort()方法，可以对数组进行排序。默认情况下，sort()方法会将数组元素转换为字符串，然后比较字符串的 Unicode 编码顺序进行排序。对于数字数组，这种排序方式可能不是期望的结果，通常需要提供一个比较函数来定义正确的排序规则。对于对象数组，需要确保对象实现了Comparable接口或者在调用sort()方法时提供一个Comparator对象来定义排序规则。JavaScript 的数组对象有一个sort()方法，可以对数组进行排序。
2024-10-22 12:32:07
281
1
原创 JTable表格 表格居中（表头，内容），表格添加图片，下拉选框，添加按钮
3.可以通过 setBackground、setForeground 和 setFont 等方法进一步设置表头的背景颜色、文本颜色和字体样式。将 JTable 放置在一个具有居中布局特性的容器中，比如 JPanel 使用 BorderLayout 并将 JTable 添加在中间位置。要使 JTable 的表头居中，可以通过直接设置表头的样式来实现。通过setModel重写方法来添加图片。1.在创建 JTable 时设置属性。
2024-07-01 15:01:41
805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人