投稿

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

Vedu • • 技术资讯 • 阅读 856

介绍

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

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

一，springboot后端项目

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

项目结构

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

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

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

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

参考

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

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

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

5，运行 FaceEasyApplication

二，vue前端项目

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

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

运行

npm run serve

2，效果图，登录页面

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

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

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

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

摄像头被我挡住了哦

3，首页效果图

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

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

4，列表效果图

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

4.1，添加人脸效果图

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

4.2，修改人脸数据效果图

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

其余的可以自己慢慢探索

5，日志列表效果图

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

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

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/tech/30275.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2023-02-22 15:21
下一篇 2023-02-22 15:25

相关推荐

发表评论

登录后才能评论