一种自动构建并动态配置可视化大屏的方法及系统与流程

1.本发明涉及大数据可视化技术，更具体地说，它涉及一种自动构建并动态配置可视化大屏的方法及系统。


背景技术：

2.可视化大屏是数据可视化的一种表现形式，数据可视化工具基本以表格、图形、地图等可视化元素为主，将这些可视化元素进行不同组合后放置在大屏页面上，数据可进行过滤、钻取、数据联动、跳转、高亮等分析手段做动态分析，可视化工具可以提供丰富多样的数据展现形式，多样的图形渲染形式。
3.可视化大屏作为显示载体，依托数据可视化，借助于图形化手段，清晰有效地传达与沟通信息，使人可以非常直观的看到数据，了解掌握信息，分析问题。因此目前越来越多的企业也将可视化大屏作为展示数据的有效手段。但大部分企业在制作可视化大屏过程中往往会遇见以下问题。
4.第一、可视化大屏制作华而不实，为了看上去绚丽多彩而显得极端复杂，不能让数据有效表达，用户看了也看不出什么结果，无法起到掌握信息、分析问题的效果。
5.第二、利用代码开发，对程序员要求较高，对于后端开发人员则是数据封装的算法的问题，不同的图形组件，封装方法与算法不同，前端开发人员则是组件的展示形式、方式和位置的问题，而且往往做不出美观的展示效果。
6.第三、随着需求和业务项目的增加，可能每个项目都需要可视化大屏页面来展示数据，这时每次都需要定制开发一个可视化大屏页面，也许还可能是多个可视化大屏页面，这样就既耗时又费力了。
7.第四、开发一个可视化大屏页面，客户往往描述不出来大屏页面长什么样，需求往往不太明确，只有很简单的一些需求点，此时项目经理只能用原型设计工具画出一个大屏原型来给用户确认，之后就是反复确认反复修改的过程了，该需求分析过程就占了很长时间，而往往因为项目工期的问题，后面留给程序员开发的时间就不多了。
8.随着对可视化需求的不断提升，市面上也出现了不少可视化bi工具，但工具使用的繁琐、不方便和功能单一，导致很多企业不仅耗费人力、财力等资源，还不能够将数据可视化的真正价值体现出来。


技术实现要素：

