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

徐小夕 等级 1204 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

收藏
评论区

相关推荐

一文搞懂什么是HTTP与HTTPS
(https://blog.csdn.net/petterp/article/details/102779257)Http与Https的区别。 在最近的开发中,深感网络相关基础知识薄弱,于是趁周末好好总结一
20 张图彻底弄懂 HTTPS 的原理
前言 近年来各大公司对信息安全传输越来越重视,也逐步把网站升级到 HTTPS 了,那么大家知道 HTTPS 的原理是怎样的吗,到底是它是如何确保信息安全传输的?网上挺多介绍 HTTPS,但我发现总是或多或少有些点有些遗漏,没有讲全,今天试图由浅入深地把 HTTPS 讲明白,相信大家看完一定能掌握 HTTPS 的原理,本文大纲如下: HTTP 为什么不安全
下一代前端构建工具 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
阿里二面,面试官居然把 TCP 三次握手问的这么细致
TCP 的三次握手和四次挥手,可以说是老生常谈的经典问题了,通常也作为各大公司常见的面试考题,具有一定的水平区分度。看似是简单的面试问题,如果你的回答不符合面试官期待的水准,有可能就直接凉凉了。本文会围绕,三次握手和四次挥手相关的一些列核心问题,分享如何更准确的回答和应对常见的面试问题,以后面对再刁钻的面试官,你都可以随意地跟他扯皮了。 面试TCP的意义
开发 vue3 + ts + vite / webpack 的管理系统
cooladmin 地址 演示 账户:admin 密码:123456 介绍 由来cooladmin自 2018 年初以来,一直本着快速通用开发为理念,同时看重每个页面的设计,无论在代码上还是 UI 设计上都受到广大开发者的喜爱。cool是酷的意思,admin一般的认知是
人工智能数学基础-线性代数1:向量的定义及向量加减法
一、向量 1.1、向量定义向量也称为欧几里得向量、几何向量、矢量,指具有大小(magnitude)和方向的量。它可以形象化地表示为带箭头的线段。箭头所指:代表向量的方向;线段长度:代表向量的大小。与向量对应的量叫做数量(物理学中称标量),数量(或标量)只有大小,没有方向。1. 在物理学和工程学中,几何向量更常被称为矢量。 2. 一般印刷用黑体的小写
人工智能数学基础-线性代数4:矩阵及矩阵运算
一、矩阵定义矩阵(Matrix)是一个按照长方阵列排列的复数或实数集合,定义如下: 由 m × n 个数aij排成的m行n列的数表称为m行n列的矩阵,简称m × n矩阵。记作: 这m×n 个数称为矩阵A的元素,简称为元,数aij位于矩阵A的第i行第j列,称为矩阵A的(i,j)元,以数 aij为(i,j)元的矩阵可记为(aij)或(aij)m × n,m×
正式发布一款可cmd命令安装的React.js项目脚手架——FastReactApp
前言 今天,篇幅可能比较短,主要介绍最近这段时间开发的一款脚手架——FastReactApp。这是一款基于Parcel2 开发的React.js项目脚手架。虽然比不上正在前端界火爆的Vite以及占据稳定地位的CreateReactApp,但是基本的项目开发还是可以的。下面我将介绍FastReactApp几点特征: 对JS、CSS、HTML、文件资产等的
Vue3.0系列——「vue3.0学习手册」第一期
Vue3.0一、项目搭建vite是尤大大开发的一款意图取代webpack的工具。其实现原理是利用ES6的import发送请求加载文件的特性。拦截这些请求,做一些编译,省去webpack冗长的打包时间。并将其与Rollup捆绑在一起用于生产。在开发过程中没有捆绑。源代码中的ES Import语法直接提供给浏览器,浏览器通过本机<script module支持对
凉凉!面试阿里我被Redis技术专题给搞的昏倒在地~
凉凉!面试阿里我被Redis技术专题给弄死了📚我本以为我可以像是别的博主一样去阿里面试随随便便,因为Redis,我直接被阿里大佬淦翻在地上好了不装了 没过没关系 我总结了一些这些最难的知识点!!!!然后自己总结归类再去百度查询了一些 最终得出这份Redis技术专题 题目开淦 Redis集群的主从复制模型是怎样的?为了是在部分节点失败或者大部分节点无法通信的情
https://cloud.tencent.com/developer/article/write/1830331
一、目标今天的目标是这个sign和appcode 二、步骤 Jadx没法上了app加了某梆的企业版,Jadx表示无能为力了。 FRIDADEXDumpDexDump出来,木有找到有效的信息。 Wallbreaker葫芦娃的Wallbreaker可以做些带壳分析,不过这个样本,用Frida的Spawn模式可以载入,Attach模式会失败。而直接用Objecti
c++类和继承面试点25连问
本篇文章连问面试时经常会遇到的类和继承相关25个问题,看看你能回答出几道题呀。还是先看一下思维导图,如下: 1. c++的三大特性是什么c++的三大特性,说白了其实就是面向对象的三大特性,是指:封装、继承、多态,简单说明如下: 封装是一种技术,它使类的定义和实现分离,也就是隐藏了实现细节,只留下接口给他人调用,另外封装还有一层意义是它把某种事物具现出属性和方
vue3.0-template-admin | 一款基于vite的开箱即用的后台管理模版
今天给大家推荐一款我朋友基于vite开发的开箱即用的后台管理模版 vue3.0templateadmin. 目前已在github上完全开源, 相关配套功能非常齐全, 大家可以一键clone这个项目快速搭建后台管理系统, 如果想快速上手 vite + vue3.0 开发的朋友, 这个项目也是不错的选择.vue3.0templateadmin基于常见业务场景,抽
JAVA回调机制(CallBack)之小红是怎样买到房子的??
JAVA回调机制CallBack 序言最近学习java,接触到了回调机制(CallBack)。初识时感觉比较混乱,而且在网上搜索到的相关的讲解,要么一言带过,要么说的比较单纯的像是给CallBack做了一个定义。当然了,我在理解了回调之后,再去看网上的各种讲解,确实没什么问题。但是,对于初学的我来说,缺了一个循序渐进的过程。此处,将我对回调机制的个人理解,按