SpringBoot+Vue 實(shí)現(xiàn)網(wǎng)頁版人臉登錄、人臉識(shí)別?。?!
介紹
FACE-UI 基于前后端分離Web端項(xiàng)目,主要實(shí)現(xiàn)了網(wǎng)頁版的人臉登錄,通過調(diào)取前端攝像頭拍照,傳入后臺(tái)進(jìn)行跟數(shù)據(jù)庫人臉庫的相似度比對(duì)。
技術(shù)點(diǎn):Springboot,Mysql,JWT,VUE 2.X 等等技術(shù)實(shí)現(xiàn),主要功能點(diǎn):人臉列表CRUD,日志列表CRUD,基于自建人臉庫通過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í)行完成后,配置騰訊云
1,首先登錄騰訊云,進(jìn)入騰訊云首頁

2,點(diǎn)擊頭像的賬號(hào)信息

3,點(diǎn)擊訪問管理

4,點(diǎn)訪問密鑰

5,API密鑰管理

6,點(diǎn)擊新建即可獲取secretId和secretKey

人臉服務(wù)開通
1,搜索人臉識(shí)別,點(diǎn)擊服務(wù)概覽

2,點(diǎn)擊開通即可

人臉資源包

4,獲取secretId和secretKey,并開通人臉服務(wù)之后,將secretId和secretKey配置到y(tǒng)ml文件中。另外,搜索公眾號(hào)頂級(jí)架構(gòu)師后臺(tái)回復(fù)“筆記系統(tǒng)”,獲取一份驚喜禮包。

5,運(yùn)行 FaceEasyApplication
二,vue前端項(xiàng)目
1,拉取項(xiàng)目后,安裝依賴
npm install
#如果有淘寶鏡像
cnpm install
運(yùn)行
npm run serve
2,效果圖,登錄頁面
注意:剛剛初始化的時(shí)候,表里面是沒有人臉的
所以登錄界面第一次拍照為錄入人臉,后續(xù)為驗(yàn)證人臉登錄


攝像頭被我擋住了哦??
3,首頁效果圖