9.本发明针对于现阶段可视化大屏制作开发对程序员要求较高，可视化大屏每个项目都需要定制开发，耗时费力的问题，提出了一种自动构建并动态配置可视化大屏的方法及系统。
10.本发明所述的一种自动构建并动态配置可视化大屏的方法，包括，
11.构建大屏步骤，用于根据标识指令从预存的基础信息数据中获取默认配置构建数据，并以获取到的所述默认配置构建数据创建可视化大屏；
12.动态配置大屏步骤，用于通过所述可视化大屏的大屏配置页面，从预存的基础信息数据中选取所需的基础信息数据，对所述可视化大屏上的基础信息数据进行替换；
13.大屏展示步骤，用于在所述大屏配置完成后，对所述可视化大屏进行更新，并将更新后的可视化大屏进行展示。
14.所述构建大屏步骤具体包括以下步骤，
15.第一步、获取基础信息数据，并将所述基础信息数据存储在数据库中；
16.第二步、对所述基础信息数据进行初始化，以获取默认配置构建数据；
17.第三步、配置具有唯一标识代码的标识指令，调用创建大屏接口；
18.第四步、通过所述创建大屏接口识别判断标识指令中的标识代码是否存在；若存在，则提示标识代码已存在，并返回至第三步；否则，返回默认配置构建数据；
19.第五步、根据所述默认配置构建数据创建可视化大屏。
20.返回所述默认配置构建数据时，对所述默认配置构建数据进行数据封装，并存入至数据库的大屏主体表和大屏主体与组件对应表中。
21.对所述可视化大屏进行更新，具体为，
22.将所述可视化大屏的当前默认配置构建数据封装为json串，并将所述json串发送至数据库，删除所述数据库中与当前默认配置构建数据相对应的大屏主体表和大屏主体与组件对应表，再将所述json串存储至被删除的大屏主体表和大屏主体与组件对应表相对于的位置。
23.默认配置构建数据包括大屏默认标签、大屏主题、风格、大屏背景、大屏位置id、组件以及默认数据源。
24.所述构建大屏步骤以及动态配置大屏步骤可通过第三方系统实现。
25.所述第三方系统向创建大屏接口发起创建接口请求；
26.在所述创建接口请求被允许后，所述创建大屏接口开放单点登录运营应用接口和单点登录大屏接口的接入权限；
27.所述第三方系统向单点登录运营应用接口发出第一登录接口请求，并在所述第一登录接口请求被允许后，进入到大屏配置页面；
28.当所述第三方系统向单点登录大屏接口发出第二登录接口请求，并在所述第二登录接口请求被允许后，进入到可视化大屏页面。
29.当所述创建大屏接口接收并处理创建接口请求后，返回所述创建接口请求是否被允许的信息。
30.一种自动构建并动态配置可视化大屏的系统，包括，
31.运营应用，用于根据如所述的方法中的构建大屏步骤以及动态配置大屏步骤，创建可视化大屏并对所述可视化大屏进行动态配置；
32.可视化大屏应用，用于根据如所述的方法中的大屏展示步骤，将所述运营应用中配置完毕的可视化大屏进行展示。
33.还包括后台应用，用于提供所述可视化大屏在配置过程中所需使用到的源数据以及数据接口支撑。
34.后台应用与第三方系统通过非数据库集成方式或数据库集成方式进行数据交互。具体的，非数据库集成方式的组件的数据源来源于第三方系统的数据源。而数据库集成方
式是把系统的数据库导入到第三方系统的数据库中。
35.有益效果
36.本发明的优点在于：
37.1.通过默认配置构建数据构建可视化大屏后，从预存了基础信息数据的数据库中选取所需的数据对可视化大屏进行配置，实现了大屏的自动构建和动态配置。整个构建和配置过程无需再进行成型代码的开发，解决了可视化大屏制作开发对程序员要求较高，可视化大屏每个项目都需要定制开发，耗时费力的问题。
38.2.系统可以通过是否集成数据库的方式服务于第三方应用，免于可视化大屏应用的重新定制开发，省时省力。
附图说明
39.图1为本发明的可视化大屏创建流程图；
40.图2为本发明的可视化大屏主题1示例图；
41.图3为本发明的可视化大屏主题2示例图；
42.图4为本发明的数据格式定义图；
43.图5为本发明的第三方系统调用接口创建可视化大屏的过程示意图；
44.图6为本发明的可视化大屏的创建和动态配置流程图。
具体实施方式
45.下面结合实施例，对本发明作进一步的描述，但不构成对本发明的任何限制，任何人在本发明权利要求范围所做的有限次的修改，仍在本发明的权利要求范围内。
46.参阅图1，本发明的一种自动构建并动态配置可视化大屏的方法，包括构建大屏步骤、动态配置大屏步骤和大屏展示步骤。
47.构建大屏步骤，具体为，
48.第一步、获取基础信息数据，并将基础信息数据存储在数据库中。基础信息数据包括已经定义的标签、主题、组件、数据源等信息。
49.第二步、对基础信息数据进行初始化，以获取默认配置构建数据。默认配置构建数据包括大屏默认标签、大屏主题、风格、大屏背景、大屏位置id、组件以及默认数据源。
50.第三步、配置具有唯一标识代码的标识指令，调用创建大屏接口。其中，标识指令由大屏名称和标识代码组成。
51.本实施例中，标识代码记为code。因为可视化大屏是可以创建多个的，为能在创建多个可视化大屏后正确调用可视化大屏，为每个可视化大屏配置唯一的code。
52.第四步、通过创建大屏接口识别判断标识指令中的标识代码是否存在。若存在，则提示标识代码已存在，表示具有当前code的可视化大屏已经存在，则结束创建大屏接口，并返回至code配置和调用创建大屏接口页面，以在修改code后，重新发起请求。否则，返回默认配置构建数据。接着对返回的默认配置构建数据进行数据封装，并存入至数据库的大屏主体表和大屏主体与组件对应表中。
53.第五步、根据默认配置构建数据在可视化大屏页面上创建可视化大屏，同时返回大屏创建成功信息。通过默认配置构建数据实现了可视化大屏的快速构建，响应用户需求，
缩短需求分析时间。
54.一个可视化大屏页面可以最多配置5个标签，即每个可视化大屏页面可以配置5个可视化大屏子页面。每个标签新建时，也是使用默认配置构建数据生成可视化大屏，且生成后都可以依据需求来进行动态的配置。
55.参阅图2-图4，以下针对创建好的可视化大屏的结构进行介绍。
56.可视化大屏分为主体部分和非主体部分。其中，非主体部分是展示可视化大屏名称和标签名称的。如图2所示，主体部分就是组件放置的位置，依据从上到下，从左到右的原则来进行标记和编号。从上下方向看，可视化大屏的主体部分的左边上中下三部分编号为1、2、3，这些编号即为大屏位置id。编号定义了组件的位置，每个位置都可以放置一到多个组件。组件可按照固定间隔的时间进行轮询播放展示，也可以手动切换展示。从左右方向看，主体部分分为左中右三个部分。左右两边又都分为上中下三个部分；中间部分则可以分为上下两个部分，上面部分占三分之二，下面部分占三分之一，而下面部分又可分为左右两个部分。或者，如图3所示，中间部分可直接作为一个整体。而大屏主题，就是根据主体部分的中间部分是否进行划分来定义为两种主题，如图2为其中一种主题，且命名为主题1；如图3为另一种主题，且命名为主题2。
57.风格有大屏风格和组件风格。大屏风格根据背景颜色来进行定义，分为两种风格，分别为红色风格和蓝色风格。组件风格则根据背景颜色来定义了组件的字体颜色和图表颜色等。而且每个组件可有一到多个不等的风格。
58.大屏背景分为图片背景和视频动效背景。可以选择图片作为大屏的背景，也可以选择动效视频作为背景。选择视频动效作为背景时会覆盖图片的背景。
59.组件较为多样化。其分为文本类组件、饼图类组件、扇形图类组件、横向柱状图组件、竖向柱状图组件、折线图组件、雷达图组件、图片类组件、视频类组件、信息发布类组件、地图类组件、地图锚点类组件等。每一个组件又分为不同的样式，如文本类组件分为5文本、6文本、7文本、8文本等；饼图类组件、扇形图类组件、横向柱状图组件、竖向柱状图组件、折线图组件等也都分为单图型、图形带1文本、图形带2文本、图形带3文本、图形带4文本等；图片类分为纯图片1图、纯图片4图、纯图片6图、4图片带1文本、4图片带2文本、4图片带3文本和vr图等；视频类分为1视频、4视频、6视频等；信息发布类组件分为单列表、列表带1文本、列表带2文本等；地图类组件分为百度地图类和图片地图类等；地图锚点类分为普通锚点、图片锚点、视频锚点等。通过不同样式锚点展示不同的锚点图标，点击不同类型的锚点，会展示不同类型的信息，比如点击普通锚点会出来普通详情信息，点击图片锚点会出来图文信息，点击视频锚点会出来视频信息，点击视频可以进行播放，视频可以是实时监控视频，也可以是普通的短视频。地图锚点的点位是根据地图类型的不同来进行打点，百度地图根据经纬度的坐标来进行打点，图片地图则根据在图片上面的x、y轴的坐标位置来进行打点。除了地图类组件和地图锚点类组件只能放置在可视化大屏中间的位置或者大屏中间上面的位置外，其他的组件都可以放置在除可视化大屏中间和可视化大屏中间上面的位置外的任一位置。文本类组件或者带文本的组件可以配置文本数字的下钻功能，点击文本可以查看文本的详情列表，这样也可以验证文本数值的正确性。
60.数据源针对于组件的多样化，对于每一种组件大类约定了相同的数据格式。如图4所示为数据格式与对应的sql数据源格式的定义示意图。图中，包含了文本类、图形类、图片
类、视频类、信息列表类、地图锚点类和更多分页列表等数据格式。而文本类可以与其他有带文本的组件组合展示数据。数据源也分为不同的数据来源，如基础数据源、应用数据源、sql语句配置数据源、json串数据源和第三方接口数据源。其中，基础数据源就是页面提供配置接口，可以配置文本类和图形类的数据，也可以配置它们的组合数据，然后保存在数据库中，组件选择该数据源时就展示配置的数据的一种来源。应用数据源则是通过后台应用接口的逻辑算法封装后返回数据的一种来源。sql语句配置数据源就是把sql语句配置在数据库里面，然后封装接口对sql语句进行查询和业务逻辑算法封装后返回数据的一种来源，所有数据格式类型都可以通过sql语句配置数据源的方法来返回数据。json串数据源是把已知的数据配置在数据库中，直接通过调用接口读取数据库配置的json串返回数据的一种来源。第三方接口数据源则是调用第三方的接口，拿到数据后按照组件要求的数据格式进行数据封装后返回数据的一种来源。
61.本实施例的用于创建可视化大屏的数据基于标签、主题、风格、组件、样式、位置、数据源和背景的各种组合，展示效果美观，数据有效表达，满足了绝大部分的大屏需求。此外，基础信息数据属于定制化数据，尤其是组件。并且这些数据还约定了数据格式和sql语句配置数据源格式，统一了规范，简化了开发。
62.在构建大屏步骤中，其所创建的可视化大屏为通过默认配置所创建。为简化可视化大屏的创建步骤，避免可视化大屏每个项目都需要定制开发的问题，本实施例通过动态配置大屏步骤实现。
63.动态配置大屏步骤的具体实现方式为，选择要动态配置的可视化大屏，并进入大屏配置页面。在大屏配置页面中可以看到可视化大屏的各个组件信息和非主体的其它的配置信息。在当前的大屏配置页面，可视化大屏的各个组件展示的是组件的默认效果图片，大屏每个组件上面都提供有更换组件和编辑组件的按钮，非主体部分则有配置基础数据源、新建标签、更换主题和更换风格的按钮。
64.需编辑组件时，选择某一组件，点击编辑组件，进入组件编辑页面，在当前页面可以编辑名称、更换组件风格和选择其他数据源。点击选择其他数据源，进入数据源页面，展示系统定义的所有数据源，选择某一数据源点击保存，跳转返回大屏配置页面。
65.需更换组件时，选择某一组件，点击更换组件，展示选择组件页面，该页面按组件大类划分不同区域，每个区域展示系统定义的所有当前类别组件，每个组件都是以组件效果图片的形式展示。选择所需的组件即可。
66.需新建标签以新建一可视化大屏子页面时，点击非主体上面的新建标签可以创建一个可视化大屏子页，此时两个可视化大屏子页可以通过标签进行切换；点击更换主题可以修改当前的大屏主题；在主题弹框里面还可以选择更换图片背景或者视频动效背景，点击更换风格，可更换当前大屏的风格。
67.需对数据源进行操作时，点击大屏数据管理，进入大屏数据管理页面，可进行数据源的增删改查操作。点击新增数据源，展示新增数据源页面，可以新增文本类数据，如名称，数值，单位信息。也可新增分类统计数据，如统计项信息：统计项名称；分类项信息：分类名称、数值和单位。新增完成点击保存，保存入库可以在组件选择数据源中进行选择。
68.在大屏配置完成后，对可视化大屏进行更新，并将更新后的可视化大屏进行展示。对可视化大屏进行更新，具体为，
69.将可视化大屏的当前默认配置构建数据封装为json串，并将json串发送至数据库，删除数据库中与当前默认配置构建数据相对应的大屏主体表和大屏主体与组件对应表，再将json串存储至被删除的大屏主体表和大屏主体与组件对应表相对于的位置。系统在成功保存json串后，返回保存成功提示。
70.本实施例构建可视化大屏以及对可视化大屏的动态配置还可通过第三方系统实现。为实现第三方系统对可视化大屏的创建和动态配置，需向第三方系统提供创建大屏接口、单点登录运营应用接口和单点登录大屏接口。如图5所示，其具体的操作流程为：
71.第三方系统向创建大屏接口发起创建接口请求。在创建接口请求被允许后，创建大屏接口开放单点登录运营应用接口和单点登录大屏接口的接入权限，同时返回创建接口请求是否被允许的信息。第三方系统向单点登录运营应用接口发出第一登录接口请求，并在第一登录接口请求被允许后，进入到大屏配置页面。当第三方系统向单点登录大屏接口发出第二登录接口请求，并在第二登录接口请求被允许后，进入到可视化大屏页面。
72.此外，本系统与第三方系统通过非数据库集成方式或数据库集成方式进行数据交互。具体的，非数据库集成方式的组件的数据源来源于第三方系统的数据源。而数据库集成方式是把系统的数据库导入到第三方系统的数据库中。
73.依据上述的自动构建并动态配置可视化大屏方法，本实施例还提供了一种自动构建并动态配置可视化大屏的系统。该系统包括运营应用、可视化大屏应用和后台应用。
74.如图6所示，本系统在创建可视化大屏以及对可视化大屏进行动态配置时，首先部署好后台应用、运营应用、可视化大屏应用和数据库中以预存并初始化好的数据。这些数据包括运营用户、大屏主题、组件、数据源等。然后，使用运营用户通过运营应用登录系统，进入大屏应用管理菜单页面。接着点击新增大屏应用，编写相关信息，如code(即标识代码)。code是唯一标识，点击保存，调用后台应用。后台应用判断code是否存在，存在则返回code已存在的信息；不存在则读取数据库中的默认配置构建数据。并按照默认配置构建数据来生成可视化大屏。生成成功后回到大屏应用管理页面，可以看到已生成的大屏信息记录。记录后面的操作栏设有大屏配置按钮和单点登录跳转可视化大屏的按钮等。点击大屏配置按钮，进入大屏配置页面，可以看到可视化大屏的主体的各个组件信息和非主体的其它的配置信息，大屏每个组件上面都有更换组件和编辑组件的按钮。点击更换组件可以将当前位置的组件更换为其他组件并编辑名称、更换组件风格和选择其他数据源。点击编辑组件可以编辑组件的名称、更换组件风格和选择其他数据源，点击非主体上面的新建标签可以创建一个可视化大屏子页面。此时两个可视化大屏子页面可以通过标签进行切换。点击大屏数据管理，进入大屏数据管理页面，可以新增编辑组件的基础数据源。点击更换主题可以修改当前的大屏主题，在主题弹框里面还可以选择更换图片背景或者视频动效背景。点击更换风格，可更换当前大屏的风格。根据需求操作完后点击保存，保存大屏配置信息。最后，回到大屏应用管理页面，点击单点登录跳转可视化大屏的按钮进入可视化大屏。登录成功后就可以查看动态配置后的大屏了。
75.本系统还支持第三方系统创建并动态配置大屏。
76.首先，第三方系统向创建大屏接口发起创建接口请求。在创建接口请求被允许后，创建大屏接口开放单点登录运营应用接口和单点登录大屏接口的接入权限，同时返回创建接口请求是否被允许的信息。第三方系统向单点登录运营应用接口发出第一登录接口请
求，并在第一登录接口请求被允许后，进入到大屏配置页面，对可视化大屏进行动态配置。当第三方系统向单点登录大屏接口发出第二登录接口请求，并在第二登录接口请求被允许后，进入到可视化大屏页面，以观看可视化大屏。
77.此外，本系统服务于第三方系统有两种方式：非数据库集成方式和数据库集成方式。其中，非数据库集成方式的组件的数据源来源于第三方系统的数据源。而数据库集成方式是把系统的数据库导入到第三方系统的数据库中。在实际使用过程中，本系统涉及的表和数据量比较少，因此本系统的数据库全量导入到第三方系统的数据库中也比较快捷和方便。此时数据源的数据大多可以通过sql语句配置的方式来实现返回，因此组件的大多数数据源就可以配置成sql语句配置数据源了。
78.两种方式的不同点就在于数据来源的不同，非数据库集成方式则都要编写数据接口，数据库集成方式则更多的可以直接在数据库中配置sql语句数据源，更为快捷方便。这样也导致了它们的工作流程的不同：非数据库集成方式需要调用第三方系统，每次调用都需要与第三方系统约定的签名sign、appid等的验证。而且每次都需要调用后台应用，通过后台应用再去调用第三方系统，第三方系统再与数据库交互。接口调用交互当中存在网络的转换，在效率上会有一些影响，数据返回会慢一点。而数据库集成方式则通过sql配置数据源的方式，直接调用后台应用，后台应用再与数据库交互获取数据，少了一层网络转换，效率会快些。
79.由于本系统使用的数据库是mysql数据库，如果第三方系统的数据库不是mysql数据库，则需要进行表结构的转换，转换后导入表结构，再导入数据。如第三方系统是oracle系统，则可以使用powerdesigner或者sql developer等工具进行表结构的转换之后再导入第三方系统的数据库中。
80.以上所述的仅是本发明的优选实施方式，应当指出对于本领域的技术人员来说，在不脱离本发明结构的前提下，还可以作出若干变形和改进，这些都不会影响本发明实施的效果和专利的实用性。