介紹

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，拉取項目后，安裝依賴

npminstall #如果有淘寶鏡像 cnpminstall

運行

npmrunserve

2，效果圖，登錄頁面

注意：剛剛初始化的時候，表里面是沒有人臉的

所以登錄界面第一次拍照為錄入人臉，后續為驗證人臉登錄

攝像頭被我擋住了哦

3，首頁效果圖

4，列表效果圖

4.1，添加人臉效果圖

4.2，修改人臉數據效果圖

其余的可以自己慢慢探索

5，日志列表效果圖

日志列表 主要記錄近期：登錄的情況以及異常

項目地址

FACE-UI 項目地址

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

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

審核編輯 ：李倩