点击上方“芋道源码”,选择“设为星标

管她前浪,还是后浪?

能浪的浪,才是好浪!

每天 10:33 更新文章,每天掉亿点点头发...

源码精品专栏

 

来源:blog.csdn.net/Susan003/

article/details/125920408


介绍

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包

项目结构

499d1a2295e9254a882a1a5d730ef968.png

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

bd836bbbeb3cb2945c35875b3a0a5ea4.png

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

参考

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

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

05c085b124da00bab06ddd07ec08e787.png

5,运行 FaceEasyApplication

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/yudao-cloud

  • 视频教程:https://doc.iocoder.cn/video/

二,vue前端项目

1,拉取项目后,安装依赖

npm install 
#如果有淘宝镜像
cnpm install

运行

npm run serve

2,效果图,登录页面

注意:刚刚初始化的时候,表里面是没有人脸的

所以登录界面第一次拍照为录入人脸,后续为验证人脸登录

f13420c8ac2019649190956b7cfdbaac.png 5e75c8c7e55499ef1868f2e01d054bad.png

摄像头被我挡住了哦😂

3,首页效果图

0b9f8f1d1d94e7504c41337ab234ae3c.png 32ad61f20eab560b6bf7df9bd1cc559b.png

4,列表效果图

b7563fe710f25fb7fc48d41a8ddfa16b.png

4.1,添加人脸效果图

97d1ef494771060bd0902a430bdc8bb7.png

4.2,修改人脸数据效果图

fed04e134ca86eb8da3953c9aeca9fc0.png

其余的可以自己慢慢探索

5,日志列表效果图

4cdd1da69c25bff1edf0db7b6b1b02a2.png

日志列表 主要记录近期:登录的情况以及异常

项目地址

FACE-UI 项目地址

  • gitee后端项目:https://gitee.com/susantyp/face-easy

  • gitee前端项目:https://gitee.com/susantyp/face-ui



欢迎加入我的知识星球,一起探讨架构,交流源码。加入方式,长按下方二维码噢

93faac74b145a873f653a60098191a37.png

已在知识星球更新源码解析如下:

dd07ced6490db3cd25bdff69b55fb113.jpeg

97f0f4ab0184b9e6ca5afdd8dc81bb69.jpeg

bc4288930c591c9c3ef0767148099656.jpeg

dda0fc07c434091568607032c7e22864.jpeg

最近更新《芋道 SpringBoot 2.X 入门》系列,已经 101 余篇,覆盖了 MyBatis、Redis、MongoDB、ES、分库分表、读写分离、SpringMVC、Webflux、权限、WebSocket、Dubbo、RabbitMQ、RocketMQ、Kafka、性能测试等等内容。

提供近 3W 行代码的 SpringBoot 示例,以及超 4W 行代码的电商微服务项目。

获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。

文章有帮助的话,在看,转发吧。
谢谢支持哟 (*^__^*)
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