Vue3.0框架搭建的后台管理模板
发布于 3 年前 作者 chuzhixin 5398 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

一个Vue3.0框架搭建的后台管理模板

开源vue3.0版本基于vue3.x+ant-design-vue构建的免费开源admin项目,star高达8.4K+

支持电脑端、手机、平板等平台

底层使用element做支撑,逻辑保持一致,遵循用户习惯的语言和概念;所有的元素和结构保持一致,比如:设计样式、图标和文本、元素的位置等。

适合人群

  • 正在以及想使用 element-ui/element-plus 开发,前端开发经验 1 年+。
  • 熟悉 Vue.js 技术栈,使用它开发过几个实际项目。
  • 对原理技术感兴趣,想进阶和提升的同学。

功能地图:

img img

特性:

  • 支持PC、手机端、平板;
  • 提供超过50余项全局精细化配置;
  • 支持后端渲染动态路由
  • 拥有完整的登录鉴权和前后端多种配置的动态路由流程
  • 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
  • 支持 mock 自动生成自动导出功能
  • 支持 scss 自动排序,eslint 自动修复
  • 支持登录RSA加密
  • 支持打包自动生成7Z压缩包以及自动化部署
  • 支持errorlog错误拦截
  • 支持多主题、多布局切换

效果图

以下是截取的是pro版的效果图展示:

演示地址:

上手2.0版本

git clone https://github.com/chuzhixin/vue-admin-beautiful.git

# 进入项目目录cd vue-admin-beautiful-pro
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

上手3.0版本

git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git

# 进入项目目录cd vue-admin-beautiful-pro
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve
回到顶部