前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >快看!如此清新优雅的后台管理系统你见过吗?

快看!如此清新优雅的后台管理系统你见过吗?

作者头像
程序员老鱼
发布2023-05-23 19:28:10
3910
发布2023-05-23 19:28:10
举报
文章被收录于专栏:前端实验室前端实验室

开源项目千千万,管理系统占一半!小师妹介绍过很多优秀的后台管理系统,有众所周知的,也有小众独特的;但是今天这个确实惊艳到小师妹了!

说她清新优雅也毫不过分,她就是——soybean-admin

soybean-admin

Soybean Admin 是一个基于 Vue3、Vite、TypeScript、NaiveUI、Pinia 和 UnoCSS 的中后台模版,使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用

特点

  • 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
  • TypeScript: 应用程序级 JavaScript 的语言
  • 主题:丰富可配置的主题、暗黑模式,基于原子 css 框架 - UnoCss 的动态主题颜色
  • 代码规范:丰富的规范插件及极高的代码规范,内置 angular 提交规范
  • 权限路由:基于文件的路由系统、基于 mock 的动态路由能快速实现后端动态路由
  • 请求函数:基于 axios 的完善的请求函数封装,提供 Promise 和 hooks 两种请求函数,加入请求结果数据转换的适配器适配器

安装使用

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

安装依赖

代码语言:javascript
复制
pnpm i

运行

代码语言:javascript
复制
pnpm dev

项目展示

仪表盘

主题配色

内置组件

地图插件

异常页面

深色模式

Soybean Admin 是完全开源免费的项目,如果你有兴趣,完全可以运用到自己的项目中,如此清新优雅的页面UI,保准让用户眼前一亮

GitHub: https://github.com/honghuangdc/soybean-admin

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-02-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端实验室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • soybean-admin
    • 特点
      • 安装使用
        • 项目展示
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档