Open source, free, multi-theme templates, fresh and elegant UI IoT front-end solution

4ebe64038d2c688efbd7968ed95c4166.png

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

88068b005662ac58bcb1a59c2e28f291.png

Dashboard - Night Mode

e2eae34ae022cc48b0545b17461f7fe2.png

Chart component

c7446548751a53018b48b1822492dcdf.png

map component

75ee5fd85e58bc9f3700500cd9bbd59e.png

video component

64bd486ade89fae431b63f88275b6379.png

User Management

5bf3adc49520228d7fe452b9435c7720.png

theme configuration

7a3df243a16428677a1589b47df9d11e.png

installation and use

bc8cc7ab6938a97a02ff87fde1967db5.png

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

☞ Selection and comparison of four domestic IoT platforms

☞ Is the [IoT platform] of cloud vendors not popular?

9aa8d0b76e6f5fab3ec5ded0bb0dd613.png

cdf8f6f01ce2e867545ad1022b79ba08.gif

eafa6102c52a63ae3cdf003c483bf29f.gif

1d591872de43e0e384d3a7d40376f256.gif

bd6277133b472cc7203a604762432123.gif

Guess you like

Origin blog.csdn.net/klandor2008/article/details/129471304