【技术实现步骤摘要】
本专利技术涉及数据过滤及大屏设计，具体地说是一种基于数据过滤及自定义组件灵活配置的大屏设计方法及系统。
技术介绍
1、随着信息技术的飞速发展，数据已成为企业和组织决策的重要依据。大数据技术的应用使得数据的获取、存储和分析成为可能。大屏设计作为展示数据的重要工具，将数据接入到大屏，能够直观地呈现大量数据和信息，降低数据的复杂性。然而，由于数据来源的多样性和复杂性，将数据快速的接入大屏的难度越来越大，即由于数据来源不同，数据格式不统一，导致数据很难接入大屏组件，降低了大屏绘制的效率。
2、同时，大屏设计作为数据展示的重要形式，大屏的美观程度直接决定了数据展示的整体效果。能够提供给丰富的组件库、灵活的组件配置、多样化的组件组合、稳定的数据存储，是决定大屏设计好坏的重要中要因素之一。
3、然而，现有的大屏设计方法在数据获取和组件配置方面存在一定的不足。一方面，传统的数据获取方法比较单一，处理不够灵活，很难实现数据直接可用的状态，且易出错；另一方面，组件样式单调，配置项少，美观度低，很难设计出令人满意的大屏报表。
技术实现思路
1、本专利技术的技术任务是提供一种基于数据过滤及自定义组件灵活配置的大屏设计方法及系统，来解决现有大屏设计方法中数据与大屏报表接入困难、大屏设计样式少、美观度低以及大屏数据展示灵活性低的问题。
2、本专利技术的技术任务是按以下方式实现的，一种基于数据过滤及自定义组件灵活配置的大屏设计方法，该方法具体如下：
3、数据源接入
4、数据获取及过滤：通过sql语句查询方式或api接口方式获取数据，并进行数据预览，查看获取到的数据；当数据不满足要求时，通过数据过滤对数据进行调整，数据过滤方式配置完成后，进行数据预览，查看过滤效果；
5、大屏设计：通过提供的组件库随意将需要的图表组件拖拽导绘制区域内的任一位置。
6、作为优选，数据源接入具体如下：
7、选择对应的数据源类型，针对不同的数据源类型提供必的信息示例；
8、根据数据库的连接信息，修改表单中的信息，并输入用户密码；
9、对输入信息进行测试，若信息无误，则提示连接成功。
10、作为优选，通过sql语句查询方式获取数据时，选择对应的数据源，编写sql查询语句；查询语句中添加动态参数，使用${param}替代参数，同时提供动态参数查询的预设功能，方便数据的预览；
11、通过api接口方式获取数据时，在对应的位置输入请求路径，再输入api接口需要的请求头和请求体；其中，api接口方式支持动态参数。
12、作为优选，数据过滤时，提供java脚本、javascript脚本和字典项三种方式，java脚本、javascript脚本和字典项中的每一种都支持多次使用，实现串联过滤。
13、作为优选，大屏设计具体如下：
14、组件样式配置：每个组件均提供丰富的配置项，用户点击大屏区域内的组件，根据图表需求选择对应的配置项进行配置，实现组件样式的个性化设计；
15、数据配置：支持动态数据和静态数据两种；其中，配置静态数据，用户根据示例数据格式，直接需要展示的数据复制进去即可；配置动态数据，用户选择过滤好的数据直接配置，将数据的每个字段与图表对应即可完成数据配置；其中，若数据集中含有动态参数这里同样会显示，同时需要指定的初始参数；
16、组件联动：基于数据集的动态参数查询，选择对应组件，例如下拉框组件，通过配置对应组件所关联的图表名称，即可实现将对应组件的选择数据传递给关联的组件，通过图表的动态参数查询，进而实现数据动态切换；
17、自定义组件：用户在自定义组件的配置项里将页面体、脚本及样式代码依次填入对应的配置栏里，再点击刷新即可查看自定义组件样式。
18、一种基于数据过滤及自定义组件灵活配置的大屏设计系统，该系统包括数据源模块、数据集模块以及大屏设计模块；
19、数据源模块用于将不同数据源接入到大屏设计模块中，数据源模块提供基础的配置信息，通过数据源模块直接连接需要的数据库，从中获取任意一个表的数据，实现数据源的快速接入，同时为数据集模块获取数据提供一个转接平台；
20、数据集模块用于获取数据并对数据进行处理，数据集模块支持sql语句查询方式和api接口方式获取数据；获取数据后，用户根据需求对数据进行进一步处理和转换，以满足大屏设计模块中各图表组件对数据的要求；
21、大屏设计模块用于用户根据需求自定义拖拽、组合不同的图表，并对图表的样式、数据、动作进行配置，实现业务数据展示和切换。
22、作为优选，数据源接入模块借助不同数据源的连接驱动，实现数据源的接入；同时针对每一种数据源，提供基础信息的配置模板，用户只需要进行简单的修改即可快速接入数据源；
23、在数据集模块中，用户通过sql语句查询方式和api接口方式获取数据，且sql语句查询方式和api接口方式均支持动态参数查询，用户使用特定的符号${param}代替指定的参数，并在参数配置中为param配置具体值，再数据预览会根据具体值获取数据；同时数据集模块根据数据预览结果，通过脚本文件对数据进行过滤，在数据转换组件中使用java或javascript语言编写数据处理脚本，或使用字典项对数据字段进行必要的解释说明；数据转换组件支持多级串联，即使用多个java脚本或者javascript脚本或者字典项，将多个java脚本或者javascript脚本或者字典项混合串联在一起，形成一个数据过滤流，通过数据过滤流对数据进行整理过滤，实现数据的格式化、规范化；其中，为满足多级串联，每一个数据转换组件的输入输出的数据类型相同。
24、作为优选，大屏设计模块提供自定义图表组件，自定义图表组件支持用户通过javascript或html代码设计图表及样式，通过配置图表体代码、脚本代码、样式代码即可实现自定义组件的设计；同时，大屏设计模块中对每一种图表组件提供丰富灵活的可视化配置项，用户根据大屏原型调整每一个组件的样式；数据配置方面支持动态数据和静态数据，动态数据需选择对应的数据集，并设置数据字段与图表的对应关系；基于数据集支持动态参数查询，大屏组件同样支持动态参数配置及查询；
25、大屏设计模块还支持组件间参数传递；用户配置数据选择组件的关联组件项，为数据选择组件关联其他图表组件；当数据选择组件的选项发生变化时，即可将选项的值传递给其他关联的组件，借助动态参数查询，实现改变其他组件显示的数据的功能；其中，被联动的组件使用的数据集通过动态查询获取。
26、一种电子设备，包括：存储器和至少一个处理器；
27、其中，所述存储器上存储有计算机程序；
28、所述至少一个处理器执行所述存储器存储的计算机程序，使得所述至少一个处理器执行如上述的基于数据过滤及自定义组件灵活配置的大屏设计方法。
29、一种计算机可本文档来自技高网...
【技术保护点】
1.一种基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，该方法具体如下：
2.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，数据源接入具体如下：
3.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，通过SQL语句查询方式获取数据时，选择对应的数据源，编写SQL查询语句；查询语句中添加动态参数，使用${param}替代参数，同时提供动态参数查询的预设功能，方便数据的预览；
4.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，数据过滤时，提供Java脚本、JavaScript脚本和字典项三种方式，Java脚本、JavaScript脚本和字典项中的每一种都支持多次使用，实现串联过滤。
5.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，大屏设计具体如下：
6.一种基于数据过滤及自定义组件灵活配置的大屏设计系统，其特征在于，该系统包括数据源模块、数据集模块以及大屏设计模块；
7
8.根据权利要求6所述的基于数据过滤及自定义组件灵活配置的大屏设计系统，其特征在于，大屏设计模块提供自定义图表组件，自定义图表组件支持用户通过JavaScript或HTML代码设计图表及样式，通过配置图表体代码、脚本代码、样式代码即可实现自定义组件的设计；同时，大屏设计模块中对每一种图表组件提供丰富灵活的可视化配置项，用户根据大屏原型调整每一个组件的样式；数据配置方面支持动态数据和静态数据，动态数据需选择对应的数据集，并设置数据字段与图表的对应关系；基于数据集支持动态参数查询，大屏组件同样支持动态参数配置及查询；
9.一种电子设备，其特征在于，包括：存储器和至少一个处理器；
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序可被处理器执行以实现如权利要求1至5中任一项所述的基于数据过滤及自定义组件灵活配置的大屏设计方法。
...【技术特征摘要】
1.一种基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，该方法具体如下：
2.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，数据源接入具体如下：
3.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，通过sql语句查询方式获取数据时，选择对应的数据源，编写sql查询语句；查询语句中添加动态参数，使用${param}替代参数，同时提供动态参数查询的预设功能，方便数据的预览；
4.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，数据过滤时，提供java脚本、javascript脚本和字典项三种方式，java脚本、javascript脚本和字典项中的每一种都支持多次使用，实现串联过滤。
5.根据权利要求1所述的基于数据过滤及自定义组件灵活配置的大屏设计方法，其特征在于，大屏设计具体如下：
6.一种基于数据过滤及自定义组件灵活配置的大屏设计系统，其特征在于，该系统包括数据源模块、数据集模块以及大屏设计模块；
7.根据权利要求6所述的基于...
【专利技术属性】
技术研发人员：曹利军，王彦功，高建杰，李存冰，陈焕新，吕鹤，车明轩，丁义镇，
申请(专利权)人：浪潮软件科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。