SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

这篇具有很好参考价值的文章主要介绍了SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

介绍

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

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

一,springboot后端项目

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

项目结构

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

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

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

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

参考

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

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

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

5,运行 FaceEasyApplication

二,vue前端项目

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

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

运行

npm run serve

2,效果图,登录页面

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

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

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

摄像头被我挡住了哦😂

3,首页效果图

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

4,列表效果图

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

4.1,添加人脸效果图

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

4.2,修改人脸数据效果图

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

其余的可以自己慢慢探索

5,日志列表效果图

SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】

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

项目地址

FACE-UI 项目地址

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

  • gitee前端项目:https://gitee.com/susantyp/face-ui文章来源地址https://www.toymoban.com/news/detail-463448.html

到了这里,关于SpringBoot+Vue 实现网页版人脸登录、人脸识别!【全部开源】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 基于Face++,使用Spring Boot+Elemnet-UI实现人脸识别登录。

    上一篇文章只是封装了人脸检测的一些工具类,要实现刷脸登录,我们首先得思考一个问题,就是如何将我们的人脸和登录账户信息进行绑定,让它通过人脸就能识别到当前登录的账户是谁的账户。 这个问题我们可以这样解决,我浏览Face++的官网发现它还有人脸比对的一个

    2024年02月04日
    浏览(40)
  • 智能安防监控:基于Java+SpringBoot实现人脸识别搜索

    结合人脸识别技术,在工厂、学校、商场、餐厅等人流密集的场所进行监控,对人流进行自动统计、识别和追踪,同时标记存在安全隐患的行为及区域,并发出告警提醒,加强信息化安全管理,降低人工监督成本。 人脸识别搜索技术作为现代计算机视觉领域的重要研究方向之

    2024年02月13日
    浏览(46)
  • SpringBoot集成百度人脸识别实现登陆注册功能Demo(二)

    前言 上一篇SpringBoot集成百度人脸demo中我使用的是调用本机摄像头完成人脸注册,本次demo根据业务需求的不同我采用文件上传的方式实现人脸注册。 效果演示 首页 注册 后端响应数据: 登录 后端响应数据: 项目结构 后端代码实现 1、BaiduAiUtils工具类封装

    2024年02月14日
    浏览(40)
  • 基于springboot+深度学习的人脸识别会议签到系统设计与实现

    目录 一、简介 1.1 项目背景 1.2 相关技术介绍 1.2.1 OpenCV库 1.2.2 SeeTaaS平台 1.2.3 深度学习 二、需求分析 2.1 系统概述 2.2 系统功能模块分析 2.2.1 参会人员注册 2.2.2 参会人信息管理 2.2.3 现场人脸识别签到 2.2.4 会议管理 三、系统设计 3.1设计思路 3.2 数据库表设计 3.2.1 主表 3.2.

    2024年02月01日
    浏览(44)
  • VUE+faceApi.js实现摄像头拍摄人脸识别

    需求:前端获取到摄像头信息,通过模型来进行判断人像是否在镜头中,镜头是否有被遮挡。 实现步骤: 1、通过video标签来展示摄像头中的内容 2、通过canvas来绘制视频中信息进行展示 3、在拍照时候将canvas的当前帧转成图片 下载依赖 face-api.js是核心依赖必须要下 element-ui为

    2024年02月01日
    浏览(37)
  • 基于Springboot+百度AI人工智能人脸识别考勤系统设计与实现

    基于Springboot+百度AI人工智能人脸识别考勤系统设计与实现  博主介绍: 《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费

    2024年02月05日
    浏览(64)
  • vue+face-api.js实现前端人脸识别功能

    近期做了一个前端vue实现人脸识别的功能,主要功能逻辑包含:人脸识别,人脸验证,唤起摄像头视频流之后从三个事件(用户点头、摇头、眨眼睛)中随机选中两个事件,待两个事件通过判断后人脸静止不动3秒钟后截取视频流生成图片,上传到阿里或者腾讯oss,通过oss返回

    2024年02月05日
    浏览(42)
  • JAVA基于百度AI接口的人脸识别考勤签到系统设计与实现(Springboot框架)

     博主介绍 :黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、

    2024年02月04日
    浏览(55)
  • 人脸识别实战之基于开源模型搭建实时人脸识别系统(二):人脸检测概览与模型选型

    进行人脸识别首要的任务就是要定位出画面中的人脸,这个任务就是人脸检测。人脸检测总体上算是目标检测的一个特殊情况,但也有自身的特点,比如角度多变,表情多变,可能存在各类遮挡。早期传统的方法有Haar Cascade、HOG等,基本做法就是特征描述子+滑窗+分类器,随

    2024年02月04日
    浏览(42)
  • 基于开源模型搭建实时人脸识别系统(四):人脸质量

    续人脸识别实战之基于开源模型搭建实时人脸识别系统(三):人脸关键点、对齐模型概览与模型选型_CodingInCV的博客-CSDN博客 不论对于静态的人脸识别还是动态的人脸识别,我们都会面临一个问题,就是输入的人脸图像的质量可能会很差,比如人脸角度很大,人脸很模糊,

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包