Overview

Soybean Admin is a fresh and elegant Vue3-based admin template for mid to back-end applications. It utilizes the latest frontend technologies including Vue3, Vite3, TypeScript, NaiveUI, Pinia, and UnoCSS. It offers rich theme customization, high code quality, file-based routing system, and dynamic permission routing based on mocks. It is a ready-to-use frontend solution for mid to back-end applications and can also be used for learning and reference.

Features

• Latest Frontend Technologies: Developed using Vue3/Vite and other cutting-edge frontend technologies.
• TypeScript: Uses TypeScript as its application-level JavaScript language.
• Themes: Offers richly configurable themes, including dark mode, with dynamic theme colors based on the atomic CSS framework - UnoCss.
• Code Quality: Follows code conventions and provides rich specification plugins for high code quality.
• File-based Routing System: Automatically generates route declarations, route imports, and route modules based on page files.
• Permission Routing: Provides both frontend static and backend dynamic route modes, with dynamic route generation based on mocks.
• Request Functions: Provides comprehensive request function encapsulation based on axios, offering both Promise and hooks-based request functions with data transformation adapters.

Installation

To install Soybean Admin, follow these steps:

1. Clone the code repository:

   git clone [repository-url]
   

2. Install the dependencies:

   pnpm install
   

3. Run the build:

   pnpm build
   

4. Deploy with Docker:

   docker build -t soybean-admin .
   docker run -p 80:80 soybean-admin
   

5. Access Soybean Admin: Open your browser and visit http://localhost

Summary

Soybean Admin is a feature-rich admin template built with the latest frontend technologies. It provides a clean and elegant design, a customizable theme system, and a highly organized codebase. With its file-based routing system and dynamic permission routing, Soybean Admin offers a seamless development experience for building mid to back-end applications. It also includes a comprehensive set of tools and libraries under the SoybeanJS ecosystem for additional functionality and convenience.