当前位置:   article > 正文

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

vue如何实现人脸面部尺寸的显示

 大家好,我是老赵

一. 介绍

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

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

二. springboot后端项目

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

项目结构

774027cc11a9c85e6e21ee7263d49acd.png

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

dee4016d4ae20523e20de3efa1890a26.png

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

参考

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

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

11383fdc85592667bf2d0575ba62da0c.png

5,运行 FaceEasyApplication

三. vue前端项目

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

  1. npm install 
  2. #如果有淘宝镜像
  3. cnpm install

运行

npm run serve

2,效果图,登录页面

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

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

34df4b961ddfa07d2c47a416184e758c.png

92f8c76dedb1d1de4da2bc805296101e.png

摄像头被我挡住了哦

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/701593
推荐阅读
相关标签