vue3.0-template-admin | 一款基于vite的开箱即用的后台管理模版

关注并将「趣谈前端」设为星标

每早08:30按时推送技术干货/优秀开源/技术思维

今天给大家推荐一款我朋友基于vite开发的开箱即用的后台管理模版 vue3.0-template-admin. 目前已在github上完全开源, 相关配套功能非常齐全, 大家可以一键clone这个项目快速搭建后台管理系统, 如果想快速上手 vite + vue3.0 开发的朋友, 这个项目也是不错的选择.

vue3.0-template-admin基于常见业务场景，抽象出大量的功能模块；包括:

• 动态菜单
• 菜单权限
• 登录模块
• 全站搜索
• 表单页(复杂表单, 分步表单)
• 数据看板
• 引导页
• 表单页
• 列表页
• 角色管理
• 菜单管理
• 在线编辑器
• 富文本编辑器
• markdown编辑器
• json多主体编辑器
• 拖拽 / 排序模块
• excel相关处理
• 图片拖拽/裁切
• 二维码分享
• 个人中心

等等.

文末我会放上该模版的github地址, 大家可以本地clone体验, 接下来开始我们的介绍.

vue3.0-template-admin

• 💪 Vue 3.0 Composition API
• 🔥 Written in TypeScript

• 预览 vue3.0-template-admin

1.该库使用到的相关插件

• eslint-plugin-vue
• fues.js Fuzzy Search 前端模糊搜索
• antv 数据可视化
• echart 数据可视化
• mockjs 模拟和交互数据
• xlsx SheetJS
• wangeditor 富文本编辑器

2. 功能点介绍

• Element Plus
• N+1 多级菜单
• 全站模糊搜索
• Dashboard
• 表格
• router Tab 选项卡
• 表单
• 图表 :antv echart
• 二维码生成
• 拖拽组件
• 富文本编辑器
• markdown 编辑器
• json多主题编辑器
• 个人页
• 登录页
• 404 / 403
• 菜单管理
• 角色管理
• 自定义图标
• 图片拖拽/裁剪

待办清单:

• 支持切换主题色:一键换肤
• 权限：v-permisson
• markdown 编辑器
• 可拖拽弹窗
• 国际化

3. 项目速览

登录/注册页

全屏功能

引导页

分析页

列表页

表单页

全站模糊搜索

拖拽页

json编辑器

富文本编辑器

图片拖拽/裁切

菜单管理

角色管理

当然还有很多开箱即用的功能, 比如导入导出excel, 个人看板, 剪切版, 复制粘贴列表等, 大家可以体验一下.

github地址: https://github.com/GeekQiaQia/vue3.0-template-admin

关注公众号【趣谈前端】，定期分享 前端工程化 / 可视化 / 低代码 / 优秀开源。

Dooring可视化搭建平台数据源设计剖析

可视化搭建的一些思考和实践

基于Koa + React + TS从零开发全栈文档编辑器(进阶实战)

从零使用electron搭建桌面端Dooring

点个在看你最好看