[Open Source] Frontend-Backend Separated Admin Management System with Code Generator, Multi-Device Compatibility, and Multiple Editions

Open SourceProcess Management
2026-06-28 05:50 1 次浏览 • 0 次下载 0KB
[Open Source] Frontend-Backend Separated Admin Management System with Code Generator, Multi-Device Compatibility, and Multiple Editions

1. Project Overview

Image

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

Image Image
Image Image

Image

Image
Image

Image

Image

Image
Image Image

Image

Image
Image Image
Image Image
Image Image
Image Image
Image

Image

Image Image

Image

Image
Image Image
Image Image

 

4. Feature Overview

Image

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

#1
资源直链https://gitee.com/xiaomayicloud/XiaoMaYi-Nacos-EleVue
去下载
星河码客

发现和分享优质开源项目,传承互联网精神,为开发者服务。

关于本站

联系我们

微信/广告合作:ITcloub (备注星河码客)

免责声明:本站资源版权归原作者所有,仅供学习与交流。如有侵权,请通过「关于我们 - 侵权投诉」联系删除。

Powered by Nuxt · Deployed on Cloudflare