- 博客(600)
- 资源 (7)
- 收藏
- 关注
原创 《Vue3笔记》第28节:Vue3项目调整侧边菜单栏的背景色
前一个小节的内容中,已经介绍了如何实现用户的注销功能。这个小节来学习一下,如何调整侧边菜单栏的背景颜色,之前实现的侧边栏的是白色的样式,但有些可能喜欢黑色系列的,所以这里来学习一下,如何调整<el-menu>菜单栏的背景样式。
2025-02-06 10:50:36
75
原创 《Vue3笔记》第27节:Vue3项目实现用户注销登录的功能
前一个小节的内容中,已经介绍了如何实现多级菜单的功能。这个小节来学习一下,如何实现用户注销登录的功能。
2025-02-02 10:19:26
57
原创 《Vue3笔记》第26节:Vue3项目实现多层级菜单功能
前一个小节的内容中,已经介绍了如何实现面包屑导航的功能。这个小节基于之前动态菜单的基础之上,添加多层级菜单的显示功能。在之前做的动态菜单中,会存在一个bug,那就是如果菜单层级超过2级,此时,菜单渲染就会报错,从而导致无法使用。这个小节就来解决多层级菜单的这个问题。
2025-01-29 17:03:01
205
原创 《Vue3笔记》第25节:Vue3项目切换路由更新面包屑导航提示信息
前一个小节的内容中,已经介绍了动态加载菜单以及如何解决页面刷新后菜单白屏的问题。这个小节来学习一下,如何实现切换菜单,更新面包屑导航提示信息的功能。
2025-01-29 16:59:39
105
原创 《Vue3笔记》第24节:Vue3项目解决页面刷新后路由菜单出现白屏的问题
前一个小节的内容中,已经介绍了如何动态加载菜单,虽然功能实现了,但是你会发现,当页面刷新的时候,此时访问的路由菜单会出现白屏的效果。当我们访问某个菜单之后,此时刷新一下页面,这个时候访问的路由菜单就会白屏(空白页面),或者跳转到指定的404页面),效果就如下图所示:**那么,为什么页面刷新之后,我们访问的路由菜单会出现白屏效果呢?**下面就来看下这个问题的根本原因吧。
2025-01-28 19:14:18
263
原创 《Vue3笔记》第23节:Vue3项目中实现菜单数据的动态加载
前一个小节的内容中,介绍了如何控制访问页面的权限,这个小节来学习一下,如何动态地加载菜单数据。在实际开发过程中,用户能够看到的菜单数据,都是通过调用后端接口获取的,当用户登录成功之后,调用接口获取到用户所属的菜单信息,然后动态加载并显示出这些路由菜单。
2025-01-28 19:12:58
67
原创 《Vue3笔记》第22节:Vue3项目控制访问页面的权限
前一个小节的内容中,介绍了NProgress加载进度条插件的使用,这个小节来学习一下,如何控制界面的访问权限。
2025-01-27 14:44:57
386
原创 《Vue3笔记》第21节:Vue3项目引入NProgress加载进度条插件
前一个小节的内容中,介绍了如何全局设置滚动条的样式,这个小节来学习一个进度条插件,插件名称叫做NProgress,使用这个插件可以很方便实现进度加载的功能。
2025-01-27 14:42:56
137
原创 《Vue3笔记》第20节:Vue3项目全局设置滚动条样式
前一个小节的内容中介绍了如何实现折叠和展开侧边栏的功能,这个小节来学习一下,如何全局设置滚动条的样式。
2025-01-25 08:23:19
254
原创 《Vue3笔记》第19节:Vue3项目实现点击图标折叠和展开侧边栏的功能
前一个小节的内容介绍了重新加载组件的功能,以及如何设置组件过渡动画。这个小节来学习一下,如何实现管理后台布局中,侧边菜单栏折叠和展开的功能。
2025-01-25 08:20:49
161
原创 《Vue3笔记》第18节:Vue3项目实现点击刷新图标重新加载组件界面
前一个小节的内容中已经实现了管理后台全屏显示的功能,这个小节来实现重新加载组件的效果,要实现的功能是:点击头部信息栏中的刷新图标,要重新加载当前显示的组件界面,并且还要给组件加上了过渡动画的效果。
2025-01-22 22:39:06
102
原创 《Vue3笔记》第17节:Vue3项目实现点击图标进入全屏显示的功能
前一个小节内容中,已经将管理后台首页面的头部信息栏实现了,这个小节来看下如何实现点击图标,实现全屏显示、退出全屏显示的功能。
2025-01-22 22:35:06
217
原创 《Vue3笔记》第16节:Vue3项目实现管理后台头部信息栏的功能
前一个小节的内容中,已经将管理后台左侧菜单栏的功能实现了,这个小节来实现管理后台首页面中的头部信息栏。实际开发中,管理后台首页面的头部信息栏,一般会显示用户头像、个人中心、退出登录、全屏展示等功能,这些都可以根据实际的需要来添加。针对头部信息栏中的内容,可以拆分成不同的组件进行实现,我这里是这样做的,针对上面要显示的图标,新建了一个`VIcon.vue`组件,右侧头像信息新建了一个`VProfile.vue`组件,当前显示的菜单路径新建了一个`VBreadCrumb.vue`组件。
2025-01-12 11:18:50
91
原创 《Vue3笔记》第15节:Vue3项目实现管理后台左侧菜单栏的功能
前一个小节已经将管理后台首页面的布局结构搭建完成了,这个小节就来实现左侧菜单栏的功能界面。
2025-01-12 11:13:00
292
原创 《Vue3笔记》第14节:Vue3项目实现管理后台首页面布局
上一个小节内容完成了登录注册界面的功能界面,这个小节就来实现一下管理后台首页的布局界面。
2025-01-07 21:17:49
260
原创 《Vue3笔记》第13节:Vue3项目实现用户注册登录界面
前面几个小节已经介绍了Vue3项目环境的搭建,并且在项目中引入了Element Plus、VueRouter、Vuex、Axios等依赖,这个小节就来做一个登录注册界面。
2025-01-07 21:13:36
128
原创 《Vue3笔记》第12节:Vue3项目采用SVG方式引入图标文件
iconfont是阿里巴巴提供的一个图标素材库,这个图标库中有非常多的icon图标,可以直接搜索自己想要的图标,还支持调整颜色、大小、图标样式等等功能。
2024-12-30 08:45:00
193
原创 《Vue3笔记》第11节:Vue3项目引入Font Awesome图标库
这篇文章还是基于之前的代码之上,介绍Vue3项目中如何引入第三方的图标库。前一个小节介绍了如何引入中的图标库,但是中的图标很少,有可能不满足我们的需求,这个时候就需要使用第三方的图标库,这个小节介绍如何引入图标库。是一个第三方提供的图标库,v5版本提供了1820个图标,可以覆盖大部分的图标使用场景了,可以去官网查看有哪些图标。
2024-12-30 08:00:00
114
原创 SpringBoot引入jakarta.mail发送邮件报错:502 Invalid input from xxx to newxmesmtplogicsvrszc13-0.qq.com.
最近在做一个项目时候,需要做一个发送邮箱验证码的功能,于是引入了jakarta.mail依赖来实现发送邮件的功能,在这个过程中,遇到了三个报错问题,这里记录一下,方便大家查看解决。
2024-12-27 20:03:25
2178
原创 《Vue3笔记》第10节:Vue3项目引入Element Plus图标库
这篇文章基于之前的项目代码之上,介绍Vue3项目中如何引入Element Plus的图标库组件。
2024-12-27 19:47:56
253
原创 《Vue3笔记》第09节:Vue3项目引入vue-cropper实现图片裁剪
这篇文章基于之前小节的代码之上,介绍项目中如何引入插件,实现图片的裁剪功能。先来看看这个小节中要实现的功能效果,下图是基于插件之上,实现图片裁剪的运行效果:要实现图片裁剪的功能,需要引入第三方的依赖,例如:插件,这个小节就使用插件实现图片的裁剪功能。首先需要安装的依赖,如下所示:执行成功,就可以在文件中,查看到相应的依赖和版本信息。为了方便在项目中使用图片裁剪的功能,这里基于组件之上,自定义封装一个图片裁剪组件。在目录下,创建一个目录,用于存放图片裁剪组件,在目录下面新建一
2024-12-24 20:52:09
304
原创 《Vue3笔记》第08节:Vue3基于Element Plus自定义表单组件
`props`是`Vue`中提供的一个用于父组件向子组件传递数据的属性,在`Vue3`组合式API中,需要使用`defineProps()`进行定义,然后在这个方法中定义父组件要向子组件中传递的数据属性名称。案例代码如下所示:`props`是`Vue`中提供的一个用于父组件向子组件传递数据的属性,在`Vue3`组合式API中,需要使用`defineProps()`进行定义,然后在这个方法中定义父组件要向子组件中传递的数据属性名称。案例代码如下所示:
2024-12-24 20:20:00
49
原创 《Vue3笔记》第07节:Vue3基于ElementPlus自定义dialog组件
前面已经介绍了`Vue3`项目基础开发环境的搭建,以及引入`Element Plus`、`VueRouter`、`Axios`、`Vuex`四个插件,这个小节基于`Element Plus`组件库的基础之上,自定义一个`dialog`弹出框组件。`Vue3`中要自定义一个组件,需要学会这几个知识点:`父子组件通信`、`props属性`的使用、`emits事件`的使用、`watch监听`数据变化。这些都是自定义组件中会使用到的一些知识点,下面来简单学习一下。
2024-12-20 08:45:00
628
原创 《Vue3笔记》第06节:Vue3项目引入Vuex状态管理插件
这篇文章基于前一个小节的代码基础之上,介绍项目中如何引入状态管理插件。Vuex是一个专门为应用程序提供状态管理的插件,首先需要安装的依赖:
2024-12-20 07:45:00
568
原创 《Vue3笔记》第05节:Vue3项目引入Axios插件实现网络通信
这篇文章基于前一个小节的代码基础之上,介绍如何在Vue3项目中引入Axios插件实现网络通信的功能。
2024-12-17 08:45:00
787
原创 《Vue3笔记》第04节:VueRouter路由组件的用法介绍
这篇文章在前一个小节的代码基础之上,介绍一下如何使用VueRouter路由组件相关的功能。
2024-12-17 07:00:00
989
原创 《Vue3笔记》第03节:Vue3项目引入VueRouter路由组件
这篇文章基于前一个小节的代码基础之上,介绍如何在Vue3项目中引入VueRouter路由组件。
2024-12-15 09:15:00
767
原创 《Vue3笔记》第02节:Vue3项目引入ElementPlus组件库
这篇文章在前一个小节的代码基础之上,介绍如何在Vue3项目中引入Element Plus组件库和图标库。
2024-12-15 07:15:00
617
原创 【ElementPlus】修改Element Plus中部分组件的原有样式,包含:el-input、el-select、el-dialog、el-drawer等组件样式
el-input、el-select、el-dialog等组件中,边框的样式都是带有圆角的,对我来说,我不太喜欢圆角的样式,更喜欢正常的边框,正方形看起来更舒服,所以就需要修改组件的原有样式,可以使用下面代码修改原有样式。这种方式其实是直接获取到header标签,然后直接修改header标签的样式。
2024-12-14 19:18:30
637
原创 【软件安装】VMware Workstation Pro 17.5.2桌面虚拟机软件,终于提供免费的版本了
VMware Workstation Pro 17.5.2桌面虚拟机软件,终于提供免费的版本了,一起来看看如何下载和安装吧!
2024-12-14 13:54:17
2024
原创 SpringMVC部署后访问出现404,控制台报错:StandardContext.loadOnStartup web应用程序[]中的Servlet[springMVC]引发了load()异常
出现上面问题的根本原因是:SpringMVC程序是部署到Tomcat容器里面的,在IDEA中部署war的时候,需要将spring-webmvc相关的依赖一起引入工程里面,否则打包的时候,是不会将spring-webmvc相关的jar包部署到Tomcat里面的。我一想,难道是没有依赖没有引入吗,查看pom.xml文件也没问题,是有引入spring-webmvc这个依赖的。想着难道是哪里配置错了吗,检查了一下各个配置项,发现没问题,怎么就一直404呢?但是,在浏览器访问某个接口的时候,这个时候一直提示404,
2024-12-12 20:55:43
760
原创 【软件安装】Linux服务器中部署gitlab-runner实现CICD流水线
gitlab-runner是gitlab提供的一个执行器,通过【gitlab + gitlab-runner】可以实现项目的自动化构建和部署,即:CICD。所以阅读这篇文章之前,请先确保你已经安装好了GitLab代码仓库的服务。gitlab-runner会访问GitLab代码仓库,拉取代码,然后对代码进行构建、打包、部署等一系列的操作,这些操作是在你的工程中的【gitlab-ci.yml】配置文件中指定的。
2024-12-05 21:48:12
1607
1
原创 引入redis启动报错:ClassNotFoundException: org.springframework.data.redis.serializer.RedisSerializer
上面报错是说,找不到org.springframework.data.redis.serializer.RedisSerializer这个类,这个是spring-boot-starter-data-redis依赖中提供的类,但是我明明已经引入了依赖呀,怎么还是提示这个问题,重新检查了一下工程依赖,配置信息等,发现都应该是正确的。出现上面这个问题的原因是:聚合工程模式下,当IDEA引入新的依赖之后,必须重新执行clean、install命令,确保本地仓库中的jar包是最新的,就这样,我这个问题就解决了。
2024-11-21 20:22:31
305
1
原创 【Vue笔记】基于vue3 + element-plus + el-dialog封装一个自定义的dialog弹出窗口组件
v-model模式下,默认的属性名称是【modelValue】,可以省略不写,这种方式下,只需要在使用组件的时候,直接写【v-model】就可以实现数据的双向绑定。如果你想自定义属性名称,那么你就必须使用【v-model:属性名称】的格式来进行数据的双向绑定,这种模式下,必须指定属性名称,要和子组件中的props属性名称相同,另外emits发送事件的时候,也要使用【emits("update:属性名称")】这种格式,这样才可以完成数据的双向绑定。
2024-11-19 12:44:14
1093
1
原创 vue3项目中使用element-plus组件出现警告信息:Runtime directive used on component with non-element root node.
出现上面警告信息的原因是:我使用了el-skeleton自定义了一个skeleton-text组件,然后将这个组件使用到了el-tooltip组件里面,就导致这个报错了。警告提示信息是说,缺少了root根元素,那么我们就可以自己使用div当做根元素,这样就可以解决这个警告问题了。到此,xxx问题就解决啦。
2024-11-17 11:52:32
1263
1
原创 【web前端笔记】vue3 + vite的前端项目中,使用import.meta.glob()方法实现全局注册组件的通用代码
这篇文章介绍一下,在vue3和vite搭建的项目中,如何将【src/components】目录下所有的【*.vue】文件,当做一个组件全局注册到Vue对象里面。
2024-11-16 22:21:54
517
原创 自定义滚动条样式,全局配置CSS样式代码,有需要的直接复制黏贴就可以使用了
今天在做一个前端小项目,想着浏览器自带的滚动条太丑了,于是,就百度了一下,如何自定义浏览器滚动条样式。
2024-11-15 21:21:05
81
原创 百度文心智能体:巧用汉字笔画生成与汉字搜索插件,打造一个学习汉字的教育类智能体
最近,我使用百度文心智能体平台,制作了一个教育类智能体,我把这个智能体名称叫做【汉字教师】,它的主要作用就是能够为用户解释单个汉字的读音、释义、组词、笔画顺序和结构信息等内容。
2024-11-03 21:00:26
1375
原创 【IDEA插件】1024程序员节2024,推荐几款实用的IDEA开发插件,助你提高开发效率,愿你代码无Bug。
MyBatisX是一个针对MyBatis中XML映射文件和Mapper接口之间,实现快速定位的插件,在XML映射文件里面,可以点击MyBatis图标,快速定位到Mapper接口方法位置,也可以在Mapper接口方法位置,点击MyBatis图标,快速定位到XML映射文件对应位置。Lombok插件可以说大家应该都非常熟悉了吧,这可以setter和getter方法的大救星了,使用这个插件之后,在Java实体类中,就不再需要写那些setter和getter方法了,这让Java代码看起来就非常简洁了,
2024-10-24 23:59:51
1297
itext7操作图片案例代码(旋转、平铺、自适应).rar
2024-07-10
Markdown编辑软件安装包(typora-setup-x64).rar
2024-06-14
SpringBoot多数据源配置(方式五:使用dynamic-datasource动态数据源插件).docx
2024-05-28
【Sql Server课程实验SQL代码及其答案】
2024-05-24
SpringBoot多数据源配置(方式四:根据前端传递的数据库连接参数动态切换数据源).docx
2024-05-23
SpringBoot多数据源配置(方式三:基于AOP切面动态切换需要使用哪个数据源).docx
2024-05-23
SpringBoot多数据源配置(方式二:在代码中动态切换需要使用哪个数据源).docx
2024-05-22
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
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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人