Grow Admin 中后台框架简介

简介

Grow Admin是开源的中后台模版，使用目前较新的主流技术栈开发，是一款开箱即用的中台前端/设计解决方案，具有轻松构建规范且美观的系统，丰富的布局模式，具有高可配性，满足您的各类布局需求。

主要技术栈

• Vite2
• Vue3
• TypeScript
• Pinia
• VueRouter4
• VueUse
• axios
• Element-Plus
• Echarts
• xicons
• taillwindCSS

特性

• 最新技术栈：使用 Vue3/vite2 等前端前沿技术开发
• TypeScript: 应用程序级 JavaScript 的语言
• 主题：可配置的主题
• 国际化：内置完善的国际化方案
• Mock 数据 内置 Mock 数据方案
• 权限 内置完善的动态路由权限生成方案
• 组件 二次封装了多个常用的组件

页面功能

• 菜单模式（左侧/顶部）
• 动态路由菜单（前端路由权限控制）
• 主题（深色/浅色）基于taillwindCSS和elemtn-plus的特性，黑暗主题/自定义组件
• 支持多页签，持久化，拖拽，关闭，固定
• 面包屑，图标，子菜单下拉联动展示，菜单搜索等功能
• 包括工作台，数据分析数据报表页面(可拖动，控制组件大小)
• 部分echarts组件
• 封装了全新的查询面板和控制表头控制组件
• 随机组件名称(避免相同页面打开，且使用的相同组件，刷新受影响)
• 水印

系统看板

• [x] 工作台
• [x] 分析页面
• [x] 报表分析
• [ ] 系统监控

内置组件

1. PageLayout - 表格页面开发基础布局
2. 查询面板 - 可自定义添加查询条件，查询条件可通过json进行配置
3. 控制表头 - 通过json条件控制表头显示隐藏
4. 按钮组 - 可通过json配置配置对应的按钮操作

预览

Grow Admin

项目地址

GitHub: Grow Admin

安装使用

• 拉取项目代码

git clone https://github.com/ZhQuella/grow_up_admin.git

• 安装依赖

cd grow_up_admin

yarn

• 运行

yarn dev

• 打包

yarn build

未来构想

1. 添加菜单管理
2. 添加角色管理
3. 添加表单设计器
4. 添加流程引擎
5. 按钮权限支持
6. Excel导出（支持多级表头）
7. 在线用户聊天(临时)

交流

Grow-Admin开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供钉钉交流群使用问题欢迎在群内提问。由于功能未完善暂时不提供给企业使用。