自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 在 Vue 中插入 B 站视频

在 Vue 项目中,有时我们需要嵌入 B 站视频来丰富页面内容,为用户提供更直观的信息展示。本文将详细介绍在 Vue 中插入 B 站视频的多种方法。使用<iframe>标签直接嵌入,<iframe>标签是一种简单直接的方式,可将 B 站视频嵌入到 Vue 页面中。

2025-05-18 20:10:32 646

原创 Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

本文介绍了如何使用 Spring Boot 框架结合 WxJava 工具包实现文章上传到微信公众号草稿箱及群发功能。首先,项目环境需要准备 JDK 1.8 及以上版本、IDE(如 IntelliJ IDEA 或 Eclipse)和 Maven 3.6 以上。微信公众号的 AppID 和 AppSecret 也需提前获取,并配置 IP 白名单。接着,通过 Spring Initializr 创建 Spring Boot 项目,并添加 WxJava 和 Jsoup 依赖。配置类 WeChatConfig 用于加

2025-05-15 10:37:05 901

原创 Vue实现不同网站之间的Cookie共享功能

最近有小伙伴在聊天室中提到这么一个需求,就是说希望用户在博客首页中登录了之后,可以跳转到管理系统去发布文章。这个需求的话就涉及到了不同网站之间cookie共享的功能,那么咱们就来试着解决一下这个功能。

2025-05-08 11:39:31 294

原创 SpringBoot整合SpringCache实现高效缓存管理

在现代应用开发中,缓存是提升系统性能的核心技术之一。Spring Cache作为Spring生态的缓存抽象层,提供统一的缓存操作接口。本文将通过完整示例演示SpringBoot项目如何整合Spring Cache。@Bean通过Spring Cache的抽象层,我们可以:✅ 快速集成多种缓存实现✅ 通过声明式注解管理缓存✅ 灵活配置缓存策略✅ 轻松切换缓存方案。

2025-03-18 10:19:45 487

原创 网页灯笼挂件特效

春节即将到来,很多网站都上线了新年的一些页面特效或者插画,咱的博客也不能落后了,所以就整了一个灯笼挂件的效果

2025-01-23 09:11:18 810

原创 解决 Cursor Too many free trial accounts used on this machine. Please upgrade to pro.

在使用 Cursor 这款软件时,不少用户遇到过 “Cursor Too many free trial accounts used on this machine. Please upgrade to pro.” 这样的提示,这意味着在当前设备上已经使用了过多的免费试用账户,系统限制了继续使用免费试用功能,建议用户升级到专业版。但是嘛咱们中国开发者秉承着能用免费的就绝不花钱的道理,所以就有大牛提供了一系列的解决办法。

2025-01-21 09:37:54 15693 11

原创 vue3中通过自定义指令实现loading加载效果

在现代Web开发中,提升用户体验一直是开发者们追求的目标之一。其中,一个常见的场景就是在用户与应用程序进行交互时,特别是当进行异步操作时(如网络请求),为用户提供即时的反馈,避免用户因为等待而感到困惑或不满。这通常通过显示一个加载指示器(通常称为Loading效果)来实现。本文将深入探讨如何在Vue 3中通过自定义指令的方式来实现Loading加载效果。自定义指令是Vue提供的一种强大工具,允许我们在Vue模板中附加自定义行为。

2024-05-13 15:55:02 3555 1

原创 接口请求重试的几种写法,你用哪种?

接口请求重试机制允许系统在遇到请求失败时自动进行重试,从而提高了请求的成功率,减少了因临时性故障导致的业务中断。然而,设计一个高效且合理的重试机制并不是一件简单的事情,需要考虑多个方面的因素,如重试策略、重试次数、重试间隔、异常处理等。大家通过本文可了解到常用的几种重试方法,并结合使用。如果说我们不想在项目里额外地引入一些重试的框架,自己定义一个重试工具类也是可以的,这是我在某个第三方提供的client-sdk里发现的一套重试工具类,比较轻量级,给大家分享一下。首先,定义一个实现了Callback。

2024-05-13 09:21:34 406

原创 Element-UI走马灯组件可通过鼠标滚轮切换

在数字化时代,用户界面的交互设计已经成为影响用户体验的重要因素之一。对于许多网站和应用而言,如何实现页面的流畅切换、提高用户操作的便捷性,成为了设计师和开发者们不断探索的课题。Element UI作为一款优秀的Vue.js组件库,提供了丰富的组件和工具,帮助开发者们快速构建出美观且功能强大的用户界面。其中,走马灯(Carousel)组件以其独特的展示方式和交互效果,受到了广大用户的喜爱。本文将重点探讨如何使用Element UI的走马灯组件,结合鼠标滚动事件,实现页面的流畅切换。

2024-04-29 17:45:34 1148

原创 Spring boot使用easy-es操作elasticsearch

