阅读全文

⭐⭐⭐ Spring Boot 项目实战	⭐⭐⭐ Spring Cloud 项目实战
《Dubbo 实现原理与源码解析 —— 精品合集》	《Netty 实现原理与源码解析 —— 精品合集》
《Spring 实现原理与源码解析 —— 精品合集》	《MyBatis 实现原理与源码解析 —— 精品合集》
《Spring MVC 实现原理与源码解析 —— 精品合集》	《数据库实体设计合集》
《Spring Boot 实现原理与源码解析 —— 精品合集》	《Java 面试题 + Java 学习指南》

摘要: 原创出处 blog.csdn.net/Susan003/article/details/125920408 「来自上海的这位朋友」欢迎转载，保留摘要，谢谢！

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

---

🙂🙂🙂关注**微信公众号：【芋道源码】**有福利：

1. RocketMQ / MyCAT / Sharding-JDBC 所有源码分析文章列表
2. RocketMQ / MyCAT / Sharding-JDBC 中文注释源码 GitHub 地址
3. 您对于源码的疑问每条留言都将得到认真回复。甚至不知道如何读源码也可以请教噢。
4. 新的源码解析文章实时收到通知。每周更新一篇左右。
5. 认真的源码交流微信群。

---

介绍

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

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

一，springboot后端项目

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

项目结构

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

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

参考

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

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

5，运行 FaceEasyApplication

二，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