Get the App
SLTechnology News&Howtos  ›  Development  › 

How to realize the background login verification code by TP6+vue-element-admin

Shulou Source: shulou.com Published: 2022-06-02 07:08:40 10月05日 Update

This article introduces the knowledge of "how to implement the background login verification code in TP6+vue-element-admin". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Tp6+vue-element-admin makes background login verification code

Here tp6 is in multi-application mode

Install the CAPTCHA extension

Composer require topthink/think-captcha

Find Captcha.php in the extension

-> [here is my modified code]

Because it was the session driver before, but my project is separated from the front and rear, so we have to change it to the cache driver, add use Cache, and then change everything related to Session to Cache.

One thing to note is the check method, which has been annotated in the code

Tags: Validation picture curve font background position function period color output background login image direction offset code size amplitude Abscissa sine Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Apple Docker Shulou Information MariaDB