A professional, good-looking and highly completed admin open source project, whether it is used for production or learning, it is very worth trying.
About Soybean Admin
Soybean Admin is a mid-background template based on Vue3 / Vite3 / TypeScript / NaiveUI / Pinia and UnoCSS. It uses the latest popular front-end technology stack, built-in rich theme configuration, has extremely high code specifications, file-based routing system and Mock-based dynamic permission routing, an out-of-the-box mid-background and front-end solution, can also be used for learning reference.
Technical Features of Soybean Admin
- Use the latest popular front-end technology stack: use Vue3 / Vite and other front-end front-end technology development, use the efficient npm package manager pnpm
- Support TypeScript
- Rich and configurable themes, dark mode, dynamic theme colors based on atomic css framework – UnoCss
- Excellent code specification: rich specification plug-ins and extremely high-demand code specifications, with great learning value
- File routing system: a file-based routing system that automatically generates routing declarations, routing imports, and routing modules based on page files
- Authorized routing: Provides two routing modes, front-end static and back-end dynamic, mock-based dynamic routing can quickly realize back-end dynamic routing
- Network request function: Based on the perfect request function encapsulation of axios, it provides two request functions, Promise and hooks, and adds an adapter for request result data conversion
What is the role of the Admin middle and background system?
The background management system, also known as the Admin system , is a tool for managing and controlling the background operations of websites, apps or software systems. admin provides a user interface that allows administrators or authorized users to administer, configure, and monitor the system. A well-functioning background management system generally has the following functions:
In short, the background management system plays a key role in the development and operation of websites, applications or systems, and is often the initial stage of an Internet project. The Soybean Admin I will introduce to you today is a front-end framework that allows developers to quickly build a professional and beautiful, out-of-the-box admin . Almost all the functions mentioned above can be realized.
Getting Started with Soybean Admin Development
It should be noted that running Soybean Admin in the local environment needs to install pnpm 7.x+ , Node.js 14.18+ and Git , and then get the code from GitHub:
Install project dependencies
Install global dependencies
bash
Initialize husky
Then execute the dev in the npm script to run Soybean Admin locally. The official website also gives more detailed documentation.
Fresh and elegant themes, including dark mode
The default theme of Soybean Admin is very good-looking, with elegant colors, and can automatically switch to dark mode. It also supports configuring multiple tabs, changing layout modes, switching animations, etc., and its functions are even better than many paid admin systems.
Free Open Source and Commercial Instructions
Soybean Admin is a completely free and open source admin project. The source code is hosted on Github based on the MIT open source agreement . Anyone can download the code for free and use it, and it can also be used for commercial purposes.
Original link: https://www.thosefree.com/soybean-admin