一款支持Excel表格导入的数据可视化大屏，拿给客户看客户很满意
csdh11 2024-12-28 12:01 15 浏览
一周前，有一个粉丝通过网络找到了汉悦君。说他需要一个数据大屏，然后他的领导要求一周后看到成果，想请汉悦君帮帮忙。既然粉丝都这样说了，那我肯定要帮这位粉丝的忙。
首先这位粉丝的需求是：
- 在个人PC中打开，让领导直接在电脑上就可以看。
- 有时候电脑不联网
- 看板数据要用Excel表格的方式直接导入进系统中
- 有些数据需要表格进行轮播展示
- 用户电脑分辨率是1920*1080
汉悦君结合这位粉丝的需求，主要开发一下功能。
原来打算给粉丝开发全套的系统。用spring boot + MySQL + vue开发一套前后端分离的大数据可视化平台。但是粉丝的预算有限，于是乎只用前端技术进行开发，实现本地静态页面展示。
开发框架
- VUE
- Echarts
- data-v
- ant-design-vue
- xlsx.js
功能
看板的核心功能是导入Excel数据。
用户用浏览器打开页面，进入可视化大屏的首页。但是由于没有导入本地数据，所以各个模块的图表都是空的。如下图所示。
前面提到，看板要求可以实现本地Excel表格。所以在导入本地数据页面中，用户可以导入事先准备好的Excel表格。表格按照规定的模板写好数据，然后导入进系统中。
数据导入页面如下。其中各个选择框则是对应了各个图表的数据来源。
Excel表格的数据模板也是有要求和相关格式的。为了方便导入，此次规划的是一个xlsx中多个页签的方式导入。具体操作如下：用户只需要新建一个xlsx文件。然后在表格中新建多个页面，这里一个页签就是对应大屏中的某个图表。下面是汉悦君准备的测试数据。
我这里的Excel表中，底下有7个页签，它们会分别对应看板中的各个图表。在数据导入页面中，我们选择相应的Excel表格。然后在页面中选择各个模块分别对应的数据页签。
将各个图表的源数据分配好了以后，就可以将数据导进系统中。
最后的效果就是下面这样的。
总结
其实这种导入本地数据的可视化大屏使用是很方便的，对于许多人来说他们想要的就是最后的一个页面而已，之前有粉丝和我说过他就想要一个页面，而且这个页面可以在电脑上随时随地的展现，也不用安装其他的什么工具，更不会说部署上线。只要他向领导的时候，一打开页面，里面的各种数据图表就可以呈现出来。
我想这样的需求其实更加适用于那些白领，无论是给客户讲解还是给领导汇报，很多时候都是要用数据来说话的。但是那时候又不可能直接打开Excel表格给对方看，如果真的这样做，那就得卷铺盖走人了。
科技给人类社会带来便捷。
各位小伙伴如有定制化需要，欢迎私信！！！
汉悦君一直在这里等你。
相关推荐
- 探索Java项目中日志系统最佳实践:从入门到精通
-
探索Java项目中日志系统最佳实践：从入门到精通在现代软件开发中，日志系统如同一位默默无闻却至关重要的管家，它记录了程序运行中的各种事件，为我们排查问题、监控性能和优化系统提供了宝贵的依据。在Java...
- 用了这么多年的java日志框架，你真的弄懂了吗?
-
在项目开发过程中，有一个必不可少的环节就是记录日志，相信只要是个程序员都用过，可是咱们自问下，用了这么多年的日志框架，你确定自己真弄懂了日志框架的来龙去脉嘛？下面笔者就详细聊聊java中常用日志框架的...
- 物理老师教你学Java语言(中篇)（物理专业学编程）
-
第四章物质的基本结构——类与对象...
- 一文搞定!Spring Boot3 定时任务操作全攻略
-
各位互联网大厂的后端开发小伙伴们，在使用SpringBoot3开发项目时，你是否遇到过定时任务实现的难题呢？比如任务调度时间不准确，代码报错却找不到方向，是不是特别头疼？如今，随着互联网业务规模...
- 你还不懂java的日志系统吗 ?（java的日志类）
-
一、背景在java的开发中，使用最多也绕不过去的一个话题就是日志，在程序中除了业务代码外，使用最多的就是打印日志。经常听到的这样一句话就是“打个日志调试下”，没错在日常的开发、调试过程中打印日志是常干...
- 谈谈枚举的新用法--java（java枚举的作用与好处）
-
问题的由来前段时间改游戏buff功能，干了一件愚蠢的事情，那就是把枚举和运算集合在一起，然后运行一段时间后buff就出现各种问题，我当时懵逼了！事情是这样的，做过游戏的都知道，buff，需要分类型，且...
- 你还不懂java的日志系统吗（javaw 日志）
-
一、背景在java的开发中，使用最多也绕不过去的一个话题就是日志，在程序中除了业务代码外，使用最多的就是打印日志。经常听到的这样一句话就是“打个日志调试下”，没错在日常的开发、调试过程中打印日志是常干...
- Java 8之后的那些新特性(三):Java System Logger
-
去年12月份log4j日志框架的一个漏洞，给Java整个行业造成了非常大的影响。这个事情也顺带把log4j这个日志框架推到了争议的最前线。在Java领域，log4j可能相对比较流行。而在log4j之外...
- Java开发中的日志管理:让程序“开口说话”
-
Java开发中的日志管理：让程序“开口说话”日志是程序员的朋友，也是程序的“嘴巴”。它能让程序在运行过程中“开口说话”，告诉我们它的状态、行为以及遇到的问题。在Java开发中，良好的日志管理不仅能帮助...
- OS X 效率启动器 Alfred 详解与使用技巧
-
问：为什么要在Mac上使用效率启动器类应用？答：在非特殊专业用户的环境下，（每天）用户一般可以在系统中进行上百次操作，可以是点击，也可以是拖拽，但这些只是过程，而我们的真正目的是想获得结果，也就是...
- Java中 高级的异常处理（java中异常处理的两种方式）
-
介绍异常处理是软件开发的一个关键方面，尤其是在Java中，这种语言以其稳健性和平台独立性而闻名。正确的异常处理不仅可以防止应用程序崩溃，还有助于调试并向用户提供有意义的反馈。...
- 【性能调优】全方位教你定位慢SQL，方法介绍下!
-
1.使用数据库自带工具...
- 全面了解mysql锁机制(InnoDB)与问题排查
-
MySQL/InnoDB的加锁，一直是一个常见的话题。例如，数据库如果有高并发请求，如何保证数据完整性？产生死锁问题如何排查并解决？下面是不同锁等级的区别表级锁：开销小，加锁快；不会出现死锁；锁定粒度...
- 看懂这篇文章，你就懂了数据库死锁产生的场景和解决方法
-
一、什么是死锁加锁（Locking）是数据库在并发访问时保证数据一致性和完整性的主要机制。任何事务都需要获得相应对象上的锁才能访问数据，读取数据的事务通常只需要获得读锁（共享锁），修改数据的事务需要获...
- 一周热门
- 最近发表
- 标签列表
-
- mydisktest_v298 (34)
- document.appendchild (35)
- 头像打包下载 (61)
- acmecadconverter_8.52绿色版 (39)
- word文档批量处理大师破解版 (36)
- server2016安装密钥 (33)
- mysql 昨天的日期 (37)
- parsevideo (33)
- 个人网站源码 (37)
- centos7.4下载 (33)
- mysql 查询今天的数据 (34)
- intouch2014r2sp1永久授权 (36)
- 先锋影音源资2019 (35)
- jdk1.8.0_191下载 (33)
- axure9注册码 (33)
- pts/1 (33)
- spire.pdf 破解版 (35)
- shiro jwt (35)
- sklearn中文手册pdf (35)
- itextsharp使用手册 (33)
- 凯立德2012夏季版懒人包 (34)
- 反恐24小时电话铃声 (33)
- 冒险岛代码查询器 (34)
- 128*128png图片 (34)
- jdk1.8.0_131下载 (34)