0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

SpringBoot+Vue实现网页版人脸登录、人脸识别

jf_ro2CN3Fa 来源:芋道源码 2023-03-07 09:27 次阅读

介绍

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包

项目结构

0f17ff96-bc7e-11ed-bfe3-dac502259ad0.png

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

0f394a48-bc7e-11ed-bfe3-dac502259ad0.png

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

参考

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

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

0f6dd358-bc7e-11ed-bfe3-dac502259ad0.png

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,效果图,登录页面

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

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

0f8ac3b4-bc7e-11ed-bfe3-dac502259ad0.png

0fa62622-bc7e-11ed-bfe3-dac502259ad0.png

摄像头被我挡住了哦

3,首页效果图

0fd96b2c-bc7e-11ed-bfe3-dac502259ad0.png

0ff45b80-bc7e-11ed-bfe3-dac502259ad0.png

4,列表效果图

1008473a-bc7e-11ed-bfe3-dac502259ad0.png

4.1,添加人脸效果图

10289cce-bc7e-11ed-bfe3-dac502259ad0.png

4.2,修改人脸数据效果图

1043909c-bc7e-11ed-bfe3-dac502259ad0.png

其余的可以自己慢慢探索

5,日志列表效果图

105630a8-bc7e-11ed-bfe3-dac502259ad0.png

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

项目地址

FACE-UI 项目地址

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

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

审核编辑 :李倩

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 数据库
    +关注

    关注

    7

    文章

    3584

    浏览量

    63346
  • spring
    +关注

    关注

    0

    文章

    332

    浏览量

    14156
  • MySQL
    +关注

    关注

    1

    文章

    773

    浏览量

    25976
  • SpringBoot
    +关注

    关注

    0

    文章

    172

    浏览量

    105

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

文章出处:【微信号:芋道源码,微信公众号:芋道源码】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    树莓派做人脸识别

    基于云服务平台的人脸识别1、设备树莓派2、USB摄像头。2、要求l使用USB摄像头抓拍(可以使用各种开源软件,也可以自己编程)脸部照片;l使用人脸识别的云服务平台(可选择FACECOR
    发表于 08-07 23:19

    人脸识别

    注册username和人脸图片,您可以使用这个功能自己实现一个小规模的人脸识别系统,比如明星脸识别、家庭成员
    发表于 02-22 12:09

    人脸识别技术原理解析

    `  人脸识别到底是什么?  人脸识别,是视觉模式识别的一个细分问题,也大概是最难解决的一个问题。 其实我们人每时每刻都在进行视觉模式
    发表于 12-23 23:17

    浅谈“人脸识别”的突破和创新

    运用,“刷脸支付”将走入我们的生活。这些消息似乎都在清楚的告诉我们,人脸识别已经从“梦想”照进“现实”。不得不承认,人脸识别的应用范围很广,从门禁、设备
    发表于 08-26 12:44

    智能人脸抓拍机人脸识别

    1,智能人脸识别算法2,人脸抓拍对比,支持人脸跟踪,人脸制动过滤3,支持数字宽动态,3D降噪功能4,支持DC 12V/24V/POE供电5,
    发表于 09-19 12:33

    LabVIEW人脸识别设计

    系统与试卷,公布综合成绩3、挑战成功学员在3-5个工作日之内即可收到退款【课程介绍】本课程主要以LabVIEW视觉和第三方开源深度学习库,实现人脸识别功能。人脸
    发表于 04-28 10:00

    人脸识别会改变什么

    导语:人脸识别已经在我们生活中随处可见,但人脸识别将会给我们生活带来便利的同时,也会重新改写我们社交的本质,以及引发隐私、公平等方面的道德讨论。2017年9月的《经济学人》杂志就
    发表于 07-16 06:26

    S32V视觉处理平台怎么实现人脸识别的应用?

    汽车行业ADAS功能需求日益增长,防疲劳驾驶是一个热门方向,对于驾驶员状态的检测,人脸识别是基础,只有快速准确地识别人脸,才能对人脸状态进
    发表于 11-26 06:36

    人脸识别系统的安装

      1、接线  当你购买厂家岀售的人脸识别门禁设备回来的时候,首先要做的就是接线,让设备可以控制开关门。  不管是哪一家的设备,大体分为3种类型的线,分别是:电源线、开门线、网线,其中网线可接可不接
    发表于 12-02 15:34

    什么是人脸识别技术

    什么是人脸识别技术人脸识别技术特点人脸识别技术流程人脸
    发表于 03-03 06:17

    【开发教程17】AI语音人脸识别(会议记录仪-人脸打卡机)-AI人脸注册认证与识别

    注意路由器名称长度和密码的长度以及加密类型都要修改。 图1.0.1 路由器相关信息 图1 在AI人脸识别系统中需要有上层服务器,CC3200通过TCP与上层的服务器建立连接关系,通过这一链路来实现
    发表于 06-15 19:17

    【开发教程17】疯壳·AI语音人脸识别(会议记录仪-人脸打卡机)-AI人脸注册认证与识别

    实现数据包的传递,从而实现人脸识别的功能。在mian.c文件中通过两个全局变量来定义服务器的IP及端口,如图1.0.2所示为连接服务器的IP及端口,用户可在此更改切换连接到自己的服务器
    发表于 08-02 15:23

    人脸识别是什么_人脸识别技术原理

    人脸识别是什么,人脸识别技术原理是如何的,它又是若何一步步实现的,人脸
    发表于 09-27 15:49 5128次阅读
    <b class='flag-5'>人脸</b><b class='flag-5'>识别</b>是什么_<b class='flag-5'>人脸</b><b class='flag-5'>识别</b>技术原理

    Vue实现登录功能

    Vue实现登录功能
    的头像 发表于 01-13 10:43 551次阅读
    <b class='flag-5'>Vue</b><b class='flag-5'>实现</b><b class='flag-5'>登录</b>功能

    SpringBoot+Vue实现网页人脸登录人脸识别案例解析

    Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过b
    发表于 02-23 15:36 783次阅读