Inhaltsverzeichnis
1.Easy-Captcha-Toolkit
2 Abhängigkeiten hinzufügen
3. Verifizierungscode-Zeichentyp
4. Schriftarteneinstellungen
5 Bestätigungscode-Bildausgabe
6. Verifizierungscode generieren und anzeigen
6.1 Backend
6.2 Frontend
Heim Java javaLernprogramm So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

May 17, 2023 pm 12:15 PM
springboot

    1.Easy-Captcha-Toolkit

    Es gibt viele Möglichkeiten, Verifizierungscodes zu generieren. Hier wird das Easy-Captcha-Toolkit ausgewählt.

    Die ursprüngliche Adresse von Github lautet: Easy-Captcha-Toolkit

    Dieses Modul bietet Unterstützung für Java-Grafikverifizierungscode, einschließlich GIF, Chinesisch, Arithmetik und andere Typen, und eignet sich für Projekte wie Java Web und JavaSE.

    2 Abhängigkeiten hinzufügen

    Zuerst müssen Sie die Abhängigkeitskonfigurationsdatei von easy-captcha zur Datei pom.xml hinzufügen.

    Die Importabhängigkeitsanweisung wurde bereits im Open-Source-Projekt geschrieben. Kopieren Sie sie einfach und fügen Sie sie ein.

    So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

       <dependency>
          <groupId>com.github.whvcse</groupId>
          <artifactId>easy-captcha</artifactId>
          <version>1.6.2</version>
       </dependency>
    Nach dem Login kopieren

    3. Verifizierungscode-Zeichentyp

    So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

    Verwendung:

    //生成验证码对象
    SpecCaptcha captcha = new SpecCaptcha(130, 48, 5);
    //设置验证码的字符类型
    captcha.setCharType(Captcha.TYPE_ONLY_NUMBER);
    Nach dem Login kopieren

    4. Schriftarteneinstellungen

    So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

    Wenn Sie keine integrierten Schriftarten verwenden möchten, können Sie auch Systemschriftarten verwenden . Die Verwendungsmethode ist wie folgt:

    //生成验证码对象
    SpecCaptcha captcha = new SpecCaptcha(130, 48, 5);
    
    // 设置内置字体
    captcha.setFont(Captcha.FONT_1); 
    
    // 设置系统字体
    captcha.setFont(new Font("楷体", Font.PLAIN, 28));
    Nach dem Login kopieren

    5 Bestätigungscode-Bildausgabe

    Hier können Sie die Ausgabe als Dateistream auswählen, was eine gängige Verarbeitungsmethode ist. Natürlich gibt es auch einige Webprojekte, die base64-kodierte Bilder verwenden. Easy-Captcha unterstützt beide Methoden.
    Die Ausgabemethode der Base64-Codierung ist wie folgt:

    SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
    specCaptcha.toBase64();
    
    // 如果不想要base64的头部data:image/png;base64,
    specCaptcha.toBase64("");  // 加一个空的参数即可
    Nach dem Login kopieren

    Die Methode der Ausgabe auf die Festplatte ist wie folgt:

    FileOutputStream outputStream = new FileOutputStream(new File("C:/captcha.png"))
    SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 5);
    specCaptcha.out(outputStream);
    Nach dem Login kopieren

    Dieser Code generiert ein Bild und speichert es im Festplattenverzeichnis. Hier können Sie das Easy-Captcha-Tool verwenden kommt mit der Ausgabe der Out()-Methode. Bei der Entwicklung eines Webprojekts verwenden Entwickler den Ausgabestream des Response-Objekts, um den Bestätigungscode auszugeben.

    6. Verifizierungscode generieren und anzeigen

    6.1 Backend

    Sie können eine KaptchaController-Klasse erstellen, indem Sie eine neue Methode erstellen, die sich im Controller-Paket befinden muss. Durch die Verwendung von GifCaptcha in der Methode kann ein Verifizierungscodeobjekt vom Typ PNG generiert und als Bildstream zur Anzeige an das Frontend ausgegeben werden. Der Code lautet wie folgt:

    @Controller
    public class KaptchaController {
        @GetMapping("/kaptcha")
        public void defaultKaptcha(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception{
            httpServletResponse.setHeader("Cache-Control","no-store");
            httpServletResponse.setHeader("Pragma","no-cache");
            httpServletResponse.setDateHeader("Expires",0);
            httpServletResponse.setContentType("image/gif");
    
            //生成验证码对象,三个参数分别是宽、高、位数
            SpecCaptcha captcha = new SpecCaptcha(130, 48, 5);
            //设置验证码的字符类型为数字和字母混合
            captcha.setCharType(Captcha.TYPE_DEFAULT);
            // 设置内置字体
            captcha.setCharType(Captcha.FONT_1);
            //验证码存入session
            httpServletRequest.getSession().setAttribute("verifyCode",captcha.text().toLowerCase());
            //输出图片流
            captcha.out(httpServletResponse.getOutputStream());
        }
    }
    Nach dem Login kopieren

    Fügen Sie die Methode defaultKaptcha() im Controller hinzu, die die Verarbeitung abfängt Der Pfad ist /kaptcha. Nach Zugriff auf den Pfad am Frontend kann ein Bildstream empfangen und auf der Browserseite angezeigt werden.

    6.2 Frontend

    Erstellen Sie eine neue kaptcha.html-Seite im statischen Verzeichnis und zeigen Sie den Bestätigungscode auf dieser Seite an. Der Code lautet wie folgt:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>验证码显示</title>
    </head>
    <body>
    <img  src="/static/imghw/default1.png"  data-src="/kaptcha"  class="lazy"   onclick="this.src=&#39;/kaptcha?d=&#39;+new Date()*1" / alt="So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes" >
    </body>
    </html>
    Nach dem Login kopieren

    Rufen Sie das Bestätigungscode-Bild ab, indem Sie auf den /kaptcha-Pfad zugreifen Backend und zeigen Sie es dann im IMG-Tag an. Schreiben Sie dann eine Onclick-Funktion, die dynamisch wechseln und einen neuen Bestätigungscode anzeigen kann, wenn auf das img-Tag geklickt wird. Der beim Klicken aufgerufene Pfad lautet ’/kaptcha?d='+new Date()*1, d. h. auf den ursprünglichen Bestätigungscodepfad folgt ein Zeitstempelparameter d. Der Zeitstempel ändert sich, sodass jeder Klick eine andere Anfrage darstellt als der vorherige. Wenn dies nicht geschieht, wird die Anfrage aufgrund des Caching-Mechanismus des Browsers möglicherweise nicht erneut gesendet, nachdem auf die Aktualisierung des Bestätigungscodes geklickt wurde, was dazu führt, dass das gleiche Bestätigungscodebild für einen bestimmten Zeitraum angezeigt wird.

    Nachdem die Codierung abgeschlossen ist, starten Sie das Spring Boot-Projekt. Öffnen Sie nach erfolgreichem Start den Browser und geben Sie die vom Bestätigungscode angezeigte Adresse der Testseite ein Überprüfen Sie im Backend zunächst den aktuellen Inhalt des generierten Bestätigungscodes. Sie können wählen, ob Sie ihn im Sitzungsobjekt, im Cache oder in der Datenbank speichern möchten. Geben Sie dann das Bild des Bestätigungscodes zurück und zeigen Sie es auf der Startseite an. Nachdem der Benutzer den Bestätigungscode erkannt hat, gibt er den Bestätigungscode in das entsprechende Eingabefeld auf der Seite ein und sendet eine Anfrage an das Backend. Nach Erhalt der Anfrage überprüft das Backend den vom Benutzer eingegebenen Bestätigungscode. Wenn der vom Benutzer eingegebene Verifizierungscode nicht mit dem zuvor gespeicherten Verifizierungscode übereinstimmt, wird eine Meldung „Verifizierungscode-Fehler“ zurückgegeben und der Folgeprozess wird nicht fortgesetzt. Nur wenn die Verifizierung erfolgreich ist, wird der Folgeprozess fortgesetzt.

    7.1 Backend

    Fügen Sie die Methode „Verify()“ in der Klasse „KaptchaController“ hinzu. Der Code lautet wie folgt: So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

    http://localhost:8080/kaptcha
    Nach dem Login kopieren

    Der vom Benutzer eingegebene Parameter für die Anforderung des Bestätigungscodes ist Code, und /verify ist der von dieser Methode abgefangene und verarbeitete Pfad . Vergleichen Sie ihn nach der grundlegenden, nicht leeren Überprüfung mit dem zuvor in der Sitzung gespeicherten Verifizierungscode-Wert. Wenn die beiden Zeichenfolgen nicht gleich sind, wird die Meldung „Bestätigungscode-Fehler“ zurückgegeben. Wenn sie identisch sind, wird die Meldung „Bestätigungscode erfolgreich“ zurückgegeben. Die Eingabeaufforderung wird zurückgegeben.

    7.2 Frontend

    Erstellen Sie eine neue „Verify.html“ im statischen Verzeichnis. Die Seite zeigt den Bestätigungscode an und enthält außerdem ein Eingabefeld und eine Schaltfläche zum Senden, über die Benutzer den Bestätigungscode eingeben können:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>验证码测试</title>
    </head>
    <body>
    <img  src="/static/imghw/default1.png"  data-src="/kaptcha"  class="lazy"   onclick="this.src=&#39;/kaptcha?d=&#39;+new Date()*1" / alt="So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes" >
    <br>
    <input type="text" maxlength="5" id="code" placeholder="请输入验证码" />
    <button id="verify">验证</button>
    <br>
    <p id="verifyResult">
    </p>
    </body>
    <!--jqGrid依赖jQuery,因此需要先引入jquery.min.js文件,下方地址为字节跳动提供的cdn地址-->
    <script src="http://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
        //验证按钮的点击事件
            $(&#39;#verify&#39;).click(function () {
                var code = $(&#39;#code&#39;).val();
                $.ajax({
                    type: &#39;GET&#39;,//方法类型
                    url: &#39;/verify?code=&#39;+code,
                    success: function (result) {
                    //将验证结果显示在p标签中
                        $(&#39;#verifyResult&#39;).html(result);
                    },
                    error:function () {
                        alert(&#39;请求失败&#39;);
                    },
                });
            });
        });
    </script>
    </html>
    Nach dem Login kopieren

    在用户识别并呈现在页面上的验证码之后,他们可以在输入框中输入验证码并点击“验证”按钮。在JS代码中已经定义了“验证”按钮的点击事件,一旦点击,就会获取用户在输入框中输入的内容,并将其作为请求参数向后端发送请求,验证用户输入的验证码是否正确,后端在处理完成后会返回处理结果,拿到处理结果就显示在id为verifyResult的p标签中。

    So implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes

    Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Generierung und Überprüfung von Springboot-Verifizierungscodes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

    Heiße KI -Werkzeuge

    Undresser.AI Undress

    Undresser.AI Undress

    KI-gestützte App zum Erstellen realistischer Aktfotos

    AI Clothes Remover

    AI Clothes Remover

    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

    Undress AI Tool

    Undress AI Tool

    Ausziehbilder kostenlos

    Clothoff.io

    Clothoff.io

    KI-Kleiderentferner

    AI Hentai Generator

    AI Hentai Generator

    Erstellen Sie kostenlos Ai Hentai.

    Heißer Artikel

    R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Beste grafische Einstellungen
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
    Will R.E.P.O. Crossplay haben?
    1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

    Heiße Werkzeuge

    Notepad++7.3.1

    Notepad++7.3.1

    Einfach zu bedienender und kostenloser Code-Editor

    SublimeText3 chinesische Version

    SublimeText3 chinesische Version

    Chinesische Version, sehr einfach zu bedienen

    Senden Sie Studio 13.0.1

    Senden Sie Studio 13.0.1

    Leistungsstarke integrierte PHP-Entwicklungsumgebung

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    SublimeText3 Mac-Version

    SublimeText3 Mac-Version

    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

    Wie Springboot Jasypt integriert, um die Verschlüsselung von Konfigurationsdateien zu implementieren Wie Springboot Jasypt integriert, um die Verschlüsselung von Konfigurationsdateien zu implementieren Jun 01, 2023 am 08:55 AM

    Einführung in Jasypt Jasypt ist eine Java-Bibliothek, die es einem Entwickler ermöglicht, seinem Projekt mit minimalem Aufwand grundlegende Verschlüsselungsfunktionen hinzuzufügen und kein tiefes Verständnis der Funktionsweise der Verschlüsselung erfordert. standardbasierte Verschlüsselungstechnologie. Passwörter, Text, Zahlen, Binärdateien verschlüsseln ... Geeignet für die Integration in Spring-basierte Anwendungen, offene API, zur Verwendung mit jedem JCE-Anbieter ... Fügen Sie die folgende Abhängigkeit hinzu: com.github.ulisesbocchiojasypt-spring-boot-starter2 Die Vorteile von Jasypt schützen unsere Systemsicherheit. Selbst wenn der Code durchgesickert ist, kann die Datenquelle garantiert werden.

    Wie SpringBoot Redisson integriert, um eine Verzögerungswarteschlange zu implementieren Wie SpringBoot Redisson integriert, um eine Verzögerungswarteschlange zu implementieren May 30, 2023 pm 02:40 PM

    Nutzungsszenario 1. Die Bestellung wurde erfolgreich aufgegeben, die Zahlung erfolgte jedoch nicht innerhalb von 30 Minuten. Die Zahlung ist abgelaufen und die Bestellung wurde automatisch storniert. 2. Die Bestellung wurde unterzeichnet und es wurde 7 Tage lang keine Bewertung durchgeführt. Wenn die Bestellung abläuft und nicht ausgewertet wird, wird die Bestellung standardmäßig positiv bewertet. Wenn der Händler die Bestellung innerhalb von 5 Minuten nicht erhält, wird die Bestellung abgebrochen Es wird eine SMS-Erinnerung gesendet ... Für Szenarien mit langen Verzögerungen und geringer Echtzeitleistung können wir die Aufgabenplanung verwenden, um eine regelmäßige Abfrageverarbeitung durchzuführen. Zum Beispiel: xxl-job Heute werden wir auswählen

    So implementieren Sie verteilte Sperren mit Redis in SpringBoot So implementieren Sie verteilte Sperren mit Redis in SpringBoot Jun 03, 2023 am 08:16 AM

    1. Redis implementiert das Prinzip der verteilten Sperren und warum verteilte Sperren erforderlich sind. Bevor über verteilte Sperren gesprochen wird, muss erläutert werden, warum verteilte Sperren erforderlich sind. Das Gegenteil von verteilten Sperren sind eigenständige Sperren. Wenn wir Multithread-Programme schreiben, vermeiden wir Datenprobleme, die durch den gleichzeitigen Betrieb einer gemeinsam genutzten Variablen verursacht werden. Normalerweise verwenden wir eine Sperre, um die Richtigkeit der gemeinsam genutzten Variablen sicherzustellen Die gemeinsam genutzten Variablen liegen im gleichen Prozess. Wenn es mehrere Prozesse gibt, die gleichzeitig eine gemeinsam genutzte Ressource betreiben müssen, wie können sie sich dann gegenseitig ausschließen? Heutige Geschäftsanwendungen sind in der Regel Microservice-Architekturen, was auch bedeutet, dass eine Anwendung mehrere Prozesse bereitstellen muss. Wenn mehrere Prozesse dieselbe Datensatzzeile in MySQL ändern müssen, ist eine Verteilung erforderlich, um fehlerhafte Daten zu vermeiden wird zu diesem Zeitpunkt eingeführt. Der Stil ist gesperrt. Punkte erreichen wollen

    So lösen Sie das Problem, dass Springboot nach dem Einlesen in ein JAR-Paket nicht auf die Datei zugreifen kann So lösen Sie das Problem, dass Springboot nach dem Einlesen in ein JAR-Paket nicht auf die Datei zugreifen kann Jun 03, 2023 pm 04:38 PM

    Springboot liest die Datei, kann aber nach dem Packen in ein JAR-Paket nicht auf die neueste Entwicklung zugreifen. Es gibt eine Situation, in der Springboot die Datei nach dem Packen in ein JAR-Paket nicht lesen kann ist ungültig und kann nur über den Stream gelesen werden. Die Datei befindet sich unter resources publicvoidtest(){Listnames=newArrayList();InputStreamReaderread=null;try{ClassPathResourceresource=newClassPathResource("name.txt");Input

    So implementieren Sie Springboot+Mybatis-plus, ohne SQL-Anweisungen zum Hinzufügen mehrerer Tabellen zu verwenden So implementieren Sie Springboot+Mybatis-plus, ohne SQL-Anweisungen zum Hinzufügen mehrerer Tabellen zu verwenden Jun 02, 2023 am 11:07 AM

    Wenn Springboot + Mybatis-plus keine SQL-Anweisungen zum Hinzufügen mehrerer Tabellen verwendet, werden die Probleme, auf die ich gestoßen bin, durch die Simulation des Denkens in der Testumgebung zerlegt: Erstellen Sie ein BrandDTO-Objekt mit Parametern, um die Übergabe von Parametern an den Hintergrund zu simulieren dass es äußerst schwierig ist, Multi-Table-Operationen in Mybatis-plus durchzuführen. Wenn Sie keine Tools wie Mybatis-plus-join verwenden, können Sie nur die entsprechende Mapper.xml-Datei konfigurieren und die stinkende und lange ResultMap konfigurieren Schreiben Sie die entsprechende SQL-Anweisung. Obwohl diese Methode umständlich erscheint, ist sie äußerst flexibel und ermöglicht es uns

    Vergleich und Differenzanalyse zwischen SpringBoot und SpringMVC Vergleich und Differenzanalyse zwischen SpringBoot und SpringMVC Dec 29, 2023 am 11:02 AM

    SpringBoot und SpringMVC sind beide häufig verwendete Frameworks in der Java-Entwicklung, es gibt jedoch einige offensichtliche Unterschiede zwischen ihnen. In diesem Artikel werden die Funktionen und Verwendungsmöglichkeiten dieser beiden Frameworks untersucht und ihre Unterschiede verglichen. Lassen Sie uns zunächst etwas über SpringBoot lernen. SpringBoot wurde vom Pivotal-Team entwickelt, um die Erstellung und Bereitstellung von Anwendungen auf Basis des Spring-Frameworks zu vereinfachen. Es bietet eine schnelle und einfache Möglichkeit, eigenständige, ausführbare Dateien zu erstellen

    Wie SpringBoot Redis anpasst, um die Cache-Serialisierung zu implementieren Wie SpringBoot Redis anpasst, um die Cache-Serialisierung zu implementieren Jun 03, 2023 am 11:32 AM

    1. Passen Sie den RedisTemplate1.1-Standard-Serialisierungsmechanismus an. Die API-basierte Redis-Cache-Implementierung verwendet die RedisTemplate-Vorlage für Daten-Caching-Vorgänge. Öffnen Sie hier die RedisTemplate-Klasse und zeigen Sie die Quellcodeinformationen der Klasse publicclassRedisTemplateextendsRedisAccessorimplementsRedisOperations an. Schlüssel deklarieren, verschiedene Serialisierungsmethoden des Werts, der Anfangswert ist leer @NullableprivateRedisSe

    So erhalten Sie den Wert in application.yml in Springboot So erhalten Sie den Wert in application.yml in Springboot Jun 03, 2023 pm 06:43 PM

    In Projekten werden häufig einige Konfigurationsinformationen benötigt. Diese Informationen können in der Testumgebung und in der Produktionsumgebung unterschiedliche Konfigurationen haben und müssen möglicherweise später basierend auf den tatsächlichen Geschäftsbedingungen geändert werden. Wir können diese Konfigurationen nicht fest im Code codieren. Am besten schreiben Sie sie in die Konfigurationsdatei. Sie können diese Informationen beispielsweise in die Datei application.yml schreiben. Wie erhält oder verwendet man diese Adresse im Code? Es gibt 2 Methoden. Methode 1: Wir können den Wert, der dem Schlüssel in der Konfigurationsdatei (application.yml) entspricht, über den mit @Value versehenen Wert erhalten. Diese Methode eignet sich für Situationen, in denen es relativ wenige Mikrodienste gibt: Tatsächlich Projekte, wenn das Geschäft kompliziert ist, Logik

    See all articles