国产开源、免费、多主题模版,Vue3 简洁优雅 IoT 物联网 Web 前端大屏解决方案...

项目源码,文末联系小编

01

Soybean 物联网管理后台

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

技术优势

最新前端技术栈

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

开发语言

TypeScript,应用程序级 JavaScript 的语言

丰富主题配色

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

代码规范

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

文件路由系统

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

权限路由

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

请求函数

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

02

Soybean 界面

仪表盘

图表组件

地图组件

视频组件

用户管理

主题配置

03

Soybean 开发生态

  • **electron-mock-admin:**一个 Mock Api 管理系统,帮助前端开发伙伴快速实现接口的 mock。

  • **T-Shell:**是一个可配置命令提示的终端模拟器和 SSH 客户端。

  • **pea :**采用SpringBoot3.2 + JDK21、MyBatis-Plus、SpringSecurity安全框架等,适配 soybean-admin 开发的简单权限系统。

  • **MalusAdmin:**基于 Vue3/TypeScript/NaiveUI 和 NET7 & Sqlsugar 开发的后台管理框架。采用最原生最简洁的方式来实现, 前端清新优雅高颜值,后端 结构清晰,优雅易懂,功能强大。

  • **PanisAdmin:**采用SpringBoot3、SaToken、MySQL等框架开发,二次修改 soybean-admin,适配动态菜单/按钮级别的鉴权,保留原汁原味、清新优雅、高颜值的后台管理系统脚手架。

  • snail-job: 一款兼具 "高性能、高颜值、高活跃" 的分布式任务重试和分布式任务调度平台。

  • **SuperApi:**快速将你的 idea 变成线上稳定运行的产品!无实体建库建表,对无实体库表进行增删改查,支持 15 种条件查询,以及分页,列表,无限级树形列表 等功能的 API 部署!拥有接口文档,Auth 授权,接口限流,获取客户端真实 IP,先进的服务器缓存组件,动态 API 等功能,期待您的体验!

  • FastSoyAdmin: 基于 FastAPI+Vue3+Naive UI 的现代化轻量管理平台。

04

Soybean 安装部署 & 演示

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

  • 克隆代码
php 复制代码
git clone https://github.com/honghuangdc/soybean-admin.git
  • 安装依赖
nginx 复制代码
pnpm i
  • 运行
nginx 复制代码
pnpm dev
  • 打包
nginx 复制代码
pnpm build

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

如有需求请联系小编**: beacon0418******

往期推荐

☞ 高德地图: 红绿灯倒计时大揭秘

☞ 高速"车牌付"会取代 ETC 吗?

国内七大 IoT 物联网平台对比

☞ 我为什么放弃中移物联OneNET平台

☞ 这苦逼的IoT物联网我竟坚持了十年

☞ 打工人上班摸鱼, AI 监控老板行踪

相关推荐
初願致夕霞几秒前
五种IO模型(详解非阻塞IO与多路转接)
linux·前端·网络·数据库·tcp/ip
深圳多奥智能一卡(码、脸)通系统2 分钟前
智能梯控SDK可直接用于第三方开发对接的接口文档说明书
服务器·前端·算法
烂蜻蜓11 分钟前
Flask入门教程(十五):错误处理与日志——打造健壮的Web应用
前端·python·flask
FIT2CLOUD飞致云13 分钟前
修复安全漏洞,支持MCP模型配置,SQLBot开源智能问数系统v1.10.1版本发布
ai·数据分析·开源·智能问数·sqlbot
深念Y19 分钟前
浏览器缩放检测的前端通用方案
前端
风骏时光牛马26 分钟前
AIAgent异常故障根因分析与复盘总结
前端
苏灿烤鱼27 分钟前
AI总改崩你的代码?4.6万星GitNexus架构深拆
typescript·开源·agent
weixin_4316004428 分钟前
前端数据埋点(7):Web Vitals——页面慢不慢,不是再包一层 fetch
前端·性能优化·sentry·数据埋点
এ慕ོ冬℘゜2 小时前
前端实战:jQuery实现动态表格渲染与状态切换功能
前端·javascript·jquery
jay神2 小时前
【计算机毕业设计】基于Flask+Vue的电影数据可视化与智能推荐系统
前端·vue.js·python·信息可视化·flask·毕业设计·课程设计