[Open Source] Frontend-Backend Separated Admin Management System with Code Generator, Multi-Device Compatibility, and Multiple Editions
![[Open Source] Frontend-Backend Separated Admin Management System with Code Generator, Multi-Device Compatibility, and Multiple Editions](https://yy123.ink/api/img/1782596986553-f3ddn8.jpg)
1. Project Overview

Little Ant Cloud Microservices - Nacos + ElementPlus Edition
Little Ant Cloud Microservices Nacos + ElementPlus Backend Management System, built on a technology stack including SpringCloud, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, Vue3, TypeScript, ElementPlus, and MySQL. Supports multiple theme switching and cross-device compatibility. Designed to meet the customized project requirements of enterprises, government organizations, and developers. Multiple editions are currently available to suit different needs. It integrates a permission management system and basic modules to improve development efficiency and save labor costs.
2. Open Source License
Licensed under Apache-2.0
3. Screenshots
Module Preview
![]() |
![]() |
![]() |
![]() |
|
|
![]() |
![]() |
|
|
|
![]() |
![]() |
![]() |
|
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
|
|
![]() |
![]() |
![]() |
![]() |
![]() |
4. Feature Overview

5. Tech Stack
A monolithic frontend-backend separated management system built using a technology stack including SpringCloud, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, Vue3, TypeScript, ElementPlus, and MySQL.
The backend is developed in Java using mainstream technologies such as SpringCloud, SpringBoot3, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, and MySQL. The frontend is built with Vue3, TypeScript, Vite, and other technologies, using the ElementPlus UI framework. Following mainstream Vue frontend-backend separation design principles, the system adopts a fully decoupled frontend and backend architecture to enable specialized division of responsibilities and modular, component-based development. The frontend application interacts with backend services through API calls.
The entire system features a comprehensive RBAC permission architecture, with fine-grained permissions down to the button level. It supports multiple themes and cross-device compatibility, including mobile phones, PAD tablets, and desktop computers, improving the user experience. To simplify development, it also integrates essential modules, including user management, role management, menu management, department management, position management, job level management, log management, tenant management, dictionary management, configuration management, administrative divisions, task scheduling, and other basic functional modules.
To meet the multi-tenant requirements of certain enterprises and developers, multi-tenant functionality was carefully designed and supported from the very beginning of the project.
To enable rapid project development, the official team independently developed a complete code generator. Based on a standardized single database table structure, it can generate backend file code and frontend module code with just one click.
To better accommodate the customized project requirements of enterprises, government organizations, and developers, multiple editions of the monolithic frontend-backend separated architecture are currently available. Simply choose the edition that best suits your actual needs. The software framework itself integrates a permission management architecture and essential functional modules, significantly improving development efficiency, reducing project development costs, and saving labor.
Software Architecture
-
Adopts a modular and plugin-based design, allowing core libraries to be imported as needed.
-
Uses microservice component frameworks such as Spring Cloud, Spring Cloud Alibaba, and SpringBoot.
-
Uses unified microservice authentication frameworks such as Spring Authorization Server and SpringSecurity.
-
Uses unified microservice authentication frameworks such as Nacos and Seata.
-
Implements complete frontend-backend separation using Vue3, TypeScript, ElementPlus, Vite, and other technologies.
-
Uses mainstream open-source frameworks such as MybatisPlus, hutool, and fastjson2.
-
Uses token generation mechanisms based on JSON Web Token and Redis caching technologies.
-
Uses AOP aspect-oriented programming to implement logging and permission access control, with granularity down to individual button-level permission nodes.
-
Uses the Validator framework to enforce strict validation of DTO parameters.
-
Uses SpringDoc and knife4j to provide online API documentation.
-
Uses Redis caching to store login information and implement an online forced logout mechanism.
-
Uses mybatis-plus-generator to implement a code generator that generates module files with one click.
-
Uses MybatisPlus to implement multi-tenant data isolation.
-
Integrates core features such as Alibaba Cloud SMS and email services to achieve business decoupling.
-
Integrates online monitoring technologies to monitor application health and performance in real time.
-
Integrates the Druid database connection pool for database connection management.
Technology Stack
|
Dependency |
Version |
|
JDK 17 |
17.0.10 |
|
Spring Cloud |
2023.0.3 |
|
Spring Cloud Alibaba |
2023.0.1.2 |
|
Spring Boot |
3.3.0 |
|
Spring Security |
3.3.0 |
|
Spring Authorization Server |
1.3.0 |
|
Mybatis Plus |
3.5.7 |
|
hutool-all |
5.8.26 |
|
fastjson2 |
2.0.46 |
|
lombok |
1.18.30 |
|
knife4j |
4.4.0 |
|
easyexcel |
3.3.4 |
|
Vue3 |
3.4.27 |
|
ElementPlus |
2.7.4 |
Other Editions
|
Edition Name |
Description |
|
Little Ant Cloud Monolithic Vue3 + ElementPlus Edition |
Based on SpringBoot3, SpringSecurity, MybatisPlus, Vue3, ElementPlus, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Monolithic Vue3 + AntDesign Edition |
Based on SpringBoot3, SpringSecurity, MybatisPlus, Vue3, AntDesign, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Monolithic Vue3 + NaiveUI Edition |
Based on SpringBoot3, SpringSecurity, MybatisPlus, Vue3, NaiveUI, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Monolithic Vue3 + ArcoDesign Edition |
Based on SpringBoot3, SpringSecurity, MybatisPlus, Vue3, ArcoDesign, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices - Nacos + ElementPlus Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, Vue3, ElementPlus, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Nacos + AntDesign Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, Vue3, AntDesign, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Nacos + NaiveUI Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, Vue3, NaiveUI, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Nacos + ArcoDesign Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Nacos, Seata, MybatisPlus, Vue3, ArcoDesign, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Consul + ElementPlus Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Consul, Seata, MybatisPlus, Vue3, ElementPlus, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Consul + AntDesign Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Consul, Seata, MybatisPlus, Vue3, AntDesign, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Consul + NaiveUI Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Consul, Seata, MybatisPlus, Vue3, NaiveUI, TypeScript, Vite, MySQL, and other technologies. |
|
Little Ant Cloud Microservices Consul + ArcoDesign Edition |
Based on SpringCloud, SpringSecurity, OAuth2, Consul, Seata, MybatisPlus, Vue3, ArcoDesign, TypeScript, Vite, MySQL, and other technologies. |
Software Information
-
Software Name: Little Ant Cloud Microservices Nacos + ElementPlus Edition
-
Software Author: @Little Ant Team
-
Software License: Apache-2.0































