vue-element-manage
vue-element-manage copied to clipboard
vue+element的后台管理系统
项目简介
基于Vue+Element的通用后台管理系统。提供了一些典型的中后台业务功能。
技术依赖
- 主体:Vue、ElementUI、webpack
- 图表:Antv/G2
- Excel:js-xlsx
- pdf:pdf.js
- 图片生成:html2canvas
- 富文本编辑器:Tinymce
- 数据:axios、Mock
- 地图:高德
项目地址
功能
- 登录/退出
- 全屏浏览
- 一键换肤
- 系统风格
- 元素大小
- 个人中心
- 侧边菜单
- 标签导航
- 图表
- 折线图
- 面积图
- 柱状图
- 条形图
- 饼图
- 散点图
- 表单
- 基础表单
- 步骤表单
- 动态表单
- 表格
- Tab 选项卡
- 权限控制
- 用户管理
- 文章管理
- 创建文章
- 文章列表
- 上传
- 头像上传
- 文件上传
- 错误处理
- 403
- 404
- 其他功能
- 导入/导出 excel
- 滚动条
- 打印
- html2canvas
- 拖拽 Dialog
- 地图
- 快捷复制
- 文本溢出
目录结构
|-- config webpack配置文件
|-- dist webpack构建目录
|-- docs 文档
|-- public html模板
|-- src 源码目录
| |-- api 接口
| |-- assets 静态资源文件,会被webpack解析为模块依赖
| |-- img 图片
| |-- fonts 字体
| |-- components 全局公共组件
| |-- directive 全局公共指令
| |-- filters 过滤器
| |-- layouts 基础布局
| |-- mock 数据模拟
| |-- pages 页面级组件
| |-- router 路由管理
| |-- store 状态管理
| |-- utils 全局公用方法
| |-- App.vue 根组件
| |-- main.js 入口文件,加载各种组件
|-- static 第三方纯静态资源,不会被webpack处理
|-- .babelrc babel-loader 配置
|-- .editorconfig IDE配置
|-- .gitignore git提交时忽略的文件
|-- package.json 项目基本信息
|-- README.md 项目说明
项目截图
使用
安装依赖
yarn
运行
yarn serve
构建
yarn build