SpringBoot+Vue實(shí)現(xiàn)網(wǎng)頁(yè)版人臉登錄、人臉識(shí)別

介紹

FACE-UI 基于前后端分離Web端項(xiàng)目，主要實(shí)現(xiàn)了網(wǎng)頁(yè)版的人臉登錄，通過(guò)調(diào)取前端攝像頭拍照，傳入后臺(tái)進(jìn)行跟數(shù)據(jù)庫(kù)人臉庫(kù)的相似度比對(duì)。

技術(shù)點(diǎn)：Springboot，Mysql，JWT，VUE 2.X 等等技術(shù)實(shí)現(xiàn)，主要功能點(diǎn)：人臉列表CRUD，日志列表CRUD，基于自建人臉庫(kù)通過(guò)base64編碼方式存儲(chǔ)人臉圖片，通過(guò)調(diào)用騰訊云人臉對(duì)比API場(chǎng)景實(shí)現(xiàn)

基于 Spring Boot + MyBatis Plus + Vue & Element 實(shí)現(xiàn)的后臺(tái)管理系統(tǒng) + 用戶(hù)小程序，支持 RBAC 動(dòng)態(tài)權(quán)限、多租戶(hù)、數(shù)據(jù)權(quán)限、工作流、三方登錄、支付、短信、商城等功能

項(xiàng)目地址：https://github.com/YunaiV/ruoyi-vue-pro

視頻教程：https://doc.iocoder.cn/video/

一，springboot后端項(xiàng)目

1，拉取項(xiàng)目后，導(dǎo)入相關(guān)依賴(lài)jar包

項(xiàng)目結(jié)構(gòu)

2，執(zhí)行sql文件夾下面的mysql腳本

3，執(zhí)行完成后，配置騰訊云

參考

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

4，獲取secretId和secretKey，并開(kāi)通人臉?lè)?wù)之后，將secretId和secretKey配置到y(tǒng)ml文件中

5，運(yùn)行 FaceEasyApplication

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 實(shí)現(xiàn)的后臺(tái)管理系統(tǒng) + 用戶(hù)小程序，支持 RBAC 動(dòng)態(tài)權(quán)限、多租戶(hù)、數(shù)據(jù)權(quán)限、工作流、三方登錄、支付、短信、商城等功能

項(xiàng)目地址：https://github.com/YunaiV/yudao-cloud

視頻教程：https://doc.iocoder.cn/video/

二，vue前端項(xiàng)目

1，拉取項(xiàng)目后，安裝依賴(lài)

npminstall #如果有淘寶鏡像 cnpminstall

運(yùn)行

npmrunserve

2，效果圖，登錄頁(yè)面

注意：剛剛初始化的時(shí)候，表里面是沒(méi)有人臉的

所以登錄界面第一次拍照為錄入人臉，后續(xù)為驗(yàn)證人臉登錄

攝像頭被我擋住了哦

3，首頁(yè)效果圖

4，列表效果圖

4.1，添加人臉效果圖

4.2，修改人臉數(shù)據(jù)效果圖

其余的可以自己慢慢探索

5，日志列表效果圖

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

項(xiàng)目地址

FACE-UI 項(xiàng)目地址

gitee后端項(xiàng)目：https://gitee.com/susantyp/face-easy

gitee前端項(xiàng)目：https://gitee.com/susantyp/face-ui

審核編輯 ：李倩