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

简介: SpringBoot+Vue 实现网页版人脸登录、人脸识别,逼格很高!!!


介绍

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

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

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

一,springboot后端项目

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

项目结构

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

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

参考

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

5,运行 FaceEasyApplication

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

二,vue前端项目

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

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

运行

npm run serve

2,效果图,登录页面

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

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

摄像头被我挡住了哦😂

3,首页效果图

4,列表效果图

4.1,添加人脸效果图

4.2,修改人脸数据效果图

其余的可以自己慢慢探索

5,日志列表效果图

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

项目地址

FACE-UI 项目地址



相关文章
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的生产管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的生产管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的游戏销售系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的游戏销售系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的水果网上商城的开发与设计的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的水果网上商城的开发与设计的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的学生二手书籍交易平台的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的学生二手书籍交易平台的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汽车租赁系统业务管理子系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汽车租赁系统业务管理子系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的潍坊理工学院就业信息网的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的潍坊理工学院就业信息网的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的网络书店系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的网络书店系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的物业管理的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的物业管理的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的青海大学昆仑学院学生档案管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的青海大学昆仑学院学生档案管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的自习室预订座位管理分析与实现的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的自习室预订座位管理分析与实现的详细设计和实现(源码+lw+部署文档+讲解等)

热门文章

最新文章