- 博客(620)
- 资源 (7)
- 收藏
- 关注
原创 【组件过渡】Vue3组件切换时候,添加动画过渡效果
本文介绍了为Vue路由切换添加过渡动画的实现方法。首先展示了最终效果演示,然后详细说明了CSS样式代码的编写过程,包括定义进入/离开动画的过渡效果、起始状态和结束状态。最后讲解了如何在Vue中使用<transition>标签应用这些动画效果,通过mode="out-in"确保平滑的组件切换。整个过程涵盖了从样式定义到实际应用的全部步骤,实现了优雅的路由过渡动画效果。
2025-06-11 08:39:37
15
原创 《Vue3笔记》第40节:Vue3项目实现自定义右键菜单功能
本文介绍了在Vue3项目中实现自定义右键菜单功能的方法。主要内容包括: 封装了一个通用的右键菜单组件VContextMenu.vue,通过props接收菜单项和数据,并处理显示位置和点击事件。 使用该组件时,只需在需要自定义右键菜单的区域绑定@contextmenu.prevent事件,传入当前数据项。 组件实现了点击外部区域自动隐藏菜单的功能,并提供了菜单项的点击回调处理。 通过示例代码演示了如何定义菜单项和使用该组件,实现了一个包含"查看详情"、"修改密码"等选项
2025-06-11 08:27:34
121
原创 【Golang笔记04】Go语言中文件操作的学习笔记
Golang笔记04:文件操作学习笔记;一、文件操作,Go语言中,文件操作的标准类库有很多,例如:os、io等包都可以用于操作文件。1.1、打开文件,Go语言中,可以使用os包中提供的Open()函数来打开文件,另外,还可以使用OpenFile()函数来打开文件。1.1.1、Open()函数,Open(name string)函数:打开指定文件,返回值一个File文件指针,以及err错误。
2025-06-04 20:57:00
573
原创 《Vue3笔记》第39节:Vue3项目集成UEditorPlus富文本编辑器
本文介绍了如何在Vue3项目中集成UEditorPlus富文本编辑器。UEditorPlus是基于百度UEditor二次开发的编辑器,界面更美观且功能更丰富。实现步骤包括:安装vue-ueditor-wrap依赖、下载UEditorPlus源代码并放置到public目录、在main.js中配置组件、创建使用示例等。文章还提供了设置编辑器内容的方法和效果展示,最后给出了官方文档和源代码地址。通过本文指导,开发者可以快速在Vue3项目中实现UEditorPlus的集成和使用。
2025-06-04 20:52:06
133
原创 【软件安装】Windows操作系统中安装mongodb数据库和mongo-shell工具
本文详细介绍了在Windows系统中安装MongoDB数据库和mongo-shell工具的步骤。首先需要从官网下载社区版安装包,解压后创建data、logs目录及配置文件mongo.conf。通过编写启动脚本start.bat即可运行MongoDB服务,验证启动成功后,再安装mongo-shell命令行工具。整个过程包括下载安装包、配置目录结构、编写启动脚本和验证服务运行等关键环节,为Windows用户提供了完整的MongoDB安装指南。(142字)
2025-05-23 22:30:43
1246
原创 【Golang笔记03】error、panic、fatal错误处理学习笔记
Go语言中的错误处理机制与Java等语言的异常处理有所不同。Go通过返回值来处理错误,主要分为三类:error、panic和fatal。error是部分流程错误,不会导致程序停止;panic是严重错误,程序会立即退出;fatal是致命错误,程序立即停止。Go中没有try...catch语句,错误通过返回值传递,通常使用if语句进行判断。error接口只有一个Error()方法,可以通过errors.New()或fmt.Errorf()创建错误。Go还支持自定义错误类型,只需实现Error()方法。error
2025-05-23 10:59:07
970
原创 【Golang笔记02】函数、方法、泛型、接口学习笔记
本文介绍了Golang中的函数、方法、泛型和接口的基本概念与用法。函数使用func关键字定义,支持多返回值和匿名函数,允许通过defer实现延迟调用。方法类似于函数,但需显式声明接收者。泛型通过类型参数实现代码复用,接口则定义了一组方法签名,用于实现多态。文章还详细讲解了闭包、函数字面量、可变参数等高级特性,帮助读者深入理解Golang的函数与方法机制。
2025-05-19 08:39:38
1065
原创 【Golang笔记01】Golang基础语法规则
本文简要介绍了Golang的基础语法规则,涵盖了环境安装、Hello World程序、包管理、注释、变量与常量声明、运算符、输入输出等内容。首先,安装Go运行环境和开发工具(推荐Goland)。接着,通过Hello World示例展示了Go程序的基本结构,包括package、import和main函数。随后,详细讲解了变量和常量的声明与赋值,以及Go中的运算符和输入输出操作。最后,介绍了如何使用缓冲流提高输入输出性能。本文为初学者提供了快速入门Golang的基础知识。
2025-05-16 16:15:48
700
原创 Linux系统中,创建一个xxx.service服务单元文件,方便快速启动、停止java应用程序
本文介绍了在Linux系统中如何通过创建和配置systemd服务文件来管理Java应用程序的启动、停止和状态查看。首先,在/etc/systemd/system目录下创建一个以.service为后缀的文件,并配置相关参数,如应用程序描述、启动命令和日志设置。接着,使用systemctl daemon-reload命令刷新系统服务以使更改生效。最后,通过systemctl命令实现对服务的启动、停止、重启和状态查看等操作。这种方法简化了Java应用程序的管理,提高了系统的可维护性。
2025-05-14 16:53:34
289
原创 《Vue3笔记》第38节:Vue3项目集成TinyMCE富文本编辑器
前一个小节的内容中,已经介绍了项目中如何配置代码高亮的插件。这个小节来学一个新的富文本编辑器,叫做:。Vue3项目开发(微信文章集合)编辑器的效果,如下所示:首先,需要安装依赖,执行下面命令:执行成功,就可以在文件中,查看到相应的依赖和版本信息。在目录下面,创建一个目录,接着再创建一个目录,新建一个文件,内容如下:1.4、创建组件在目录下,新建一个组件,代码如下所示:1.5、使用组件组件创建完成之后,就可以直接引入使用了。案例代码:1.6、获取源代码到此,项目集成富文本编辑器就介绍完了。
2025-04-26 09:18:47
343
原创 《Vue3笔记》第37节:Vue3项目Quill中配置highlightjs代码高亮插件
前一个小节的内容中,已经介绍了Vue3项目如何集成Quill富文本编辑器。这个小节来学习一下,如何Quill引入代码高亮插件。
2025-04-26 09:17:01
122
原创 《Vue3笔记》第36节:Vue3项目集成Quill富文本编辑器
前一个小节的内容中,已经介绍了Vue3项目如何配置wangEditor图片上传的功能。quill。
2025-04-24 16:48:13
151
原创 《Vue3笔记》第35节:Vue3项目配置wangEditor图片上传功能
wangEditor还提供了一个自定义上传的方法,通过方法,可以实现自己的图片上传逻辑。方法有两个参数,第一个参数是当前上传的文件对象file,第二个参数是一个回调函数insertFn,可以插入图片到文本编辑器里面。/*** 编辑器配置*/placeholder: '请输入内容...',// 创建 FormData 对象// 添加文件到 FormData// 上传图片到服务器baseURL: 'http://localhost:8888', // 设置基础的 API 地址。
2025-04-24 16:43:44
167
原创 《Vue3笔记》第34节:Vue3项目集成wangEditor富文本编辑器
前一个小节的内容中,已经介绍了Vue3项目中如何修改el-table表格的默认样式。这个小节来学习一下,Vue3项目如何集成wangEditor富文本编辑器。
2025-04-21 07:42:52
451
原创 《Vue3笔记》第33节:Vue3项目中修改el-table表格的默认样式
前一个小节的内容中,已经介绍了项目如何基于封装图表组件。这个小节来学习一下,如何修改表格组件的默认样式。Vue3项目开发(微信文章集合)修改之后的表格样式效果,如下所示:修改表格样式,例如:字体颜色、背景颜色、边框等等,只需要添加下面代码即可:修改表格行的样式,例如:背景颜色、边框、字体大小,颜色等等,只需要添加下面代码:修改表格的偶数行的背景颜色、当前选中行显示的背景颜色,只需要添加下面代码:修改表格多选框的样式,添加下面代码:1.3、完整代码调整完的表格组件完整代码,如下所示:1.4、获取源
2025-04-21 07:39:14
156
原创 《Vue3笔记》第32节:Vue3项目基于ECharts封装图表组件
前一个小节的内容中,已经介绍了Vue3项目如何引入ECharts图表库,这个小节基于ECharts图表库自定义封装一个图表组件,方便开发过程中图表需求的实现。
2025-04-17 13:52:23
77
原创 《Vue3笔记》第31节:Vue3项目引入ECharts图表库组件
前一个小节的内容中,已经介绍了如何封装组件,这个小节来学习一下,项目中如何引入图标库组件。Vue3项目开发(微信文章集合)引入图表组件之后的效果,如下图所示:是一个强大的数据可视化图表库,提供了非常多的图表,例如:柱状图、折线图、折柱混合、饼状图等等图表。用户可以根据自己的需求,选择相应的图表组件,使用起来也非常的方便。首先,需要安装的依赖,执行下面命令:执行成功,就可以在文件中,查看到相应的依赖和版本信息。依赖安装完成之后,就可以直接使用图表了。首先,创建一个测试案例,代码如下:上面代码中,需要引入依
2025-04-17 13:50:41
265
原创 《Vue3笔记》第30节:Vue3自定义封装el-table表格组件
前一个小节的内容中,已经介绍了项目中如何引入状态管理库,这个小节来学习如何基于中的组件,自定义封装一个表格组件。Vue3项目开发(微信文章集合)这个小节实现的表格组件,运行效果,如下所示:在目录下,创建一个目录,新建一个组件。案例代码,如下所示:1.3、使用组件在需要使用表格组件的地方,引入组件即可。1.4、获取源代码到此,自定义封装表格组件就介绍完了。
2025-04-16 08:15:23
199
原创 《Vue3笔记》第29节:Vue3项目引入Pinia状态管理库
Pinia是Vue官方推出的一个新的状态管理库插件,它比Vuex更简洁、更灵活,使用起来也更加的方便。Pinia中的API更加简洁直观,它减少了Vuex中的一些复杂概念,例如:模块化状态管理的冗余代码。Pinia直接使用函数定义Store,使得状态管理更加直观。Pinia的状态是响应式的,与Vue的响应式系统可以无缝集成。这意味着当状态发生变化时,所有依赖该状态的组件都会自动更新。Pinia还提供了对TypeScript的全面支持,并且可以提供了插件支持,例如:持久化状态、日志记录等功能。需要注意的是,
2025-04-16 08:13:46
46
原创 Jackson配置objectMapper报错:MappingJackson2HttpMessageConverter] while setting bean property ‘messageCon
在SpringMVC项目中,引入Jackson依赖,自定义ObjectMapper配置之后,启动工程,报错:Error creating bean with name 'org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter': Cannot create inner bean 'org.springframework.http.converter.json.MappingJackson2Htt
2025-04-06 20:05:42
673
原创 《Vue3笔记》第28节:Vue3项目调整侧边菜单栏的背景色
前一个小节的内容中,已经介绍了如何实现用户的注销功能。这个小节来学习一下,如何调整侧边菜单栏的背景颜色,之前实现的侧边栏的是白色的样式,但有些可能喜欢黑色系列的,所以这里来学习一下,如何调整<el-menu>菜单栏的背景样式。
2025-02-06 10:50:36
140
原创 《Vue3笔记》第27节:Vue3项目实现用户注销登录的功能
前一个小节的内容中,已经介绍了如何实现多级菜单的功能。这个小节来学习一下,如何实现用户注销登录的功能。
2025-02-02 10:19:26
89
原创 《Vue3笔记》第26节:Vue3项目实现多层级菜单功能
前一个小节的内容中,已经介绍了如何实现面包屑导航的功能。这个小节基于之前动态菜单的基础之上,添加多层级菜单的显示功能。在之前做的动态菜单中,会存在一个bug,那就是如果菜单层级超过2级,此时,菜单渲染就会报错,从而导致无法使用。这个小节就来解决多层级菜单的这个问题。
2025-01-29 17:03:01
287
原创 《Vue3笔记》第25节:Vue3项目切换路由更新面包屑导航提示信息
前一个小节的内容中,已经介绍了动态加载菜单以及如何解决页面刷新后菜单白屏的问题。这个小节来学习一下,如何实现切换菜单,更新面包屑导航提示信息的功能。
2025-01-29 16:59:39
187
原创 《Vue3笔记》第24节:Vue3项目解决页面刷新后路由菜单出现白屏的问题
前一个小节的内容中,已经介绍了如何动态加载菜单,虽然功能实现了,但是你会发现,当页面刷新的时候,此时访问的路由菜单会出现白屏的效果。当我们访问某个菜单之后,此时刷新一下页面,这个时候访问的路由菜单就会白屏(空白页面),或者跳转到指定的404页面),效果就如下图所示:**那么,为什么页面刷新之后,我们访问的路由菜单会出现白屏效果呢?**下面就来看下这个问题的根本原因吧。
2025-01-28 19:14:18
418
原创 《Vue3笔记》第23节:Vue3项目中实现菜单数据的动态加载
前一个小节的内容中,介绍了如何控制访问页面的权限,这个小节来学习一下,如何动态地加载菜单数据。在实际开发过程中,用户能够看到的菜单数据,都是通过调用后端接口获取的,当用户登录成功之后,调用接口获取到用户所属的菜单信息,然后动态加载并显示出这些路由菜单。
2025-01-28 19:12:58
130
原创 《Vue3笔记》第22节:Vue3项目控制访问页面的权限
前一个小节的内容中,介绍了NProgress加载进度条插件的使用,这个小节来学习一下,如何控制界面的访问权限。
2025-01-27 14:44:57
421
原创 《Vue3笔记》第21节:Vue3项目引入NProgress加载进度条插件
前一个小节的内容中,介绍了如何全局设置滚动条的样式,这个小节来学习一个进度条插件,插件名称叫做NProgress,使用这个插件可以很方便实现进度加载的功能。
2025-01-27 14:42:56
248
原创 《Vue3笔记》第20节:Vue3项目全局设置滚动条样式
前一个小节的内容中介绍了如何实现折叠和展开侧边栏的功能,这个小节来学习一下,如何全局设置滚动条的样式。
2025-01-25 08:23:19
291
原创 《Vue3笔记》第19节:Vue3项目实现点击图标折叠和展开侧边栏的功能
前一个小节的内容介绍了重新加载组件的功能,以及如何设置组件过渡动画。这个小节来学习一下,如何实现管理后台布局中,侧边菜单栏折叠和展开的功能。
2025-01-25 08:20:49
262
原创 《Vue3笔记》第18节:Vue3项目实现点击刷新图标重新加载组件界面
前一个小节的内容中已经实现了管理后台全屏显示的功能,这个小节来实现重新加载组件的效果,要实现的功能是:点击头部信息栏中的刷新图标,要重新加载当前显示的组件界面,并且还要给组件加上了过渡动画的效果。
2025-01-22 22:39:06
188
原创 《Vue3笔记》第17节:Vue3项目实现点击图标进入全屏显示的功能
前一个小节内容中,已经将管理后台首页面的头部信息栏实现了,这个小节来看下如何实现点击图标,实现全屏显示、退出全屏显示的功能。
2025-01-22 22:35:06
288
原创 《Vue3笔记》第16节:Vue3项目实现管理后台头部信息栏的功能
前一个小节的内容中,已经将管理后台左侧菜单栏的功能实现了,这个小节来实现管理后台首页面中的头部信息栏。实际开发中,管理后台首页面的头部信息栏,一般会显示用户头像、个人中心、退出登录、全屏展示等功能,这些都可以根据实际的需要来添加。针对头部信息栏中的内容,可以拆分成不同的组件进行实现,我这里是这样做的,针对上面要显示的图标,新建了一个`VIcon.vue`组件,右侧头像信息新建了一个`VProfile.vue`组件,当前显示的菜单路径新建了一个`VBreadCrumb.vue`组件。
2025-01-12 11:18:50
132
原创 《Vue3笔记》第15节:Vue3项目实现管理后台左侧菜单栏的功能
前一个小节已经将管理后台首页面的布局结构搭建完成了,这个小节就来实现左侧菜单栏的功能界面。
2025-01-12 11:13:00
348
原创 《Vue3笔记》第14节:Vue3项目实现管理后台首页面布局
上一个小节内容完成了登录注册界面的功能界面,这个小节就来实现一下管理后台首页的布局界面。
2025-01-07 21:17:49
317
原创 《Vue3笔记》第13节:Vue3项目实现用户注册登录界面
前面几个小节已经介绍了Vue3项目环境的搭建,并且在项目中引入了Element Plus、VueRouter、Vuex、Axios等依赖,这个小节就来做一个登录注册界面。
2025-01-07 21:13:36
185
原创 《Vue3笔记》第12节:Vue3项目采用SVG方式引入图标文件
iconfont是阿里巴巴提供的一个图标素材库,这个图标库中有非常多的icon图标,可以直接搜索自己想要的图标,还支持调整颜色、大小、图标样式等等功能。
2024-12-30 08:45:00
232
原创 《Vue3笔记》第11节:Vue3项目引入Font Awesome图标库
这篇文章还是基于之前的代码之上,介绍Vue3项目中如何引入第三方的图标库。前一个小节介绍了如何引入中的图标库,但是中的图标很少,有可能不满足我们的需求,这个时候就需要使用第三方的图标库,这个小节介绍如何引入图标库。是一个第三方提供的图标库,v5版本提供了1820个图标,可以覆盖大部分的图标使用场景了,可以去官网查看有哪些图标。
2024-12-30 08:00:00
177
原创 SpringBoot引入jakarta.mail发送邮件报错:502 Invalid input from xxx to newxmesmtplogicsvrszc13-0.qq.com.
最近在做一个项目时候,需要做一个发送邮箱验证码的功能,于是引入了jakarta.mail依赖来实现发送邮件的功能,在这个过程中,遇到了三个报错问题,这里记录一下,方便大家查看解决。
2024-12-27 20:03:25
2397
原创 《Vue3笔记》第10节:Vue3项目引入Element Plus图标库
这篇文章基于之前的项目代码之上,介绍Vue3项目中如何引入Element Plus的图标库组件。
2024-12-27 19:47:56
338
rocketmq-dashboard-jdk17可视化管理工具【JDK17环境】
2023-12-28
rocketmq-dashboard可视化界面管理工具
2023-12-26
Java反编译工具(jd-gui)
2023-11-25
【JasperReports】报表开发工具jasper studio
2023-08-05
基于Python+xlrd+pymysql将excel数据导入到MySQL数据库的exe可执行文件
2023-08-02
PDFBox替换文本内容(PDFBox根据模板生成PDF文档)
2023-07-18
自定义数据字典工程模块
2023-06-18
基于vue2和element-ui实现的自定义分页表格组件
2023-06-11
redis集群模式配置文件
2023-04-16
可折叠组件(好友列表)小案例
2023-03-29
数据结构之栈和队列的代码实现(C语言)
2022-12-30
android实现APP应用引导页&启动页的功能源代码
2022-12-07
Android自定义Toast提示信息工具类
2022-10-23
Android实现一个简易版本的购物车小案例
2022-10-21
使用Android模拟实现微信首页功能
2022-07-17
android模拟实现QQ登录界面
2022-07-14
Vue3管理后台教程PDF笔记+源码
2025-06-03
itext7操作图片案例代码(旋转、平铺、自适应).rar
2024-07-10
Markdown编辑软件安装包(typora-setup-x64).rar
2024-06-14
SpringBoot多数据源配置(方式五:使用dynamic-datasource动态数据源插件).docx
2024-05-28
SpringBoot多数据源配置(方式二:在代码中动态切换需要使用哪个数据源).docx
2024-05-22
SpringBoot多数据源配置(方式三:基于AOP切面动态切换需要使用哪个数据源).docx
2024-05-23
SpringBoot多数据源配置(方式四:根据前端传递的数据库连接参数动态切换数据源).docx
2024-05-23
【Sql Server课程实验SQL代码及其答案】
2024-05-24
SpringBoot多数据源配置(方式一:配置多个mapper扫描不同的包路径实现多数据源配置).docx
2024-05-21
CentOS系统安装nginx服务及安装包(华为云耀服务器).rar
2024-05-10
CentOS系统nginx安装步骤(华为云耀服务器).docx
2024-05-10
Nginx转发WebSocket接口配置方式
2024-02-27
适用于Windows系统的nginx安装包(提供快速启动、停止脚本)
2024-02-27
停止线程和取消线程任务的案例代码
2024-01-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人