kaptcha-spring-boot-starter使用

最新推荐文章于 2024-05-11 16:14:28 发布
最新推荐文章于 2024-05-11 16:14:28 发布
阅读量1.4k 收藏
点赞数
分类专栏： SpringBoot 文章标签： kaptcha spring-boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43026811/article/details/102467029
版权

kaptcha-spring-boot-starter使用

官方git

kaptcha-spring-boot-starter

example

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyShop——登录</title>
    <link rel="stylesheet" type="text/css" href="../static/assets/css/index.css" th:href="@{/assets/css/index.css}">
    <link rel="stylesheet" type="text/css" href="../static/assets/css/ziy.css" th:href="@{/assets/css/ziy.css}">
</head>
<body>
<div class="beij_center">
    <div class="dengl_logo">
        <img src="../static/assets/images/logo_1.png" th:src="@{/assets/images/logo_1.png}">
        <h1>欢迎登录</h1>
    </div>
</div>
<div class="dengl_beij">

    <div class="banner_xin">
        <img src="../static/assets/images/ss.jpg" th:src="@{/assets/images/ss.jpg}">
    </div>
    <div class="beij_center dengl_jvz">
        <div class="login_form">
            <div class="login_tab">
                <h2>欢迎登录</h2>
                <div class="dengl_erwm">
                    <a href="#"><img src="../static/assets/images/er_wm.png" th:src="@{/assets/images/er_wm.png}"></a>
                    <div class="tanc_erwm_kuang">
                        <img src="../static/assets/images/mb_wangid.png" th:src="@{/assets/images/mb_wangid.png}">
                        <div class="qrcode_panel">
                            <ul>
                                <li class="fore1">
                                    <span>打开</span>
                                    <a href="#" target="_blank"> <span class="red">手机MyShop</span></a>
                                </li>
                                <li>扫描二维码</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kengl_kuang">
                <div id="loginMsg" th:if="${message} != null">
                    <div class="red" th:utext="${message}"></div>
                </div>
                <div class="red" id="kaptchaMsg"></div>
                <form th:action="@{/login}" method="post" onsubmit="return checkCode()">
                    <div class="txt_kuang">
                        <input id="email" name="email" class="itxt"  placeholder="邮箱/用户名/已验证手机">
                        <input type="password" name="password" class="itxt"  placeholder="密码">
                        <input id="verification" name="verification" type="text" class="itxt" placeholder="验证码">
                        <img id="validateCode" src="/kaptcha/render" th:src="@{/kaptcha/render}" style="float: right; padding-right: 23px; cursor: pointer;" title="看不清？换一张" />
                    </div>
                    <div class="remember">
                        <div class="fl">
                            <input type="checkbox" >
                            <label>自动登录</label>
                        </div>
                        <div class="fr">
                            <a href="#" class="fl" target="_blank" title="忘记密码">忘记密码?</a>
                        </div>
                    </div>
                    <input type="submit" tabindex="5" value="登 录" class="btnnuw">
                </form>
            </div>
            <div class="corp_login">
                <div class="mingb_shoq"><a href="#">名榜授权登录！</a></div>
                <div class="regist_link"><a href="zhuc.html" target="_blank"><b></b>立即注册</a></div>
            </div>
        </div>
    </div>
</div>


<div class="jianj_dib">
    <div class="beia_hao">
        <p>京ICP备：123456789号  </p>
        <p class="gonga_bei">京公网安备：123456789号</p>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(function () {
        // 刷新验证码
        $("#validateCode").bind("click", function () {
            $(this).hide().attr('src', '/kaptcha/render?' + Math.random()).fadeIn();
        });
    });
    function checkCode() {
        var code = $("#verification").val();
        var result = false;
        $.ajax({
            url: "/kaptcha/valid",
            type: "POST",
            data: {"code": code},
            async: false,
            success: function (msg) {
                if(msg.length == 0){
                    result = true;

                }else{
                    $("#kaptchaMsg").html(msg);
                    $("#loginMsg").hide();
                }
            }
        });
        return result;
    }
