一种数据大屏的编辑方法、装置、设备及存储介质与流程

1.本发明涉及大屏可视化开发技术领域，尤其涉及一种数据大屏的编辑方法、装置、设备及存储介质。


背景技术：

2.在数据化时代，数据既价值。伴随着大数据的处理的应用发展，数据的体现形式频繁多变，可视化数据大屏的应用也越来越广泛。
3.实际上，如何在最短开发周期内完成一个满足核心需求的可视化数据大屏，以满足客户应对市场需求。最短开发周期意味着缩短软件开发周期，频繁不断的变化需求以及不停的进行版本迭代。在保质保量的前提下，原有模式、技术需要投入大量的成本，且加急开发出来的可视化数据大屏，数据体现质量很难得到保障。
4.现有可视化数据大屏的编辑方案，通常采用前后端开发模式，仅仅只有联调时才会呈现数据。每次版本迭代都需要把迭代产品发布到生产环境，发布的过程需要生产隔离且发布流程繁琐且严谨，从而造成可视化数据大屏的开发成本较高，开发效率低下，存在一定的风险性，且无法适用实际生产需求。


技术实现要素：

5.本发明提供了一种数据大屏的编辑方法、装置、设备及存储介质，以提升数据大屏开发效率，减少人工代码编辑数量，缩短数据大屏开发周期，以及降低数据大屏开发难度。
6.根据本发明的一方面，提供了一种数据大屏的编辑方法。该方法包括：
7.响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域；
8.接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中；
9.响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件；
10.响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。
11.根据本发明的另一方面，提供了一种数据大屏的编辑装置。该装置包括：
12.编辑请求响应模块，用于响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域；
13.数据组件显示模块，用于接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中；
14.数据组件更新模块，用于响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件；
15.数据接口创建模块，用于响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。
16.根据本发明的另一方面，提供了一种电子设备，所述电子设备包括：
17.至少一个处理器；以及
18.与所述至少一个处理器通信连接的存储器；其中，
19.所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的数据大屏的编辑方法。
20.根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的数据大屏的编辑方法。
21.本发明实施例的技术方案，通过响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域。接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中。响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件。响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系，解决了大屏数据开发成本较高和开发效率较低的技术问题，取到了提升数据大屏开发效率，减少人工代码编辑工作量，缩短数据大屏开发周期，以及降低数据大屏开发难度等有益效果。
22.应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
23.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
24.图1是根据本发明实施例一提供的一种数据大屏的编辑方法的流程图；
25.图2是根据本发明实施例二提供的一种数据大屏的编辑方法的流程图；
26.图3是根据本发明实施例三提供的一种数据大屏的编辑装置的结构图；
27.图4是是实现本发明实施例的数据大屏的编辑方法的电子设备的结构示意图。
具体实施方式
28.为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范
围。
29.需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
30.实施例一
31.图1为本发明实施例一提供了一种数据大屏的编辑方法的流程图，本实施例可适用于数据大屏可视化开发的情况，该方法可以由数据大屏的编辑装置来执行，该数据大屏的编辑装置可以采用硬件和/或软件的形式实现，该数据大屏的编辑装置可配置于电子设备中。如图1所示，该方法包括：
32.s101、响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面。
33.其中，所述数据大屏编辑页面包括至少一个组件配置区域。组件配置区域可以是指针对数据大屏中各个数据组成组件进行配置的区域。
34.本发明技术方案可以基于低代码开发平台对数据大屏进行编辑。在低代码开发平台中具有大屏编辑请求按键，接收用户触发的大屏编辑请求，响应于用户触发的大屏编辑请求，在低代码开发平台中显示数据大屏编辑页面，数据大屏编辑页面包括至少一个组件配置区域。
35.s102、接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中。
36.其中，数据组件可以是指组成数据大屏的各个数据部件。数据组件可以是ui组件
37.具体地，响应于用户触发的组件添加操作，将数据组件添加至组件配置区域中，以实现配置后的数据组件显示在组件配置区域中，以实现构成可视化数据大屏雏形。
38.示例性地，所述接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中，包括：响应于针对所述数据组件的加载操作，将所述数据组件添加至所述组件加载区域；响应于针对所述数据组件的排版操作，从所述组件加载区域中获取所述数据组件，并将所述数据组件显示在所述组件配置区域中。
39.其中，所述数据大屏编辑页面还可以包括组件加载区域。组件加载区域可以是指在组件配置区域中存放数据组件的区域。示例性地，数据组件可以包括分析图表组件、设计素材组件、布局排版组件、三维模型展示组件和联动组件等。
40.具体地，响应于针对所述数据组件的加载操作，将所述数据组件添加至所述组件加载区域。响应于针对所述数据组件的排版操作，通过“托拉拽”的方式，从所述组件加载区域中将数据组件放置在组件配置区域中，并显示相应数据组件。
41.示例性地，所述响应于针对所述数据组件的加载操作，将所述数据组件添加至所述组件加载区域，包括：响应于针对所述数据组件的组件导入操作，将所述数据组件添加至所述组件加载区域，或，响应于针对所述数据组件的组件编写操作，将完成编写的所述数据组件添加至所述组件加载区域。
42.其中，所述编写操作包括名称编辑、类别选择、项目选择、分类选择、封面设计、标签设置及文字描述中的至少一种。
43.在本发明技术方案中，数据组件可以提前由ui编程人员提前编写，还可以在需要数据组件时临时编写。具体地，响应于针对所述数据组件的组件导入操作，将提前编写完成的数据组件添加至所述组件加载区域中，或者，响应于针对数据组件的组件编写操作，基于低代码开发平台根据需求临时编写数据组件。
44.s103、响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件。
45.具体地，响应于针对数据组件的组件编辑触发操作，为数据组件编辑特定的显示效果，并更新数据组件，以使数据组件以设定的显示效果进行显示。
46.示例性地，所述响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件，包括：响应于针对所述数据组件对应的组件显示内容的选择操作，将选择的所述组件显示内容与所述数据组件进行关联；响应于针对所述数据组件对应的组件显示样式的样式配置触发操作，以配置后的组件显示样式显示所述数据组件；响应于针对所述数据组件对应的组件显示风格的风格切换触发操作，以切换后的组件显示风格显示所述数据组件。
47.其中，所述组件显示内容包括数据分析图表、图片、文本，以及视频中的至少一种。所述组件显示样式包括阴影、倒影、主题、分辨率、大小及颜色背景中的至少一种。组件显示风格包括极简风格、深色模式、波普风格和浅色模式中的至少一种。
48.具体地，针对数据组件的编辑操作可以至少包括对数据组件显示内容的编辑、显示样式的编辑和数据组件风格切换的编辑。示例性地，响应于针对所述数据组件对应的组件显示内容的选择操作，为每个数据组件从分析图表、图片、文本或视频等显示内容中选择显示内容进行显示，将选择的所述组件显示内容与所述数据组件进行关联。还可以响应于针对所述数据组件对应的组件显示样式的样式配置触发操作，根据实际场景需求或者客户喜好，从阴影、倒影、主题、分辨率、大小及颜色背景中选择相应的显示样式为数据组件配置显示样式，并以配置后的显示样式显示数据组件。示例性地，还可以响应于针对所述数据组件对应的组件显示风格的风格切换触发操作，为数据组件配置风格切换功能，以使用户根据不同的触发事件，以实现对数据组件的风格切换，并以切换后的组件显示风格显示所述数据组件。
49.示例性地，在所述在基于所述组件编辑触发操作更新所述数据组件之后，还包括：将更新后的所述数据组件对应的组件显示效果另存为显示效果模板，以供其他所述数据组件使用。
50.本发明技术方案还可以将数据组件的组件显示效果存储为显示效果模板，以供用户为其他数据组件进行配置操作，大大减少开发人员的重复性工作，进而提升开发效率。
51.s104、响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。
52.其中，目标数据接口可以是指数据大屏与数据库之间的数据传输接口。接口编辑页面可以是指编写数据接口的页面。大屏数据库可以是指为所述数据大屏提供数据支持的
数据库。
53.具体地，响应于针对所述数据大屏对应的数据接口的创建触发操作，在低代码开发平台上显示接口编辑页面，在显示接口编辑页面进行接口脚本编辑，从而生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。
54.需要说明的是，步骤s101—步骤s103为数据大屏的前端开发，前端通过采用了nodejs以及thinkjs、vue实现了基本页面开发。其中核心部分(数据组件)可以根据ui设计人员通用方式以及操作习惯来设计，实现了数据组件低代码在线开发。jsplumb插件实现前端组件“拖拉拽”，利用node.js脚本命令以及适配不同场景模版代码，动态传入命令行参数实现自动生成前端代码。
55.步骤s104为数据大屏的后端开发，后台通过采用规则引擎drools，编写配置规则脚本xml文件(文件放在项目resources/meta-inf目录下可以自动加载)、父类通用传参bean实体、规则脚本drl文件，利用kieservices接口提供的多种方法，kieservices就是一个中心，通过它来获取的各种对象来完成规则构建、管理和执行等操作；kiecontainerkiecontainer是一个kiebase的容器，kiebase包含了若干的规则、流程、方法等，在drools中主要就是规则和方法，kiebase本身并不包含运行时的数据之类的，执行规则kiebase中的规则，根据kiebase创建kiesession。kiesessionkiesession就是一个跟drools引擎打交道的会话，其基于kiebase创建，它会包含运行时数据，包含“事实fact”，并对运行时数据事实进行规则运算。通过kiecontainer创建kiesession是一种较为方便的做法，其实他本质上是从kiebase中创建出来。从而实现动态规则，达到编写sql脚本自动生成后台接口功能。
56.本发明实施例的技术方案，通过响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域。接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中。响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件。响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系，解决了大屏数据开发成本较高和开发效率较低的技术问题，取到了提升数据大屏开发效率，减少人工代码编辑工作量，缩短数据大屏开发周期，以及降低数据大屏开发难度等有益效果。
57.实施例二
58.图2为本发明实施例二提供的一种数据大屏的编辑方法的流程图，本实施例在上述实施例的基础上，进一步细化了在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口。如图2所示，该方法包括：
59.s201、响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面。
60.s202、接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中。
61.203、响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件。
62.s204、响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑
页面。
63.s205、响应于在所述接口编辑页面中针对脚本编辑模板的选择触发操作，在所述接口编辑页面中显示选中的所述脚本编辑模板，并确定所述数据大屏对应的大屏数据库。
64.具体地，在接口编辑页面中配置有脚本编辑模板的选择按键，响应于在所述接口编辑页面中针对脚本编辑模板的选择触发操作，选择触发操作对应的脚本编辑模板，并在接口编辑页面中显示被选中的所述脚本编辑模板，并确定所述数据大屏对应的大屏数据库。
65.示例性地，所述确定所述数据大屏对应的大屏数据库，包括：响应于数据查询请求，显示数据查询页面；将所述数据大屏对应的待显示数据标识输入至所述数据查询页面，并基于数据查询操作，确定所述数据大屏对应的大屏数据库。
66.具体地，低代码开发平台还可以支持数据库查询，响应于用户触发的数据查询请求，显示数据查询页面。将想要在数据大屏中显示的数据信息对应的待显示数据标识输入至数据查询页面中，根据输出结果确定所述数据大屏对应的大屏数据库。
67.s206、根据所述大屏数据库，在所述脚本编辑模板的编辑区域中基于所述脚本编辑模板进行编辑接口脚本代码，以生成数据大屏数据接口。
68.具体地，根据确定的大屏数据库，确定该大屏数据库对应的数据库参数信息，根据数据库参数信息，在脚本编辑模板的编辑区域中基于所述脚本编辑模板进行编辑接口脚本代码，从而生成数据大屏数据接口。
69.s207、基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。
70.本发明实施例技术方案，通过响应于在所述接口编辑页面中针对脚本编辑模板的选择触发操作，在所述接口编辑页面中显示选中的所述脚本编辑模板，并确定所述数据大屏对应的大屏数据库。根据所述大屏数据库，在所述脚本编辑模板的编辑区域中基于所述脚本编辑模板进行编辑接口脚本代码，以生成数据大屏数据接口，降低了数据大屏开发难度，无需大量代码编辑，缩短数据大屏开发周期，方便数据大屏数据调试。
71.实施例三
72.图3为本发明实施例三提供的一种数据大屏的编辑装置的结构示意图。如图3所示，该装置包括：
73.编辑请求响应模块301，用于响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域；
74.数据组件显示模块302，用于接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中；
75.数据组件更新模块303，用于响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件；
76.数据接口创建模块304，用于响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。
77.本发明实施例的技术方案，通过响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域。接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中。响应于针对所述数
据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件。响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系，解决了大屏数据开发成本较高和开发效率较低的技术问题，取到了提升数据大屏开发效率，减少人工代码编辑工作量，缩短数据大屏开发周期，以及降低数据大屏开发难度等有益效果。
78.可选地，所述数据大屏编辑页面还包括组件加载区域。所述数据组件显示模块302，包括：
79.数据组件加载单元，用于响应于针对所述数据组件的加载操作，将所述数据组件添加至所述组件加载区域；
80.数据组件配置单元，用于响应于针对所述数据组件的排版操作，从所述组件加载区域中获取所述数据组件，并将所述数据组件显示在所述组件配置区域中。
81.可选地，所述数据组件加载单元，可以具体用于：
82.响应于针对所述数据组件的组件导入操作，将所述数据组件添加至所述组件加载区域，
83.或，
84.响应于针对所述数据组件的组件编写操作，将完成编写的所述数据组件添加至所述组件加载区域，其中，所述编写操作包括名称编辑、类别选择、项目选择、分类选择、封面设计、标签设置及文字描述中的至少一种。
85.可选地，数据组件更新模块303，包括：
86.显示内容选择单元，用于响应于针对所述数据组件对应的组件显示内容的选择操作，将选择的所述组件显示内容与所述数据组件进行关联，其中，所述组件显示内容包括数据分析图表、图片、文本，以及视频中的至少一种；
87.显示样式选择单元，用于响应于针对所述数据组件对应的组件显示样式的样式配置触发操作，以配置后的组件显示样式显示所述数据组件，其中，所述组件显示样式包括阴影、倒影、主题、分辨率、大小及颜色背景中的至少一种；
88.显示样式切换单元，用于响应于针对所述数据组件对应的组件显示风格的风格切换触发操作，以切换后的组件显示风格显示所述数据组件，其中，组件显示风格包括极简风格、深色模式、波普风格和浅色模式中的至少一种。
89.可选地，数据组件更新模块303，还包括：
90.显示效果模板确定单元，用于将更新后的所述数据组件对应的组件显示效果另存为显示效果模板，以供其他所述数据组件使用。
91.可选地，数据接口创建模块304，包括：
92.脚本编辑模板选择单元，用于响应于在所述接口编辑页面中针对脚本编辑模板的选择触发操作，在所述接口编辑页面中显示选中的所述脚本编辑模板，并确定所述数据大屏对应的大屏数据库；
93.数据接口创建单元，用于根据所述大屏数据库，在所述脚本编辑模板的编辑区域中基于所述脚本编辑模板进行编辑接口脚本代码，以生成数据大屏数据接口。
94.可选地，所述脚本编辑模板选择单元，具体用于：
95.响应于数据查询请求，显示数据查询页面；
96.将所述数据大屏对应的待显示数据标识输入至所述数据查询页面，并基于数据查询操作，确定所述数据大屏对应的大屏数据库。
97.本发明实施例所提供的数据大屏的编辑装置可执行本发明任意实施例所提供的数据大屏的编辑方法，具备执行方法相应的功能模块和有益效果。
98.实施例四
99.图4示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。
100.如图4所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(rom)12、随机访问存储器(ram)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(rom)12中的计算机程序或者从存储单元18加载到随机访问存储器(ram)13中的计算机程序，来执行各种适当的动作和处理。在ram13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、rom12以及ram13通过总线14彼此相连。输入/输出(i/o)接口15也连接至总线14。
101.电子设备10中的多个部件连接至i/o接口15，包括：输入单元16，例如键盘、鼠标等；输出单元17，例如各种类型的显示器、扬声器等；存储单元18，例如磁盘、光盘等；以及通信单元19，例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
102.处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如方法数据大屏的编辑。
103.在一些实施例中，方法数据大屏的编辑可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以经由rom12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到ram13并由处理器11执行时，可以执行上文描述的方法数据大屏的编辑的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行方法数据大屏的编辑。
104.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出
装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
105.用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
106.在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
107.为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
108.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)、区块链网络和互联网。
109.计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与vps服务中，存在的管理难度大，业务扩展性弱的缺陷。
110.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。
111.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

