看板报表开发技术小谈

        大屏看板报表的应用目前已被广泛的应用到各个行业领域中,涉及的点、面非常之广,虽然本人是一名做后端的工程师,但是前端开发的相关知识也经常去学习和总结,下面就自己针对大屏看板报表做简单知识点分享。

目录

看板报表解读

数字可视化(数字孪生应用)

看板报表分类

目前成熟的看板报表技术应用

​开发看板报表用到的技术栈及关注点

看板报表开发方式

看板报表开发技术栈

前端开发技术栈 

​前端UI组件库

前端框架 

​前端开发工具 

看板报表开发关注点 

BS架构图 


看板报表解读

数字可视化(数字孪生应用)

1.什么是数字可视化?

数据可视化,是关于数据视觉表现形式的科学技术研究。

2.数字可视化技术是什么?

(1)数据空间:是由n维属性和m个元素组成的数据集所构成的多维信息空间。

(2)数据开发:利用一定的算法和工具对数据进行定量的推演和计算。

(3)数据分析:对多维数据进行切片、块、旋转等动作剖析数据,从而能多角度多侧面观察数据。

(4)数据可视化:将大型数据集中的数据以图形图像形式表示,并利用数据分析和开发工具发现其中未知信息的处理过程。

3.数字可视化案例

看板报表开发技术小谈

看板报表开发技术小谈看板报表开发技术小谈

看板报表开发技术小谈

看板报表分类

(1)传统看板报表

        作为数据的一种展现工具,并且是静态、固话的,不够灵活。所谓报表软件,诸如经典的Excel、国外的水晶报表等等,这类产品的本质都一样,就是统计和展现数据,并提供基础的分析功能如排序、总计、方差等,产品目的是帮助用户掌握和了解数据,让报表使用者通过观察企业数据,知道当下发生了什么事情。比如一些企业固定的销售月报,季报和关键数据指标的统计、展示和分析。当用户查看这些报表时候,用户可以知道当月总销售额、各个销售员的业绩、哪个产品卖得最好等等,主要是通过统计已知数据,了解总体和细节上的事实。 

(2)BI看板报表

        BI(商业智能,Business Intelligence)的重点在于商业数据的分析,它是立体多方面的,集成了数据统计、数据展示、数据分析和挖掘、数据的预警的整体解决方案。而在企业经营的过程中,决策者不仅仅需要知道发生了什么,还要知道为什么发生(原因是什么),这就需要分析。这就是BI的核心价值。

目前成熟的看板报表技术应用

看板报表开发技术小谈开发看板报表用到的技术栈及关注点

看板报表开发方式

 1.独立开发方式

        多部门、多人员、多岗位协同一体化;这种形式通常是把看板报表作为一个单独的项目进行开发搭建,按照需求进行定制化开发。

分为三个阶段: 

(1)调研阶段:业主方、产品、需求、项目经理等;需求调研、原型设计。

(2)设计阶段:业主方、产品、需求、项目经理、UI;模型设计、样式、配色设计。

(3)开发阶段:开发人员、实施人员;看板报表搭建、编码发开;测试、优化、调整。 

2.依托第三方工具

        目前市面上的很多第三方数据分析工具都包含了大屏功能,提供一定的样式和模版,用户可直接在平台上进行数据的接入、处理和可视化的生成。 

看板报表开发技术小谈 

看板报表开发技术栈

前端开发技术栈 

Html、JavaScript、Ajax、Css 

看板报表开发技术小谈前端UI组件库

 常用的如:Ant Design、ElementUI、BootStrap、Echarts、IView

前端框架 

看板报表开发技术小谈前端开发工具 

VsCode、HBuilderX、Axure RP、Chrome。

看板报表开发关注点 

  1. 用户体验、观感、亲和度;
  2. 业务设计、前端展示独立存在和部署,后端只需要提供统一的接口格式数据;
  3. UI:需要有美工参与并进行整体UI样式布局的设计(针对定制化的页面);
  4. 配色方案:尽量使用深色系或暗色系来进行颜色搭配;
  5. 响应式布局,能够自适应浏览器环境(一般推荐Google Chrome)。 

BS架构图 

看板报表开发技术小谈 

 

上一篇:干货|接口测试必备技能-常见接口协议解析Selenium | PageObject原则


下一篇:实战 | UI 调度自动化测试平台(基于 Python)