</script>
</body>
</html>
随便OCE
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
recaptcha-spring-boot-starter：Google的reCAPTCHA的Spring Boot启动器
01-30
reCAPTCHA Spring Boot入门 要使用启动程序，您将需要一个reCAPTCHA站点密钥和一个秘密密钥。 要获取它们，请转到并设置您的reCAPTCHA。 正在安装 repositories { mavenCentral() } dependencies { compile group : ' com.github.mkopylec ' , name : ' recaptcha-spring-boot-starter ' , version : ' 2.3.1 ' } 如何使用 该启动器可以在3种不同的模式下使用： 正常的Web应用程序使用 在HTML网页中嵌入reCAPTCHA： < html > < head > < script src =" https://www.google.com/recaptcha/api.js " async defer > </ script > ... </ head > < body > < form action =" / " method =" post " > < div class
kaptcha-spring-boot-starter-master.zip
09-04
基于 SpringBoot Google Kaptcha 验证码 快速启动器！
springboot整合captcha图形验证码
weixin_53710352的博客
09-23 325
整合captcha图形验证码的基本配置和使用
SpringBoot+Vue实现图片滑块和文字点击验证码
最新发布
weixin_39311781的博客
05-11 1676
一、背景 1.1 概述 传统字符型验证码展示-填写字符-比对答案的流程，目前已可被机器暴力破解，应用程序容易被自动化脚本和机器人攻击。 摒弃传统字符型验证码，采用行为验证码采用嵌入式集成方式，接入方便，安全，高效。验证码展示-采集用户行为-分析用户行为流程，用户只需要产生指定的行为轨迹，不需要键盘手动输入，极大优化了传统验证码用户体验不佳的问题；同时，快速、准确的返回人机判定结果。 1.2 应用场景 网站登录：保护用户账号免受非法登录尝试 在线表单提交：避免垃圾邮件和恶意数据填充 论坛或社区：防止机器
通过Kaptcha初步学习Spring boot starter的原理
u010968350的博客
01-21 717
``` //@Configuration //public class KaptchaConfig { // @Value("${youkol.web.kaptcha.config.kaptcha.image.width}") // private String width; // @Value("${youkol.web.kaptcha.config.kaptcha.image.height}") // private String height; // @Value("$...
【造个轮子系列】之自定义验证码的 springboot starter
小哥哥的博客
05-20 1272
前言 springboot很好用的原因之一就是它本身封装了好多starter，拿来就可以用，不用像SSM那样配置好多。所以，我们也可以自定义一个starter，造个小轮子，自己用。我就以验证码为例子。 一、工厂模式 验证码的样式多种多样，有静态的PNG格式的，有动态的GIF格式的。还有它的高度、宽度，字符串的长度也都可以改变。所以我们可以使用java设计模式中的工厂模式来生成不同的验证码。 ...
kaptcha的和springboot一起使用的简单例子
bellus
02-09 6789
kaptcha介绍 验证码（CAPTCHA）是“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）的缩写，是一种区分用户是计算机还是人的公共全自动程序。可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登...
aliyun-sms-spring-boot-starter-2.0.2-API文档-中文版.zip
03-30
赠送jar包：aliyun-sms-spring-boot-starter-2.0.2.jar 赠送原API文档：aliyun-sms-spring-boot-starter-2.0.2-javadoc.jar 赠送源代码：aliyun-sms-spring-boot-starter-2.0.2-sources.jar 包含翻译后的API文档...
netty-spring-boot-starter:Netty与Spring Boot集成
03-19
netty-spring-boot-starter 基于Netty的Spring Boot Starter工程。 介绍 支持TCP长连接消息转发到Spring容器 支持自定义消息枚举类（ CommandController ， CommandMapping ） 支持自定义通信协议解析（ ...
rocketmq-spring-boot-starter：RocketMQ的Spring Boot启动器
01-30
RocketMQ的Spring启动启动器 项目介绍 ... < artifactId> spring - boot - starter - rocketmq < / artifactId > < version> 0.1 . 0 < / version > < / dependency > 2.添加配置： spring :
基于springboot行为滑块验证码tianai-captcha的快速启动器.zip
05-05
上手 <!-- maven导入 --> <dependency> <groupId>cloud.tianai.captcha</groupId> <artifactId>tianai-captcha-springboot-starter</artifactId> <version>1.4.1</version> </dependency> 注解版风格 package cloud.tianai.captcha.readme; import cloud.tianai.captcha.spring.annotation.Captcha; import cloud.tianai.captcha.spring.request.CaptchaRequest; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.ann
rocketmq-spring-boot-starter：rocketmq-spring-boot-starter
01-30
rocketmq-spring-boot-starter 阿里云RocketMQSpring图书版支持功能： 发送普通消息的三种模式：同步，异步和单向 订阅消息群集，广播 发送和接收顺序消息 交易讯息 延迟讯息 接收和接收定时消息定时消息和延迟消息...
常用工具类之使用kaptcha-spring-boot-starter生成验证码
weixin_53998054的博客
11-13 989
kaptcha-spring-boot-starter生成验证码
SpringBoot集成Kaptcha验证码生成器快速入门Demo
mickey2007的博客
04-14 2313
验证码（CAPTCHA）：是 Completely Automated Public Turing test to tell Computers and Humans Apart（全自动区分计算机和人类的图灵测试）的缩写，是一种区分用户是计算机还是人的公共全自动程序。作用：可以防止恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录尝试，实际上用验证码是现在很多网站通行的方式，我们利用比较简易的方式实现了这个功能。
springBoot集成AJ-Captcha
weixin_42491646的博客
03-10 1587
springBoot集成AJ-Captcha
SpringBoot集成Kaptcha验证码Demo
kdong_sir的博客
08-11 210
在POM.XML中添加依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/x
Spring Boot 集成kaptcha验证码的使用
qq_39606891的博客
06-04 677
Spring Boot 和kaptcha验证码的使用 本文主要在Spring Boot中使用kaptcha验证码，使用的是默认的样式 Maven依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>kaptcha-spring-boot-s...
springboot集成kaptcha
qq_27081015的博客
12-27 2911
1.下载依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>kaptcha-spring-boot-starter</artifactId> <version>1.1.0</version> </dependenc...
kaptcha-spring-boot-starter
09-01
kaptcha-spring-boot-starter是一个用于集成kaptcha验证码功能的Spring Boot启动器。通过添加kaptcha-spring-boot-starter的依赖，你可以方便地在Spring Boot项目中使用kaptcha验证码功能。 同时，你需要在配置文件中进行相应的配置，包括指定redis的主机、密码和端口等信息。例如，你可以使用以下配置： ``` spring.redis.host=192.168.9.187 spring.redis.password=123456 spring.redis.port=6379 ``` 这样，在你的Spring Boot项目中就可以使用kaptcha验证码功能了。通过Java配置，你可以更好地理解和管理配置的bean。因此，无论是在Spring 4.x还是在Spring Boot中，都推荐使用Java配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [常用工具类之使用kaptcha-spring-boot-starter生成验证码](https://blog.csdn.net/weixin_53998054/article/details/127819474)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [通过Kaptcha初步学习Spring boot starter的原理](https://blog.csdn.net/u010968350/article/details/122612905)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值