自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前后端分离模式下验证码实现

一、前言验证码,主要用于防刷,特别是注册页面。如果没有防刷机制,攻击者可以通过爬虫等技术,批量注册空虚的用户。二、正文前端使用 Vue,并借助 ElementUI 简单美化页面;后端使用 SpringBoot,并借助 Kaptcha 生成验证码。1.思路①用户进入 web 页面,前端请求后端生成一幅带验证码图片给前端②后端生成图片的同时,将图片中的正确验证码 rightCode 存到Redis中,key 为用户的ip,value 为正确码,有效时间 几分钟(MySQL 也行,不过不如 Redi

2020-05-13 17:53:02 6176 4

原创 使用 纳米级 加载进度条 NProgress 增强网页交互感

一、前言最近想给页面加载请求加个进度条,让用户感知自己的操作产生的影响以及进度如何。自己写比较费劲,而网上肯定有很多成熟的插件。NProgress,自称可以达到 Google, YouTube, and Medium 等知名应用的进度加载条同样的效果,笔者看了试了试,确实如此,故写本文分享这个趣味十足的插件。官方体验地址:https://ricostacruz.com/nprogress/...

2020-05-06 18:02:35 600

原创 如何在vue项目中增加网页logo

一、前言vue项目中增加网页,操作很简单,就能达到效果:一张图片 + 一行代码 。二、正文本项目是基于 ElementUI 的 element-starter,以做更好的演示。1.代码就增加了如下的代码<link rel="icon" href="../img/MyLogo.png">注意在项目的根目录下,新建一个文件夹如 img,logo 的图片从里边获取,不要在 ...

2020-05-05 11:44:43 4945

原创 SpringDataRedis 中自定义多个 RedisTemplate 实现 Redis 多数据源切换使用

一、前言目前前端堆后端的接口调用,流行携带 token 的无状态 http 请求,token是一种具有有效期的字符串,使用 Redis 来存取,可以说是无缝对接。而 token 有多种类型,如普通用户端的 userToken、管理员端的 adminToken,须分库进行存储(Redis默认 16 个库),这对权限认证区分时会用到,这就涉及到 SpringDataRedis 数据库切换的问题。二...

2020-05-04 12:04:05 3334 3

原创 使用 Docker 快速安装使用 MongoDB

一、前言Docker 的开箱即用功能,给运维带来极大的便利,公司线上环境也大量地使用了 Docker,弹性计算的思想应用得淋漓尽致。最近只要是涉及服务器环境安装的操作(如安装 MySQL、ElasticSearch…),笔者都会下意思地先试试 Docker,替换原先冗余繁杂的操作,顺应技术的历史潮流。使用 Docker 快速安装使用 MySQL使用 Docker 快速安装使用 Elast...

2020-05-02 09:52:14 413

空空如也

空空如也

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

TA关注的人

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