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

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

公众号新闻

介绍

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

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

一、springboot后端项目

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

项目结构

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

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

参考

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

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

5,运行 FaceEasyApplication

二、vue前端项目

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

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

运行

npm run serve

2,效果图,登录页面

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

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

摄像头被我挡住了哦😂

3,首页效果图

4,列表效果图

4.1,添加人脸效果图

4.2,修改人脸数据效果图

其余的可以自己慢慢探索

5,日志列表效果图

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

项目地址

FACE-UI 项目地址

gitee后端项目:https://gitee.com/susantyp/face-easy

gitee前端项目:https://gitee.com/susantyp/face-ui

源:https://tanyongpeng.blog.csdn.net/


---END---


推荐↓↓↓

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
SpringBoot + Druid,完美监控 MySQL 性能Springboot代码混淆,别再让代码在线上进行裸奔止罪业绩可喜下降!纽约街道将启动人脸识别系统 无处可逃!如何判断此番是否“境外势力”作祟的办法:老大用自己做“诱饵”别再自己瞎写工具类了,SpringBoot 内置工具类应有尽有,建议收藏!!邓小平在起落中如何使用汪东兴想起我爸SpringBoot 启动优化实践!SpringBoot 整合 ChatGPT API 项目实战这是我见过最好的SpringBoot系统!使用 Netty+SpringBoot 打造的 TCP 长连接通讯方案小鹏回应人脸识别需对车头半跪/iPhone 15 Pro前玻璃面板曝光/​Bing Chat隐藏功能曝光SpringBoot 应用的新命令行界面:JustSpringBoot 中 MybatisX 插件的简单使用教程(超详细!!)SpringBoot 使用线程池如何控制主线程和子线程的事务SpringBoot+Flowable 快速实现工作流,so easy!妈妈能否熬过这一关SpringBoot 统一功能处理:用户登录权限校验-拦截器、异常处理、数据格式返回工信部通报墨迹天气、华为阅读、虹软人脸识别等46款存在侵害用户权益行为APP(SDK)别做坏事!纽约街道将启动人脸识别系统 无处可逃!人脸识别需对着车头半跪?小鹏道歉;专家呼吁每天省一杯咖啡钱提前规划养老;苹果或推出黄色iPhone14;华大回应美方制裁丨邦早报SpringBoot 实现 MySQL 百万级数据量导出并避免 OOM 的解决方案BB鸭 | ​孟晚舟将当值华为轮值董事长;微信支持网页翻译;魅族20曝光;真我GT Neo5发布;小红书网页版上线SpringBoot 实现 Excel 导入导出,百万数据量,性能爆表!SpringBoot 多数据源及事务解决方案K8s + SpringBoot实现零宕机发布华为否认拆分谣言;小鹏回应人脸识别需对车头半跪;专家呼吁每天省杯咖啡规划养老;麻六记代工厂冲刺上市...SpringBoot 如何快速过滤出一次请求的所有日志?SpringBoot + MDC 实现全链路调用日志跟踪和 if else说再见,SpringBoot 这样做参数校验才足够优雅!SpringBoot 在打包部署的时候打包成 jar 和 war 有什么不同?妥了...还是SpringBoot够牛逼!阴阳平衡、和而不同字节:SpringBoot 启动流程SpringBoot 我随手封装了一个万能的导出excel工具,传什么都能导出
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。