简介
Naive Ui Admin 是一个收费开源的中后盾模版,应用了最新的 vue3
,vite2
,TypeScript
等支流技术开发,开箱即用的中后盾前端解决方案,也可用于学习参考。
个性
- 最新技术栈:应用 Vue3/vite2 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- 主题:可配置的主题
- Mock 数据 内置 Mock 数据计划
- 权限 内置欠缺的动静路由权限生成计划
- 组件 二次封装了多个罕用的组件
页面性能
-
✨ Features
- 菜单模式(左侧 / 顶部)
- 权限(固定角色 / 动静路由菜单)
- 主题(深色 / 浅色)援用 naiveui 个性,光明主题 / 自定义组件,暗黑主题信手捏来
- 零碎主题(十种平安色,可切换预览,可自定义)
- 导航格调(三种,可自在搭配,暗色侧边 / 红色侧边和通栏 / 暗色侧边和顶部通栏)
- 多页签,长久化,拖拽,敞开,固定
- 面包屑,图标,子菜单下拉联动展现
- 丑陋的锁屏界面
- 在线配置抽屉(布局预览性能)
- 主控台,简略写了一下,能看了
- 工作台随便撸了一下(不想写 style)用 tailwindcss 大开杀戒了
- echarts,官网例子很全了,没啥好撸的,偷懒再次援用 vben 作者的代码,再感激一次,哈哈
- 主控台,工作台,自适应反对
- 左侧菜单屏幕可视宽度 <=950 主动收起
- 页脚是否显示,可配置
- 新增页面缓存,演示页面在 > 工作台 > 动静卡片 > 输入框
零碎看板
- [x] 主控台
- [] 监控页
- [x] 工作台
成果展现
预览
- naive-ui-admin
账号:admin,明码:123456
文档
文档地址 – 待欠缺
筹备
- node 和 git - 我的项目开发环境
- Vite – 相熟 vite 个性
- Vue3 – 相熟 Vue 根底语法
- TypeScript – 相熟
TypeScript
根本语法 - Es6+ – 相熟 es6 根本语法
- Vue-Router-Next – 相熟 vue-router 根本应用
- Naive-ui-admin – ui 根本应用
- Mock.js – mockjs 根本语法
装置应用
- 获取我的项目代码
git clone https://github.com/jekip/naive-ui-admin.git
- 装置依赖
cd naive-ui-admin
yarn install
- 运行
yarn dev
- 打包
yarn build
更新日志
CHANGELOG
浏览器反对
本地开发举荐应用Chrome 80+
浏览器
维护者
@Ah jung
交换
Naive Ui Admin
是齐全开源收费的我的项目,在帮忙开发者更不便地进行中大型管理系统开发,同时也提供 QQ 交换群应用问题欢送在群内发问。
- QQ 群
328347666