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

👉这是一个或许对你有用的开源项目

国产 Star 破 10w+ 的开源项目，前端包括管理后台 + 微信小程序，后端支持单体和微服务架构。

功能涵盖 RBAC 权限、SaaS 多租户、数据权限、商城、支付、工作流、大屏报表、微信公众号、CRM 等等功能：

• Boot 仓库：https://gitee.com/zhijiantianya/ruoyi-vue-pro
• Cloud 仓库：https://gitee.com/zhijiantianya/yudao-cloud
• 视频教程：https://doc.iocoder.cn

【国内首批】支持 JDK 21 + SpringBoot 3.2.0、JDK 8 + Spring Boot 2.7.18 双版本 

• 介绍
• 一，springboot后端项目
• 二，vue前端项目
• 项目地址

介绍

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包

项目结构

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

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

参考

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

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

5，运行 FaceEasyApplication

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

• 项目地址：https://github.com/YunaiV/yudao-cloud
• 视频教程：https://doc.iocoder.cn/video/

二，vue前端项目

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

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

运行

npm run serve

2，效果图，登录页面

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

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

摄像头被我挡住了哦😂

3，首页效果图

4，列表效果图

4.1，添加人脸效果图

4.2，修改人脸数据效果图

其余的可以自己慢慢探索

5，日志列表效果图

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

项目地址

FACE-UI 项目地址

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