ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

看板报表开发技术小谈

2022-01-18 15:00:47  阅读:179  来源: 互联网

标签:报表 小谈 看板 前端 开发技术 可视化 UI 数据


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

目录

看板报表解读

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

看板报表分类

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

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

看板报表开发方式

看板报表开发技术栈

前端开发技术栈 

​前端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架构图 

 

 

标签:报表,小谈,看板,前端,开发技术,可视化,UI,数据
来源: https://blog.csdn.net/qq_26420601/article/details/122559471

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有