一款支持Excel表格导入的数据可视化大屏，拿给客户看客户很满意
csdh11 2024-12-28 12:01 20 浏览
一周前，有一个粉丝通过网络找到了汉悦君。说他需要一个数据大屏，然后他的领导要求一周后看到成果，想请汉悦君帮帮忙。既然粉丝都这样说了，那我肯定要帮这位粉丝的忙。
首先这位粉丝的需求是：
- 在个人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表格给对方看，如果真的这样做，那就得卷铺盖走人了。
科技给人类社会带来便捷。
各位小伙伴如有定制化需要，欢迎私信！！！
汉悦君一直在这里等你。
相关推荐
- SpringBoot+LayUI后台管理系统开发脚手架
-
源码获取方式：关注，转发之后私信回复【源码】即可免费获取到！项目简介本项目本着避免重复造轮子的原则，建立一套快速开发JavaWEB项目（springboot-mini），能满足大部分后台管理系统基础开...
- Spring Boot+Vue全栈开发实战，中文版高清PDF资源
-
SpringBoot+Vue全栈开发实战，中文高清PDF资源，需要的可以私我：）SpringBoot致力于简化开发配置并为企业级开发提供一系列非业务性功能，而Vue则采用数据驱动视图的方式将程序...
- 2021年超详细的java学习路线总结—纯干货分享
-
本文整理了java开发的学习路线和相关的学习资源，非常适合零基础入门java的同学，希望大家在学习的时候，能够节省时间。纯干货，良心推荐！第一阶段：Java基础...
- 探秘Spring Cache:让Java应用飞起来的秘密武器
-
探秘SpringCache：让Java应用飞起来的秘密武器在当今快节奏的软件开发环境中，性能优化显得尤为重要。SpringCache作为Spring框架的一部分，为我们提供了强大的缓存管理能力，让...
- 3，从零开始搭建SSHM开发框架(集成Spring MVC)
-
目录本专题博客已共享在(这个可能会更新的稍微一些)https://code.csdn.net/yangwei19680827/maven_sshm_blog...
- Spring Boot中如何使用缓存?超简单
-
SpringBoot中的缓存可以减少从数据库重复获取数据或执行昂贵计算的需要，从而显著提高应用程序的性能。SpringBoot提供了与各种缓存提供程序的集成，您可以在应用程序中轻松配置和使用缓...
- 我敢保证，全网没有再比这更详细的Java知识点总结了，送你啊
-
接下来你看到的将是全网最详细的Java知识点总结，全文分为三大部分：Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点，别眨眼，从小白到大佬、零基础到精通，你绝...
- 1，从零开始搭建SSHM开发框架(环境准备)
-
目录本专题博客已共享在https://code.csdn.net/yangwei19680827/maven_sshm_blog1，从零开始搭建SSHM开发框架（环境准备）...
- 做一个适合二次开发的低代码平台，把程序员从curd中解脱出来-1
-
干程序员也有好长时间了，大多数时间都是在做curd。现在想做一个通用的curd平台直接将我们解放出来；把核心放在业务处理中。用过代码生成器，在数据表设计好之后使用它就可以生成需要的controller...
- 设计一个高性能Java Web框架（java做网站的框架）
-
设计一个高性能JavaWeb框架在当今互联网高速发展的时代，构建高性能的JavaWeb框架对于提升用户体验至关重要。本文将从多个角度探讨如何设计这样一个框架，让我们一起进入这段充满挑战和乐趣的旅程...
- 【推荐】强&牛!一款开源免费的功能强大的代码生成器系统!
-
今天，给大家推荐一个代码生成器系统项目，这个项目目前收获了5.3KStar，个人觉得不错，值得拿出来和大家分享下。这是我目前见过最好的代码生成器系统项目。功能完整，代码结构清晰。...
- Java面试题及答案总结(2025版持续更新)
-
大家好，我是Java面试分享最近很多小伙伴在忙着找工作，给大家整理了一份非常全面的Java面试场景题及答案。...
- Java开发网站架构演变过程-从单体应用到微服务架构详解
-
Java开发网站架构演变过程，到目前为止，大致分为5个阶段，分别为单体架构、集群架构、分布式架构、SOA架构和微服务架构。下面玄武老师来给大家详细介绍下这5种架构模式的发展背景、各自优缺点以及涉及到的...
- 本地缓存GuavaCache(一)（guava本地缓存原理）
-
在并发量、吞吐量越来越大的情况下往往是离不开缓存的，使用缓存能减轻数据库的压力，临时存储数据。根据不同的场景选择不同的缓存，分布式缓存有Redis，Memcached、Tair、EVCache、Aer...
- 一周热门
- 最近发表
- 标签列表
-
- 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)
- 冒险岛代码查询器 (34)
- 128*128png图片 (34)
- jdk1.8.0_131下载 (34)
- dos 删除目录下所有子目录及文件 (36)