SpringBoot+Vue 实现网页版人脸登录、人脸识别,逼格很高!

介绍

FACE-UI 基于前后端分离Web端项目,主要实现了网页版的人脸登录,通过调取前端摄像头拍照,传入后台进行跟数据库人脸库的相似度比对。

技术点:Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过base64编码方式存储人脸图片,通过调用腾讯云人脸对比API场景实现

一,springboot后端项目

1,拉取项目后,导入相关依赖jar包

项目结构

添加图片注释,不超过 140 字(可选)

2,执行sql文件夹下面的mysql脚本

添加图片注释,不超过 140 字(可选)

3,执行完成后,配置腾讯云

参考

https://blog.csdn.net/Susan003/article/details/125914027

4,获取secretId和secretKey,并开通人脸服务之后,将secretId和secretKey配置到yml文件中

添加图片注释,不超过 140 字(可选)

5,运行 FaceEasyApplication

二,vue前端项目

1,拉取项目后,安装依赖

 
 

npm install #如果有淘宝镜像 cnpm install

运行

 
 

npm run serve

2,效果图,登录页面

注意:刚刚初始化的时候,表里面是没有人脸的

所以登录界面第一次拍照为录入人脸,后续为验证人脸登录

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

摄像头被我挡住了哦

3,首页效果图

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

4,列表效果图

添加图片注释,不超过 140 字(可选)

4.1,添加人脸效果图

添加图片注释,不超过 140 字(可选)

4.2,修改人脸数据效果图

添加图片注释,不超过 140 字(可选)

其余的可以自己慢慢探索

5,日志列表效果图

添加图片注释,不超过 140 字(可选)

日志列表 主要记录近期:登录的情况以及异常

                                                                                                              资源获取:
大家 点赞、收藏、关注、评论啦 、 查看👇🏻👇🏻👇🏻 微信公众号获取联系方式👇🏻👇🏻👇🏻
精彩专栏推荐订阅:下方专栏👇🏻👇🏻👇🏻👇🏻
每天学四小时:Java+Spring+JVM+分布式高并发,架构师指日可待

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值