Face-UI: Web-Based Facial Login System Using Spring Boot and Vue
This article introduces FACE-UI, a front‑back separated web application that implements facial login by capturing a photo via the browser, sending it to a Spring Boot backend, and using Tencent Cloud's face comparison API for authentication, with full setup instructions and code examples.
Introduction: FACE-UI is a front‑back separated web project that implements facial login by capturing a photo from the browser, sending it to the backend, and comparing it with a stored face database.
Technology stack: Spring Boot, MySQL, JWT, Vue 2.x, and Tencent Cloud face comparison API. Core features include CRUD for face list and logs, storing face images as Base64, and invoking the cloud API for similarity matching.
Backend setup: After cloning the repository, import the required JARs, run the provided MySQL scripts, configure Tencent Cloud credentials (secretId and secretKey) in the YAML file, and start the application by running FaceEasyApplication .
Frontend setup: After cloning the repository, install dependencies with npm install (or cnpm install if using a Taobao mirror) and start the development server with npm run serve . The UI includes a login page that registers the first captured face and subsequent logins verify the face.
The article also shows screenshots of the login page, home page, face list, and log list, and provides Gitee links to the backend ( https://gitee.com/susantyp/face-easy ) and frontend ( https://gitee.com/susantyp/face-ui ) repositories.
Java Architect Essentials
Committed to sharing quality articles and tutorials to help Java programmers progress from junior to mid-level to senior architect. We curate high-quality learning resources, interview questions, videos, and projects from across the internet to help you systematically improve your Java architecture skills. Follow and reply '1024' to get Java programming resources. Learn together, grow together.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.