开源、免费、多主题模版,清新优雅UI 物联网前端解决方案

4ebe64038d2c688efbd7968ed95c4166.png

简介

Soybean Admin 是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于mock实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。

技术优势

最新前端技术栈

使用 Vue3/Vite 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm

开发语言

TypeScript,应用程序级 JavaScript 的语言

丰富主题配色

丰富可配置的主题、暗黑模式,基于原子 css 框架 - UnoCss 的动态主题颜色

代码规范

丰富的规范插件及极高的代码规范

文件路由系统

基于文件的路由系统,根据页面文件自动生成路由声明、路由导入和路由模块

权限路由

提供前端静态和后端动态两种路由模式,基于 mock 的动态路由能快速实现后端动态路由

请求函数

基于 axios 的完善的请求函数封装,提供 Promise 和 hooks 两种请求函数,加入请求结果数据转换的适配器

Web界面展示

仪表盘

88068b005662ac58bcb1a59c2e28f291.png

仪表盘 - 夜间模式

e2eae34ae022cc48b0545b17461f7fe2.png

图表组件

c7446548751a53018b48b1822492dcdf.png

地图组件

75ee5fd85e58bc9f3700500cd9bbd59e.png

视频组件

64bd486ade89fae431b63f88275b6379.png

用户管理

5bf3adc49520228d7fe452b9435c7720.png

主题配置

7a3df243a16428677a1589b47df9d11e.png

安装使用

bc8cc7ab6938a97a02ff87fde1967db5.png

环境配置 本地环境需要安装 pnpm 7.x 、Node.js 14.18+Git

  • 克隆代码

git clone https://github.com/honghuangdc/soybean-admin.git
  • 安装依赖

pnpm i
  • 运行

pnpm dev
  • 打包

pnpm build

在线体验 : https://soybean.pro

往期推荐

☞ IDC中国2022年IoT物联网平台评估报告

☞ 2022年 IoT物联网平台趋势: 私有化

☞ 5个值得分享的物联网创业失败教训

☞ 国内 4 大 IoT物联网平台选型对比

☞ 云厂商的 [IoT物联网平台] 不香了吗?

9aa8d0b76e6f5fab3ec5ded0bb0dd613.png

cdf8f6f01ce2e867545ad1022b79ba08.gif

eafa6102c52a63ae3cdf003c483bf29f.gif

1d591872de43e0e384d3a7d40376f256.gif

bd6277133b472cc7203a604762432123.gif

猜你喜欢

转载自blog.csdn.net/klandor2008/article/details/129471304