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

介绍

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

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

一、springboot后端项目

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

项目结构

f62f4f81e74f55ad71b57b4a89813130.png

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

dd1bf571e0e4c93defe15778f4445b9b.png

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

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

1c43fe1657c66798e6ba7f639d882cbc.png

5,运行 FaceEasyApplication

二、vue前端项目

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

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

运行

npm run serve

2,效果图,登录页面

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

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

20acfa8a4eecd4ad285b016fdcc09d42.png a273f110d87fe4673b3a40f54ddd2648.png

摄像头被我挡住了哦😂

3,首页效果图

157c95864ff9dd1bba83c66eeea22adb.png b56c966553b88f387bf21915d11d86de.png

4,列表效果图

eb273b526af9c16f71f1957847fc452b.png

4.1,添加人脸效果图

988c0eeb7a05c761cbc474f02e8776c5.png

4.2,修改人脸数据效果图

fb4ce585eb185b48c7c7133d1936e0fb.png

其余的可以自己慢慢探索

5,日志列表效果图

4d574f3c6a961861c6978683fd60da8a.png

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

项目地址

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

推荐阅读:

被 GPT-4 Plus 账号价格劝退了!

世界的真实格局分析,地球人类社会底层运行原理

不是你需要中台,而是一名合格的架构师(附各大厂中台建设PPT)

企业IT技术架构规划方案

论数字化转型——转什么,如何转?

华为干部与人才发展手册(附PPT)

【中台实践】华为大数据中台架构分享.pdf

华为的数字化转型方法论

华为如何实施数字化转型(附PPT)

华为大数据解决方案(PPT)

52207be6f2b0ccc2ecf6f2b5e466050a.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值