一个基于Vue+Element的通用后台管理系统。

项目简介

基于Vue+Element的通用后台管理系统。提供了一些典型的中后台业务功能。

技术依赖

  • 主体:Vue、ElementUI、webpack
  • 图表:Antv/G2
  • Excel:js-xlsx
  • pdf:pdf.js
  • 图片生成:html2canvas
  • 富文本编辑器:Tinymce
  • 数据:axios、Mock
  • 地图:高德

项目地址

功能

  • 登录/退出
  • 全屏浏览
  • 一键换肤
  • 系统风格
  • 元素大小
  • 个人中心
  • 侧边菜单
  • 标签导航
  • 图表
    • 折线图
    • 面积图
    • 柱状图
    • 条形图
    • 饼图
    • 散点图
  • 表单
    • 基础表单
    • 步骤表单
    • 动态表单
  • 表格
  • Tab 选项卡
  • 权限控制
  • 用户管理
  • 文章管理
    • 创建文章
    • 文章列表
  • pdf
  • office-online
  • 上传
    • 头像上传
    • 文件上传
  • 错误处理
    • 403
    • 404
  • 其他功能
    • 返回顶部
    • 滚动条
    • 打印
    • html2canvas
    • 拖拽 Dialog
    • SVG 图标
    • 地图
    • 导入/导出 excel
    • 快捷复制
    • 文本溢出

目录结构

|-- config              webpack配置文件
|-- dist                webpack构建目录
|-- docs                文档
|-- public              html模板
|-- src                 源码目录
|	|-- api                   接口
|	|-- assets                静态资源文件,会被webpack解析为模块依赖
|		|-- img                     图片
|		|-- fonts                   字体
|	|-- components            全局公共组件
|	|-- directive             全局公共指令
|	|-- layouts               基础布局
|	|-- mock                  数据模拟
|	|-- pages                 页面级组件
|	|-- router                路由管理
|	|-- store                 状态管理
|	|-- utils                 全局公用方法
|	|-- App.vue               根组件
|	|-- main.js               入口文件,加载各种组件
|-- static              第三方纯静态资源,不会被webpack处理
|-- .babelrc            babel-loader 配置
|-- .editorconfig       IDE配置
|-- .gitignore          git提交时忽略的文件
|--	package.json        项目基本信息
|-- README.md           项目说明

项目截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用

运行

npm run dev

构建

npm run build
  • 0
    点赞
  • 1
    评论
  • 8
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 1 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

Chem七辰

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值