Easy-ES是一个专为简化Elasticsearch操作而设计的强大工具。它封装了Elasticsearch的复杂功能,让开发者无需深入了解底层细节,即可轻松实现数据的搜索、索引、更新和删除等操作。

2024-04-23 10:41:59 2266 1

转载 vue3配置按需导入和自动导入

unplugin-vue-components插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件);使用此插件后,不需要手动编写import { Button } from 'ant-design-vue’这样的代码了,插件会自动识别template中使用的自定义组件并自动注册。

2024-04-17 16:22:18 2023

原创 Spring Cloud的gateway之动态路由

最近在项目中碰到这样一个需求,我们公司需要在中台系统中,添加一个gateway的动态路由添加功能。就是说要在中台系统里添加一条数据,这条数据对应一个gateway路由,然后gateway服务就需要把这个路由加进去,不然的话这个路由就访问不到,由于是动态,所以gateway服务的配置文件路由不能写死,浏览了一些文章后,才发现有动态路由这个功能,果然活到老学到老啊兄弟们,既然这么牛皮那不得给大家安排一下,话不多说,看教程。

2024-04-11 16:18:29 666 1

原创 SpringBoot验证码之hutool-captcha

现在的网站登录页面中都会有一个输入验证码的功能,以此来避免脚本来刷接口,而这种验证码图片也通常都是后端来提供base64编码来返回给前端的,那么我们就使用hutool工具类中的验证码功能来随机生成base64的验证码。

2024-04-09 11:19:56 886

原创 宝塔部署jar包后,静态文件无法访问的问题

今天突然发现后台管理的druid监控竟然获取不到druid的样式文件了,在本地测试都好好的,然后就想到应该是用宝塔部署后导致的问题所在,然后一查果然就是这个原因引起的。通过查看宝塔站点的配置文件看到js、css、jpg等资源都没有代理到我们的后端接口。所以我们需要手动改一下文件,进行配置代理。

2024-04-03 17:13:19 525

原创 Vue项目进行Seo优化

大家都知道本项目是由vue写的,由于vue是单页面的,所以对于seo优化来讲并不是很友好,蜘蛛只能抓取首页,但是呢,虽然流量没有多少,但我们的seo还是要做一做的,毕竟有seo才能吸引到更多的用户访问。

2024-03-27 08:55:02 3675 1

原创 Linux使用宝塔部署jar

在linux系统中使用宝塔部署jar包,简单方便

2024-03-25 16:18:18 727 1

原创 Vue3中常用的一些方法使用手册

在vue3中我们想要引入一些子组件的话直接导入即可,不需要在使用compoment包裹。

2024-03-21 10:35:50 700 1

原创 通过宝塔面板如何把vue项目部署服务器上

首先我们把准备好的vue项目进行打包:输入命令:npm run build 生成dist文件。点击上传,上传目录,选择dist文件,点击开始上传。

2024-02-21 15:01:33 1800 1

原创 小程序分享页面转发给朋友是灰色如何处理

在微信小程序中,将小程序转发给我朋友,发现转发到朋友圈是灰色的。

2024-01-17 14:32:40 10123

原创 css网页变灰

【代码】css网页变灰。

2023-12-15 17:52:22 418

原创 vue 实现滚动到顶部

