当前位置:首页 > 技术分析 > 正文内容

超简 Vue3+Vite4 后台管理系统Vue3ElementAdmin

ruisui883个月前 (02-13)技术分析15

今天给大家推荐一款 vite4.x+element-plus 后台管理系统模板Vue3Admin。

vue3-element-admin 基于Vite4+ElementPlus+Pinia+Typescript技术栈开发的简易板后台系统。

特性

  • 基于 vue-element-admin 升级的 Vue3 版本,主流技术栈,无过度自定义封装,极易上手,减少学习成本;
  • 配套 Java 后台接口,非 Mock 数据,在线接口文档;
  • 系统功能:用户、角色、菜单、字典管和部门管理等;
  • 基础设施:动态路由,按钮权限,常用组件封装;
  • 基于Pinia替代Vuex状态管理;

快速开始

// 克隆项目
git clone https://gitee.com/youlaiorg/vue3-element-admin.git

// 安装 pnpm
npm install pnpm -g

// 安装依赖
pnpm install

// 项目运行
pnpm run dev

// 项目打包
pnpm run build:prod

非常ok的一款vue3中后台管理系统,如果有需要或感兴趣可以去看看。

// 预览地址
http://vue3.youlai.tech/
// 仓库地址
https://gitee.com/youlaiorg/vue3-element-admin

好了,今天的分享就到这里。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/1922.html

标签: vue路由权限
分享给朋友:

“超简 Vue3+Vite4 后台管理系统Vue3ElementAdmin” 的相关文章

el-table内容\n换行解决办法

问题请求到的数据带有换行符 '\n'但页面展示时不换行statusRemark: "\"1、按期完成计划且准确率100%,得100分;\n2、各项目每延误1天,扣1分;每失误1次或者员工投诉1次,扣3分,失误层面达到公司级影响较大的,该项绩效分数为0\"\n&...

雅马哈TMAX 560 TECH MAX 外媒深度测评

应雅马哈(Yamaha)的邀请,在葡萄牙埃斯托里尔对全新的Yamaha TMAX 560 Tech Max踏板车进行了测试,在这里TMAX 560 Tech Max售价为11649英镑。雅马哈TMAX长期以来一直站在踏板车的顶端,就声誉和知名度而言,它是当之无愧的大踏板界NO.1。2020 TMAX...

数组、去重、排序、合并、过滤、删除

ES6数字去重 Array.from(new Set([1,2,3,3,4,4])) //[1,2,3,4] [...new Set([1,2,3,3,4,4])] //[1,2,3,4]2、ES6数字排序 [1,2,3,4].sort(); // [1, 2,3,4],默认是升序...

基于 vue3.0 小程序拖拽定制

今天给大家分享一个使用Vue3编写的自由DIY小程序页面。mbDIY 一款基于vue3.x构建的可拖拽定制小程序模板。支持新建页面、自由拖拽模块、复制/移动、自定义模块样式等功能。整个项目分为页面、模块、控件三大部分。模块里面的组件可拖拽至主面板区,编辑后保存即可预览效果。快速安装# 克隆项目 gi...

Alpine.js 如何火起来的!比 React/Vue 如何?

大家好,很高兴又见面了,我是"高级前端?进阶?",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!前言前端 JavaScript 框架的创新是这个时代最伟大的技术文化现象之一。Alpine 发音为 /??lpa?n/,中文为阿尔卑斯山、...

千智云低代码平台 v2.0.6发布「平台升级」

【平台简介】千智云低代码应用平台是一款低代码开发+低代码PaaS+SaaS应用中台为一体的应用平台。平台提供了多种应用场景功能及应用组件,满足各种应用的基本实现,可以使用低代码开发的方式,定制化的开发软件项目,并使用平台提供的各种功能,提供了大多数业务场景的支持。也可以将开发的应用发布到平台,成为S...