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

徐小夕 等级 1638 0 1

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

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

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

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

等等.

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

vue3.0-template-admin

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

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

2. 功能点介绍

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

待办清单:

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

3. 项目速览

登录/注册页

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

全屏功能

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

引导页

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

分析页

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

列表页

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

表单页

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

全站模糊搜索

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

拖拽页

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

json编辑器

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

富文本编辑器

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

图片拖拽/裁切

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

菜单管理

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

角色管理

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

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

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

收藏
评论区

相关推荐

下一代前端构建工具 Vite (中英双语字幕)
关于 Vite,来看看作者本人怎么说。本视频是 Vue 以及 Vite 作者 尤雨溪 在 2021 年 2 月 12 日在 Twitch 上做客 GitHub Open Source Friday 节目的直播视频。在视频里有尤大关于 Vite 的各项功能的详细阐述、大神在线编码、在线 Debug、大佬 diss webpack 以及对 Vite 的哲学思考。
[译]尤雨溪: Vite 会取代 vue-cli 吗?
前言 最近在逛 Twitter 时,突发奇想去看了一眼尤大的账号,发现了一段有趣的推文,在尤大国内的社交平台账号中(_知乎、微博等_)并没有发现他发表过类似的话,倒是听过他说会有越来越多的人弃坑 Webpack 用 Vite,还听过有人说 vuecli 的下一个版本就要用 vite 重构了,不过看尤雨溪这说法,好像是 vite 是 vite,cli
vue3.0-template-admin | 一款基于vite的开箱即用的后台管理模版
今天给大家推荐一款我朋友基于vite开发的开箱即用的后台管理模版 vue3.0templateadmin. 目前已在github上完全开源, 相关配套功能非常齐全, 大家可以一键clone这个项目快速搭建后台管理系统, 如果想快速上手 vite + vue3.0 开发的朋友, 这个项目也是不错的选择.vue3.0templateadmin基于常见业务场景,抽
JAVA回调机制(CallBack)之小红是怎样买到房子的??
JAVA回调机制CallBack 序言最近学习java,接触到了回调机制(CallBack)。初识时感觉比较混乱,而且在网上搜索到的相关的讲解,要么一言带过,要么说的比较单纯的像是给CallBack做了一个定义。当然了,我在理解了回调之后,再去看网上的各种讲解,确实没什么问题。但是,对于初学的我来说,缺了一个循序渐进的过程。此处,将我对回调机制的个人理解,按
HTTPS和HTTP的区别
HTTPS(Secure Hypertext Transfer Protocol)安全超文本传输协议 它是一个安全通信通道,它基于HTTP开发,用于在客户计算机和服务器之间交换信息。它使用安全套接字层(SSL)进行信息交换,简单来说它是HTTP的安全版。  它是由Netscape开发并内置于其浏览器中,用于对数据进行压缩和解压操作,并返回网络上传送回的
HTTPS的工作原理
**目的** http就是我们平时浏览网页时候使用的一种协议(网站是以http://开头)。http协议传输的数据都是未加密的(明文),一次http协议传输隐私信息非常不安全。为了保证这些隐私数据能加密传输,出现了https,下面讨论一下https的工作原理: **概述** HTTPS在传输数据之前需要客户端(浏览器)与服务端(网站)之间进行一
Vite 2.0 正式发布!依赖预构建,CSS 分割等众多新特性到来
![](https://oscimg.oschina.net/oscnet/0e7ee4c6-1ae8-4286-96e9-d39ec922d6fe.png "屏幕截图.png") Vite 今天我非常高兴的宣布 Vite 2.0 的官方发布! Vite(法语中“快”的意思,发音为 `/vit/`)是一种新型 Web 开发构建工具。把它想成一个更轻、更
vite tailwindcss 简单安装配置和使用
原文链接: [vite tailwindcss 简单安装配置和使用](https://my.oschina.net/ahaoboy/blog/4937909) 参考 [https://tailwindcomponents.com/blog/how-to-install-tailwindcss-in-vite](https://www.oschina.ne
vite 尝试和入门
原文链接: [vite 尝试和入门](https://my.oschina.net/ahaoboy/blog/4314948) [Vite 原理浅析](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fwww.lizenghai.com%2Farchives%2F71027.html) [
vite 提交PR 支持CJS引入 [已经被拒了]
原文链接: [vite 提交PR 支持CJS引入 \[已经被拒了\]](https://my.oschina.net/ahaoboy/blog/4318627) 看这个样子应该是已经支持了, 可能我fork的版本不对或者使用姿势不对吧 ![](https://oscimg.oschina.net/oscnet/up-6a6efe95c5b5448ca7c
10分钟了解一下最近很火的Vite
![](https://oscimg.oschina.net/oscnet/155d0d0c-b907-46ab-a172-a8cb686c6ead.png) 关注公众号 **前端人**,回复“**加群**” 添加无广告学习群 > Vite 是 vue的作者尤雨溪开发的打包工具,目前亮点是本地开发时热加载编译极快,在大型项目中体验较
ElementPlusViteStarterPnpm版本
1 起因 ==== 由于最近`Vite`升级了2.x版本,项目中需要改动的东西有点多,本来想基于官方给出的[starter](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Felement-plus%2Felement-plus-vite-starter)重做,但
Vue 3 组件开发:搭建基于 Vite 的在线表格编辑系统(组件集成)
通过[前文](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fwww.grapecity.com.cn%2Fblogs%2Fspreadjs-vue3-component-development-combat-part1)的学习,我们已经用 Vite 搭建出了Vue 3 的项目原型。今天,我