介绍
FACE-UI 基于前后端分离Web端项目,主要实现了网页版的人脸登录,通过调取前端摄像头拍照,传入后台进行跟数据库人脸库的相似度比对。
技术点:Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过base64编码方式存储人脸图片,通过调用腾讯云人脸对比API场景实现
基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能
项目地址:https://github.com/YunaiV/ruoyi-vue-pro
视频教程:https://doc.iocoder.cn/video/
一,springboot后端项目
1,拉取项目后,导入相关依赖jar包
项目结构
2,执行sql文件夹下面的mysql脚本
3,执行完成后,配置腾讯云
参考
https://blog.csdn.net/Susan003/article/details/125914027
4,获取secretId和secretKey,并开通人脸服务之后,将secretId和secretKey配置到yml文件中
5,运行 FaceEasyApplication
基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能
项目地址:https://github.com/YunaiV/yudao-cloud
视频教程:https://doc.iocoder.cn/video/
二,vue前端项目
1,拉取项目后,安装依赖
npminstall #如果有淘宝镜像 cnpminstall
运行
npmrunserve
2,效果图,登录页面
注意:刚刚初始化的时候,表里面是没有人脸的
所以登录界面第一次拍照为录入人脸,后续为验证人脸登录
摄像头被我挡住了哦
3,首页效果图
4,列表效果图
4.1,添加人脸效果图
4.2,修改人脸数据效果图
其余的可以自己慢慢探索
5,日志列表效果图
日志列表 主要记录近期:登录的情况以及异常
项目地址
FACE-UI 项目地址
gitee后端项目:https://gitee.com/susantyp/face-easy
gitee前端项目:https://gitee.com/susantyp/face-ui
审核编辑 :李倩
-
数据库
+关注
关注
7文章
3590浏览量
63365 -
spring
+关注
关注
0文章
332浏览量
14159 -
MySQL
+关注
关注
1文章
775浏览量
25999 -
SpringBoot
+关注
关注
0文章
172浏览量
106
原文标题:SpringBoot+Vue 实现网页版人脸登录、人脸识别,逼格很高!!!
文章出处:【微信号:芋道源码,微信公众号:芋道源码】欢迎添加关注!文章转载请注明出处。
发布评论请先 登录
相关推荐
评论