Vue2.x全家桶技术写的一个详细的后台管理架构和数据可视化大屏(附git地址)

背景介绍

由于前一段比较忙,没有怎么总结知识点,但是闲着没事自己又写的一个比较详细的后台管理架构,项目运用了Vue2所有全家桶技术,包括Vue-Router,Vuex,mock.js,axios,Echart.js,antv-g6,tinymce,swipe等技;其中包括两个数据可视化大屏展示,用到各种各样的图表展示;

下面我会把产品图放到下面,如果你想需要,最后会附上gitHub地址,可直接拉取,在您本地启动;(node版本16.xx.x)

产品图展示

后台管理架构

登录页

在这里插入图片描述
主页

在这里插入图片描述
左侧菜单可以展开和缩进;以及写了简单的Vuex示例;

在这里插入图片描述

在这里插入图片描述
插槽

在这里插入图片描述
antv-g6

在这里插入图片描述
自定义指定

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

数据可视化大屏

主屏就一个屏幕,最后两个图更多可以点开显示的表格;

在这里插入图片描述

子数据大屏设计的是可以左右上下滑动的;

在这里插入图片描述

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

gitHub地址

以上都是一些基础技术知识点,也木有什么好介绍的,大家一看就会,分享出来是为了记录和需要的朋友,希望可以帮助到你;

gitHub地址:https://github.com/lcSuperman/my-project-vue2.git

账号:admin ; 密码:12345

在这里插入图片描述

  • 1
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端探险家

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值