SpringBoot+Vue 實(shí)現(xiàn)網(wǎng)頁(yè)版人臉登錄、人臉識(shí)別,逼格很高?。?!
介紹
FACE-UI 基于前后端分離Web端項(xiàng)目,主要實(shí)現(xiàn)了網(wǎng)頁(yè)版的人臉登錄,通過調(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ù)通過base64編碼方式存儲(chǔ)人臉圖片,通過調(diào)用騰訊云人臉對(duì)比API場(chǎng)景實(shí)現(xiàn)
一,springboot后端項(xiàng)目
1,拉取項(xiàng)目后,導(dǎo)入相關(guān)依賴jar包項(xiàng)目結(jié)構(gòu)

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

3,執(zhí)行完成后,配置騰訊云
參考:https://blog.csdn.net/Susan003/article/details/125914027
4,獲取secretId和secretKey,并開通人臉服務(wù)之后,將secretId和secretKey配置到y(tǒng)ml文件中

5,運(yùn)行 FaceEasyApplication
二,vue前端項(xiàng)目
1,拉取項(xiàng)目后,安裝依賴
npm?install?
#如果有淘寶鏡像
cnpm?install
運(yùn)行
npm?run?serve
2,效果圖,登錄頁(yè)面
注意:剛剛初始化的時(shí)候,表里面是沒有人臉的
所以登錄界面第一次拍照為錄入人臉,后續(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-easygitee
前端項(xiàng)目:https://gitee.com/susantyp/face-ui