Introduction
Soybean Admin is a free mid-backend template based on Vue3, Vite, TypeScript, and Naive UI . It uses the latest front-end technology stack, built-in rich theme configuration, has extremely high code specifications, and implements dynamic permission routing based on mocks. The out-of-the-box mid-background and front-end solutions can also be used for learning reference.
Technical advantages
The latest front-end technology stack
Developed using front-end cutting-edge technologies such as Vue3/Vite, using the efficient npm package manager pnpm
Development language
TypeScript, the language for application-level JavaScript
Rich theme color matching
Rich and configurable themes, dark mode, dynamic theme colors based on atomic css framework - UnoCss
code specification
Abundant specification plug-ins and extremely high code specification
file routing system
File-based routing system, automatically generates routing declarations, routing imports, and routing modules based on page files
Authority Routing
Provides two routing modes, front-end static and back-end dynamic, mock-based dynamic routing can quickly realize back-end dynamic routing
request function
Based on the perfect request function encapsulation of axios, it provides two kinds of request functions, Promise and hooks, and adds an adapter for request result data conversion
Web interface display
dash board
Dashboard - Night Mode
Chart component
map component
video component
User Management
theme configuration
installation and use
Environment configuration The local environment needs to install pnpm 7.x, Node.js 14.18+ and Git
clone code
git clone https://github.com/honghuangdc/soybean-admin.git
install dependencies
pnpm i
run
pnpm dev
Pack
pnpm build
Online experience: https://soybean.pro
Past recommendation
☞ IDC China 2022 IoT Platform Evaluation Report
☞ IoT Platform Trends in 2022: Privatization
☞ 5 failed lessons worth sharing about Internet of Things startups