前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SpringBoot+Vue 实现网页版人脸登录、人脸识别,逼格很高!!!(附源码)

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

作者头像
永恒君
发布2024-03-25 18:46:37
3640
发布2024-03-25 18:46:37
举报
文章被收录于专栏:开源小分队开源小分队

介绍

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

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

一、springboot后端项目

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

项目结构

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

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

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

5,运行 FaceEasyApplication

二、vue前端项目

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

代码语言:javascript
复制
npm install 
#如果有淘宝镜像
cnpm install

运行

代码语言:javascript
复制
npm run serve

2,效果图,登录页面

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

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

摄像头被我挡住了哦😂

3,首页效果图

4,列表效果图

4.1,添加人脸效果图

4.2,修改人脸数据效果图

其余的可以自己慢慢探索

5,日志列表效果图

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-03-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开源小分队 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 介绍
  • 一、springboot后端项目
  • 二、vue前端项目
相关产品与服务
人脸识别
腾讯云神图·人脸识别(Face Recognition)基于腾讯优图强大的面部分析技术,提供包括人脸检测与分析、比对、搜索、验证、五官定位、活体检测等多种功能,为开发者和企业提供高性能高可用的人脸识别服务。 可应用于在线娱乐、在线身份认证等多种应用场景,充分满足各行业客户的人脸属性识别及用户身份确认等需求。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档