网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql

或许这个才是你真正需要的!感兴趣的同学gitee Star一下哦!

阅读目录

  • 介绍
  • 项目介绍
    • 1,springboot后端项目
      • 1,拉取项目后,导入相关依赖jar包
      • 2,执行sql文件夹下面的mysql脚本
      • 3,执行完成后,配置腾讯云
      • 4,获取secretId和secretKey,并开通人脸服务之后,将secretId和secretKey配置到yml文件中
      • 5,运行 FaceEasyApplication
    • 2,vue前端项目
      • 1,拉取项目后,安装依赖
      • 2,效果图,登录页面
      • 3,首页效果图
      • 4,列表效果图
        • 1,添加人脸效果图
        • 2,修改人脸数据效果图
      • 5,日志列表效果图
  • 完结


介绍

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第1张图片
FACE-UI 基于前后端分离Web端项目,主要实现了网页版的人脸登录,通过调取前端摄像头拍照,传入后台进行跟数据库人脸库的相似度比对,技术的用点:Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过base64编码方式存储人脸图片,通过调用腾讯云人脸对比API场景实现

项目介绍

FACE-UI 项目地址
gitee后端项目
gitee前端项目

1,springboot后端项目

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

项目结构
网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第2张图片

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

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第3张图片

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

可以看我上一篇文章!
配置腾讯云的secretId和secretKey

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

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第4张图片

5,运行 FaceEasyApplication

2,vue前端项目

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

npm install 
如果有淘宝镜像
cnpm install
运行
npm run serve

2,效果图,登录页面

注意:刚刚初始化的时候,表里面是没有人脸的
所以登录界面第一次拍照为录入人脸,后续为验证人脸登录

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第5张图片
网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第6张图片
摄像头被我挡住了哦

3,首页效果图

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第7张图片
网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第8张图片

4,列表效果图

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第9张图片

1,添加人脸效果图

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第10张图片

2,修改人脸数据效果图

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第11张图片
其余的可以自己慢慢探索

5,日志列表效果图

网页版人脸登录,Web端人脸登录,人脸识别,基于Springboot+vue2.X版本+mysql_第12张图片

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

完结

用心创作,科技改变未来
感谢您的阅读!

你可能感兴趣的:(开源项目,前端,spring,boot,mysql,个人开发,人工智能)