Web version face login, web face login, face recognition, based on Springboot+vue2.X version+mysql

This friend from Shanghai 2022-08-06 08:54:29 阅读数:668

webversionfaceloginweb

Maybe this is what you really need!Interested students, gitee Star!


Introduction

Insert image description here
FACE-UI separates web-side projects based on front-end and back-end,It mainly realizes the face login of the web version, by calling the front-end camera to take a picture, and passing it into the background to compare the similarity with the database face database. The technical use points: Springboot, Mysql, JWT, VUE 2.X and other technologiesImplementation, main function points: face list CRUD, log list CRUD, based on self-built face library to store face pictures through base64 encoding, and realize by calling Tencent Cloud face comparison API scene

Project Introduction

FACE-UI project address
gitee backend project
gitee front-end project

1, springboot backend project

1, after pulling the project, import the relevant dependency jar package

Project Structure
insert image description here

2, execute the mysql script under the sql folder

insert image description here

3, after the execution is complete, configure Tencent Cloud

See my last post!
Configure Tencent Cloud's secretId and secretKey

4, get the secretId and secretKey, and after enabling the face service, configure the secretId and secretKey into the yml file

insert image description here

5, run FaceEasyApplication

2, vue front-end project

1, after pulling the project, install the dependencies

npm installIf there is a Taobao mirrorcnpm installrunnpm run serve

2, renderings, login page

Note: When it is just initialized, there is no face in the table
So the first time you take a photo of the login interface is to enter the face, and the subsequent login is to verify the face
/font>

insert image description here
insert image description here
I blocked the camera

3, homepage renderings

insert image description here
insert image description here

4, list renderings

insert image description here

1, add face renderings

insert image description here

2, modify face data renderings

insert image description here
The rest can be explored by yourself

5, log list renderings

insert image description here

Log list mainly records recent: login situation and exceptions

Finished

Creating with heart, technology changes the future
Thank you for reading!

版权声明:本文为[This friend from Shanghai]所创,转载请带上原文链接,感谢。 https://qdmana.com/2022/218/202208060851127067.html