介绍

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

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

一、springboot后端项目

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

项目结构

491f3813f1e6006a4df5256b75e02c29.png

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

8f7e503f7dbcaed7526d6a7dc4d3b0ef.png

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

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

606096dbaf3219c03a08ff0322cbc6cb.png

5,运行 FaceEasyApplication

二、vue前端项目

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

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

运行

npm run serve

2,效果图,登录页面

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

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

448e6fc74aadb6ea07eb60e2f25d9a49.png74f6ce05f2bc19472dd7eb42a1af3a89.png

摄像头被我挡住了哦😂

3,首页效果图

3ea60acd694732e946e9b7d999c6ab42.pngc8b81f7677fb6740a9f023729b0019eb.png

4,列表效果图

1efad972910eddff8f652d00158a0b07.png

4.1,添加人脸效果图

eb50e9dd2893414c9fb2fcab22cf5a9b.png

4.2,修改人脸数据效果图

e2c14cbdd6fd5ad0fd9c06f6f36bab32.png

其余的可以自己慢慢探索

5,日志列表效果图

e2e19318cc76ea58a5d7690c6eda2bbd.png

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

项目地址

点击下方公众号卡片,回复关键字:人脸识别 获取源码链接。

---END---


最新整理:🔓CSDN会员免费电子书1000本、🖥黑客技术学习书籍大合集、💻计算机技术专题书籍【69GB】、60多门编程语言学习书籍超级大合集(700+本PDF)、🖥计算机二级专题【183GB】等编程合集!

1f85adfc91ce56236b5e514799e83cee.gif

资源,怎么领取?
扫下方二维码,回复关键字:编程合集 即可免费获取

更多推荐