基于 Vue3.x 和 antd design vue 3.x 构建的企业级后台管理项目
在线体验:https://git.io/fp9UM
本分支是基于[vue3.x + antd design vue 3.x]为核心构建的企业级后台管理项目.
vue-cms
是一个企业级管理后台项目,基于 Vue
和 ElementUI
构建。它使用了最新的前端技术栈,内置了 i18n
国际化解决方案,支持多语言,路由嵌套,动态路由,权限验证等很多功能特性。
同时,它也提供了首页的数据图表展示,个人中心,主题换肤,表单表格,数据统计等常用的页面模块;
而且拥有完美的 axios
,api
,数据存储解决方案以及辅助函数的封装,开箱即用,可以帮助你快速搭建企业后台管理系统。
与此同时,它也是一个很好的学习项目,包含了一些常见问题的解决方案,比如:数据可视化,导入导出功能,自定义组件,自定义指令,富文本;也包含了技术上的一些尝试,比如:基于 element-ui
的二次封装,Decorator
的使用...
请确保你安装了 node 和 git,与此同时,你应该对 Vue、Vuex、Vue Router、ES2015+、ElementUI 有所了解。我们的请求有使用 Mock.js 模拟,也有使用线上真实的接口数据,提前了解和学习这些知识会对使用本项目有很大的帮助。
# 克隆项目
git clone https://github.com/Neveryu/vue-cms.git
# 进入项目
cd vue-cms
# install dependencies
yarn install --registry https://registry.npm.taobao.org
// or
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# serve with hot reload at localhost:8080
npm start
浏览器访问 http://localhost:8080
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
- 登录/注销
- 权限验证
- 多环境发布
- 动态侧边栏(支持多级路由)
- better-scroll
- 国际化多语言
- Screenfull全屏
- 列表拖拽
- Svg Sprite 图标
- Dashboard
- 本地mock数据
- Echarts图表
- 导出excel
- 导出zip
- 前端可视化excel
- CountTo
- 自定义组件
- 换肤
- 富文本
// todo
如果你觉得这个项目帮助到了你,你可以帮作者买一杯果汁表示鼓励 🍹
Modern browsers and Internet Explorer 11+.
IE / Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|
IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
Copyright (c) 2017-present, NeverYu