1. Project Overview

Lucky-Admin-Vue

A Rapid Development Backend Framework Based on SpringBoot 3 + Vue 2 with Frontend-Backend Separation

Lucky-Admin-Vue is a rapid development backend framework based on SpringBoot 3 + Vue 2 with frontend-backend separation. It adopts a decoupled frontend and backend architecture and integrates functional modules such as user management, menu management, role management, log management, operation logs, login logs, code generation, system APIs, online users, service monitoring, cache management, file uploads, and file downloads.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

4. Feature Overview

Lucky-Admin

A Backend Management System Framework Based on SpringBoot, Vue, MySQL, and Element-UI with Frontend-Backend Separation. An Out-of-the-Box Management System Solution for Enterprise Applications.

Modular design

Modular architecture based on SpringBoot + Vue, supporting functional extensions.

Permission Management

Comprehensive RBAC permission control system supporting fine-grained permission allocation.

Component Library

Built-in 50+ high-quality business components, ready to use out of the box.

Monitoring System

Integrates operational monitoring features such as health checks and log tracing.

Continuous Integration

Integrates continuous integration tools such as Jenkins and GitLab.

Code Generation

A MyBatis-Plus-based code generator supporting multiple data sources.

5. Tech Stack

Development environment

• JDK 17
• MySQL 8.0+
• Node 18.20.5+
• Vue 2
• SpringBoot 3.4.1
• Mybatis-plus 3.5.10.1
• Springdoc OpenAPI 2.7.0

Default Credentials

• Account: admin
• Password: 1111111

Directory Structure

> lucku-admin         ## Backend Project
> lucku-admin-vue     ## Frontend Project

1. Clone the Project Locally

git clone lucky-admin-vue

2. Import the Database

You need to create the database yourself. You can choose any database name.

After creating the database, import the SQL file.

Required SQL File for Project Initialization

The database file is located in the project root directory: sql/sql/createProject.sql

Import the mobile application SQL file as needed. If you need to use the mobile application, you must also import its SQL file.

The mobile application SQL file is located in the project root directory: sql/sql/createApp.sql

3. Modify the Configuration Files

The configuration files are divided into dev (development environment) and prod (production environment). Modify the corresponding configuration file to run the project in different environments.

There are three configuration files that need to be modified:

- application-dev.yml           ## Development Environment Configuration
- application-prod.yml          ## Production Environment Configuration
- application.yml               ## Common Configuration

Modify the Active Configuration Profile

spring:
application:
name:lucky-admin
profiles:
active:dev## dev for development environment, prod for production environment

Remember to update the database connection settings in the corresponding configuration files.

4. Install Frontend Dependencies

cdlucky-admin-vue/lucky-admin-ui
npminstall pnpm -g
pnpminstall

5. Start the Frontend

npm run dev

6. Start the Backend

7. Access URLs

[http://localhost:9528](http://localhost:9528) ## Frontend

[http://localhost:8080/dev-api](http://localhost:8080/dev-api) ## Development Backend

[http://localhost:8080/prod-api](http://localhost:8080/prod-api) ## Production Backend