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

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

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

今天给大家推荐一款 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” 的相关文章

「干货」通俗易懂的Deno 入门教程

作者: semlinker转发链接:https://mp.weixin.qq.com/s/2eqRTsf_z7Bcs6dziXe73Q一、Deno 简介Deno 是一个 JavaScript/TypeScript 的运行时,默认使用安全环境执行代码,有着卓越的开发体验。Deno 含有以下功能亮点:默...

10个实例小练习,快速入门熟练 Vue3 核心新特性(一)

作者:xuying 全栈修炼转发链接:https://mp.weixin.qq.com/s/_n2seDbbiO5hXQfuUGbUCQ前言Vue3.0 发 beta 版都有一段时间了,正式版也不远了,所以真的要学习一下 Vue3.0 的语法了。本篇文章总共分两部分,望小伙伴们认真阅读。下一篇:10...

vue打开新窗口并且实现传参,有图有真相

我要实现的功能是打开一个新窗口用来展示新页面,而且需要传参数,并且参数不能显示在地址栏里面,而且当我刷新页面的时候,传过来的参数不能丢失,要一直存在,除非我手动关闭这个新窗口,即浏览器的标签页。通过面向百度编程,发现网上的根本达不到这个效果,而且还都是坑,明明实现不了,还若有其事的写出来,于是我在标...

Vue进阶(二十六):详解router.push()

在Vue2.0路由跳转中,除了使用 <router-link> 声明式创建 a 标签来定义导航链接,还可以借助 router 的实例方法,通过编码式编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 hi...

thinkphp8+vue3微信小程序商城,发布公众号App+SAAS+多商户

项目介绍三勾小程序商城基于thinkphp8+vue3+element-ui+uniapp打造的面向开发的小程序商城,方便二次开发或直接使用,可发布到多端,包括微信小程序、微信公众号、QQ小程序、支付宝小程序、字节跳动小程序、百度小程序、android端、ios端。支持主题色+自定义头部导航+自定义...

三勾商城(java+vue3)微信小程序商城+SAAS+前后端源码

项目介绍本系统功能包括: 前台展示+后台管理+SAAS管理端,包括最基本的用户登录注册,下单, 购物车,购买,结算,订单查询,收货地址,后台商品管 理,订单管理,用户管理等等功能,小伙伴一起来看看吧。三勾小程序商城基于springboot+element-ui+uniapp打造的面向开发的小程序商城...