技术特征：
1.一种数据大屏的编辑方法，其特征在于，包括：响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑页面包括至少一个组件配置区域；接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中；响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件；响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。2.根据权利要求1所述的方法，其特征在于，所述数据大屏编辑页面还包括组件加载区域，所述接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中，包括：响应于针对所述数据组件的加载操作，将所述数据组件添加至所述组件加载区域；响应于针对所述数据组件的排版操作，从所述组件加载区域中获取所述数据组件，并将所述数据组件显示在所述组件配置区域中。3.根据权利要求2所述的方法，其特征在于，所述响应于针对所述数据组件的加载操作，将所述数据组件添加至所述组件加载区域，包括：响应于针对所述数据组件的组件导入操作，将所述数据组件添加至所述组件加载区域，或，响应于针对所述数据组件的组件编写操作，将完成编写的所述数据组件添加至所述组件加载区域，其中，所述编写操作包括名称编辑、类别选择、项目选择、分类选择、封面设计、标签设置及文字描述中的至少一种。4.根据权利要求1所述的方法，其特征在于，所述响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件，包括：响应于针对所述数据组件对应的组件显示内容的选择操作，将选择的所述组件显示内容与所述数据组件进行关联，其中，所述组件显示内容包括数据分析图表、图片、文本，以及视频中的至少一种；响应于针对所述数据组件对应的组件显示样式的样式配置触发操作，以配置后的组件显示样式显示所述数据组件，其中，所述组件显示样式包括阴影、倒影、主题、分辨率、大小及颜色背景中的至少一种；响应于针对所述数据组件对应的组件显示风格的风格切换触发操作，以切换后的组件显示风格显示所述数据组件，其中，组件显示风格包括极简风格、深色模式、波普风格和浅色模式中的至少一种。5.根据权利要求4所述的方法，其特征在于，在所述在基于所述组件编辑触发操作更新所述数据组件之后，还包括：将更新后的所述数据组件对应的组件显示效果另存为显示效果模板，以供其他所述数据组件使用。
6.根据权利要求1所述的方法，其特征在于，所述在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，包括：响应于在所述接口编辑页面中针对脚本编辑模板的选择触发操作，在所述接口编辑页面中显示选中的所述脚本编辑模板，并确定所述数据大屏对应的大屏数据库；根据所述大屏数据库，在所述脚本编辑模板的编辑区域中基于所述脚本编辑模板进行编辑接口脚本代码，以生成数据大屏数据接口。7.根据权利要求6所述的方法，其特征在于，所述确定所述数据大屏对应的大屏数据库，包括：响应于数据查询请求，显示数据查询页面；将所述数据大屏对应的待显示数据标识输入至所述数据查询页面，并基于数据查询操作，确定所述数据大屏对应的大屏数据库。8.一种数据大屏的编辑装置，其特征在于，包括：编辑请求响应模块，用于响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面，其中，所述数据大屏编辑包括至少一个组件配置区域；数据组件显示模块，用于接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中；数据组件更新模块，用于响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件；数据接口创建模块，用于响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。9.一种电子设备，其特征在于，所述电子设备包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7中任一项所述的数据大屏的编辑方法。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的数据大屏的编辑方法。

技术总结
本发明公开了一种数据大屏的编辑方法、装置、设备及存储介质。该方法包括：响应于针对数据大屏的大屏编辑请求，显示数据大屏编辑页面；接收针对所述组件配置区域的组件添加触发操作，将数据组件显示在所述组件配置区域中；响应于针对所述数据组件的组件编辑触发操作，基于所述组件编辑触发操作更新所述数据组件；响应于针对所述数据大屏对应的数据接口的创建触发操作，显示接口编辑页面，在所述接口编辑页面中进行接口脚本编辑，以生成目标数据接口，并基于所述目标数据接口建立所述数据大屏与大屏数据库之间的对接关系。以提升数据大屏开发效率，减少人工代码编辑数量，缩短数据大屏开发周期，以及降低数据大屏开发难度。以及降低数据大屏开发难度。以及降低数据大屏开发难度。


技术研发人员：王标 杨光 凌敏 常弘 石刚 蔡均宇 徐嘉诚 张松林 陈豪
受保护的技术使用者：南方电网数字平台科技（广东）有限公司
技术研发日：2023.05.19
技术公布日：2023/8/13