FACE-UI Face Login System: Spring Boot Backend and Vue Frontend Implementation Guide

FACE-UI is a front‑back separated web project that implements face login by capturing a photo via the browser camera, sending it to the backend, and comparing it with a stored face database.

Backend (Spring Boot)

1. Clone the project and import the required JAR dependencies.

2. Execute the MySQL scripts located in the sql folder to create the necessary tables.

3. Configure Tencent Cloud facial recognition service by obtaining secretId and secretKey and adding them to the application.yml file.

4. Run the FaceEasyApplication class to start the backend service.

Frontend (Vue 2.x)

1. After cloning the repository, install dependencies:

npm install
# If you use the Taobao mirror
cnpm install

2. Start the development server:

npm run serve

The login page initially captures a face for enrollment; subsequent logins verify the face against the stored data.

Various UI screenshots illustrate the login page, home page, face list CRUD operations, and log list.

Project Addresses

Backend: https://gitee.com/susantyp/face-easy

Frontend: https://gitee.com/susantyp/face-ui

The article concludes with a call to share the content and join the architecture community for further learning.