在网站中滚动到顶部的功能是都需要的,不然你数据多,划到了最底下,你还得滚动鼠标划上去,要是我就当场吐血,所以各大网站就都会加一个滚动到顶部的按钮直接一键滚动。那么如何在网站中简单粗暴实现一个滚动到顶部的功能。请看代码data() {return {showBtn: false, // 回到顶部,默认是false,就是隐藏起来},toTop() {},上面的>200代表窗口超过body页面的200像素时显示回到顶部按钮// 四舍五入取整这里的代码可以实现显示滚动到页面的百分比数值。

2023-09-26 17:13:51 869

原创 Mysql 更新指定字段部分字符替换

通常我们有时候需要去修改mysql表中某个字段中的某个字符,就拿网站地址来讲,如修改要把http修改成https,这个时候如果不用sql语句的话就得一个个的手动去替换,这样一旦出现修改错了就会导致这个地址无法访问,而且也不说错不错,如果数据多手动修改也是个麻烦事。所以我们可以通过sql语句来一次性修改,而且也无差错。

2023-09-20 17:16:51 1090 2

原创 Linux中安装nginx

执行完以上步骤后会在/usr/local下出现nginx文件夹,进入到nginx文件中的sbin目录中,执行以下命令启动。其中/usr/local/nginx是指定安装位置,可自行修改。将压缩包上传至linux服务器中,推荐使用。, 该软件操作简单可直接上传和下载文件。

2023-09-19 14:03:38 114

原创 Spring Cloud的gateway之动态路由

最近在项目中碰到这样一个需求,我们公司需要在中台系统中,添加一个gateway的动态路由添加功能。就是说要在中台系统里添加一条数据,这条数据对应一个gateway路由,然后gateway服务就需要把这个路由加进去,不然的话这个路由就访问不到,由于是动态,所以gateway服务的配置文件路由不能写死,浏览了一些文章后,才发现有动态路由这个功能,果然活到老学到老啊兄弟们,既然这么牛皮那不得给大家安排一下,话不多说,看教程。

2023-09-08 11:08:30 265 1

原创 vue中实现图片懒加载之vue-lazyload

通常在一些大型网站中可以看到图片都是根据你的可视窗口去慢加载,这一般都是当你滚动到这张图片时才会加载出来给你显示。这样做的好处大家应该都知道,如果比如是一个图片网站,直接一次性给你加载全部图片,在数据量大的情况下,就会导致这个网站速度很慢,说不定也会导致你的浏览器崩溃哦。所以这些网站都会用到懒加载。然后在vue中我们可以使用vue-lazyload插件来实现此功能。

2023-09-07 13:26:16 380 1

原创 vue 实现随机创建颜色

在vue中实现随机创建一个颜色,就如网站中的标签墙一样。

2023-08-28 10:49:35 1090

原创 mysql多表联查使用排序之后执行速度变慢

经常在开发中会对数据库表进行多表关联查询,同时也会根据字段排序,在实际开发中根据时间字段排序是经常会出现的,在数据量少的情况下通常不会发现查询速度慢的问题,一旦数据变多就会发现查询起来的速度很慢,就好比今天我就接到一个需求就是优化查询,一开始以为只是多表关联查询引起的,结果发现是时间排序导致的,就如下图加了时间排序时的语句和执行时间select可以看到所花费足足10秒多去掉时间排序后select可以看到一秒不到就执行完了,由此可见执行慢就是时间排序引起的问题,那么如何解决呢。

2023-08-24 16:25:31 1841 2

原创 vue 中js文件使用elmentui的消息通知

在vue中我们提示错误消息通常都是在axios调用后.catch来使用this.messageerror来显示错误消息,但是这样就会导致每个请求都需要写一遍catch就很臃肿,所以我们可以在requestjs中来全局使用,但是呢,自定义的js文件无法使用this。

2023-08-16 09:57:29 353 1

原创 springboot实现自定义注解限流

springboot实现自定义注解限流

2023-07-27 11:05:16 143 1

原创 spring boot微信公众号关键词自动回复

今天主要给大家讲一下如何实现微信公众号关键词的自动回复功能,进行人机识别,需要关注公众号回复验证码获取到验证码从而展示文章内容,,具体效果如下图。

2023-06-29 17:51:25 561 1

原创 springboot获取七牛云bucket下的所有文件列表

该文讲述如何获取七牛云bucket下的所有文件列表,前提是要引入了七牛云相关的依赖,这里就不在进行依赖引入介绍了。

2023-05-15 11:19:28 844 1

原创 springboot自定义注解实现token认证功能

springboot 使用自定义注解实现token登录认证功能

2023-05-10 13:45:04 404 1

原创 使用nginx配置https访问

大家好,我是拾壹本文主要介绍的是项目如何部署成https访问,当然前提是你们服务器使用的是nginx进行代理的。1.去腾讯云或阿里云申请ssl证书2.当签发了证书之后下载证书,我使用的是nginx,所以这里下载的是nginx证书,如图:3.查看nginx是否安装了with-http_ssl_module进入到你的nginx安装目录下面,我的目录是在(/usr/local/nginx),进入到目录的sbin目录下,输入#注意这里是大写的V,小写的只显示版本号./nginx -V

2022-05-13 10:08:28 1142

原创 linux使用docker安装redis

大家好,我是拾壹前言大家在项目开发中redis是必不可少的,很多人都会使用redis,但是安装就可能需要百度了,我自己也是一到每次需要安装redis的时候就要开始百度了,但如果每次都是复制粘贴的话我感觉是记不住的。所以为了自己能够时刻复习就决定写一篇文章来记录安装过程。1.搜索redis版本docker search redis2.拉取镜像docker pull redis该命令是拉取最新版的redis,如需安装指定版本的就根据上面命令查出来的结果,选择一个版本替换其中的redis即可,

2022-04-18 10:59:13 1554

原创 sql进行Order by排序再进行分页limit取值会出现重复显示问题

在实际开发中遇到一个有趣的问题,有关数据库order by排序不唯一,导致分页出现重复数据问题。项目中需要对创建时间进行降序查询,每页显示3条初始查询:select * from material WHERE 1=1 and status = 2 order by create_time desc LIMIT 3,3;再进行查询下一页时会出现重复的数据select * from material WHERE 1=1 and status = 2 order by create_time desc

2020-10-22 11:41:47 499

空空如也

空空如也

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

TA关注的人

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