一种数据大屏页面展示方法、装置、设备和介质与流程

1.本发明涉及数据大屏展示领域，特别涉及一种数据大屏页面展示方法、装置、设备和介质。


背景技术：

2.随着浏览器的快速迭代以及前端技术的发展，公司的数据报表看板，城市的数据治理等都需要在web端展示数据大屏，用户对数据大屏页面的人机交互及美观形成基本的共识。用户对需要展示的数据有自己的诉求和想法，但项目的迭代升级周期长，无法及时的解决用户的展示诉求。
3.目前在数据大屏展示领域，传统的做法是定制化开发。即根据用户需求，设计、开发、测试、发布，此做法需要开发人员熟悉前端技术及图表库、地图库等使用，前期开发周期长，对开发人员专业水平要求较高，且后期需求变更及维护成本较高。


技术实现要素：

4.鉴于上述问题，本发明实施例提供了一种数据大屏页面展示方法、装置、设备和介质，以便克服上述问题或者至少部分地解决上述问题。
5.本发明实施例的第一方面，公开了一种数据大屏页面展示方法，所述方法包括：
6.在检测到用户在操作界面上输入的页面创建操作时，新建页面；
7.在检测到用户对组件仓库中任一标准组件的拖动操作时，将被拖动的标准组件显示在所新建的页面上，所述组件仓库中的各个标准组件是采用统一规范封装而成的；
8.在检测到用户在所述操作界面上输入的保存操作时，根据所新建的页面上的标准组件的源码，生成数据大屏文件和相应的数据大屏页面的访问地址；
9.在检测到对所述访问地址的访问请求时，读取所述数据大屏文件，并渲染出相应的数据大屏页面。
10.可选地，所述方法还包括：
11.获取不同源码格式的多个原始组件；
12.采用amd规范对所述多个原始组件进行封装，得到对应的多个标准组件；
13.将所述多个标准组件上传到所述组件仓库中。
14.可选地，所述方法还包括：
15.获取通过编辑器在线编辑的组件；
16.采用amd规范对所述在线编辑的组件进行封装，得到对应的标准组件；
17.将所述标准组件上传到所述组件仓库中。
18.可选地，所述方法还包括：
19.在检测到对所述数据大屏文件的源码下载操作时，将所述数据大屏文件的源码下载至本地；
20.通过本地源码编辑工具，对所述数据大屏文件的源码进行本地编辑，并显示实时
预览页面；
21.在检测到保存操作时，保存源码被编辑后的数据大屏文件，并与所述访问地址绑定；
22.在检测到对所述访问地址的再次访问请求时，读取所述源码被编辑后的数据大屏文件，并渲染出相应的数据大屏页面。
23.可选地，所述方法还包括：
24.在检测到对所述数据大屏文件的源码查看操作时，在线显示所述数据大屏文件的源码；
25.通过在线源码编辑工具，对所述数据大屏文件的源码进行在线编辑，并显示实时预览页面；
26.在检测到保存操作时，保存源码被编辑后的数据大屏文件，并与所述访问地址绑定；
27.在检测到对所述访问地址的再次访问请求时，读取所述源码被编辑后的数据大屏文件，并渲染出相应的数据大屏页面。
28.可选地，所述方法还包括：
29.根据用户对所新建的页面上的标准组件的源码查看操作时，在线显示所述标准组件的源码；
30.通过在线源码编辑工具，对所述标准组件的源码进行在线编辑；
31.在检测到保存操作时，保存所述标准组件的编辑后的源码；
32.生成数据大屏文件，包括：
33.根据所新建的页面上的标准组件的源码，生成数据大屏文件，包括：根据所述标准组件的编辑后的源码，生成数据大屏文件。
34.本发明实施例的第二方面，公开了一种数据大屏页面展示装置，所述装置包括：
35.创建模块，用于在检测到用户在操作界面上输入的页面创建操作时，新建页面；
36.显示模块，用于在检测到用户对组件仓库中任一标准组件的拖动操作时，将被拖动的标准组件显示在所新建的页面上，所述组件仓库中的各个标准组件是采用统一规范封装而成的；
37.保存模块，用于在检测到用户在所述操作界面上输入的保存操作时，根据所新建的页面上的标准组件的源码，生成数据大屏文件和相应的数据大屏页面的访问地址；
38.展示模块，用于在检测到对所述访问地址的访问请求时，读取所述数据大屏文件，并渲染出相应的数据大屏页面。
39.可选地，所述装置还包括：
40.第一获取模块，用于获取不同源码格式的多个原始组件；
41.第一封装模块，用于采用amd规范对所述多个原始组件进行封装，得到对应的多个标准组件；
42.第一上传模块，用于将所述多个标准组件上传到所述组件仓库中。
43.本发明实施例的第三方面，公开了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行时实现如本发明第一方面实施所述的数据大屏页面展示方法。
44.本发明实施例第四方面，公开了一种计算机可读存储介质，其上存储有计算机程序/指令，该计算机程序/指令被处理器执行时实现本实施例第一方面所述的数据大屏页面展示方法。
45.本发明实施例包括以下优点：
46.在本发明实施例中，开发人员提前将数据大屏页面的各功能对应的源码封装为标准组件，用户通过对组件仓库中的标准组件进行拖动的方式，就能在页面上创建相应的标准组件，即实现该标准组件对应功能创建；并在保存时根据页面上的标准组件的源码生成对应的数据大屏文件和数据大屏页面的访问地址，以便于对数据大屏页面进行访问和对数据大屏进行展示。由于开发人员只专精标准组件开发，进而降低重复人力浪费，该数据大屏页面展示方法降低了开发人员门槛；此外，该数据大屏页面展示方法将用户参与进数据大屏页面的规划中，用户可根据自身需求进行个性化的设计，进而提高交付效率和用户满意度。
附图说明
47.为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
48.图1是本发明实施例提供的一种数据大屏页面展示方法的步骤流程图；
49.图2是本发明实施例提供的一种数据大屏页面展示方法应用流程图；
50.图3是本发明实施例提供的一种数据大屏页面展示装置的结构示意图。
具体实施方式
51.为使本发明的上述目的、特征和优点能够更加明显易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
52.本发明实施例提供了一种数据大屏页面展示方法，如图1所示，图1为本发明实施例提供的一种数据大屏页面展示方法的步骤流程图，所述的方法包括步骤s101至步骤s104：
53.步骤s101：在检测到用户在操作界面上输入的页面创建操作时，新建页面。
54.在本实施例中，用户基于可视化引擎来实现数据大屏页面设计(即构建大屏ui界面及交互设计)，在可视化引擎中配置实现数据大屏页面功能的各类配置文件，例如，在可视化引擎中配置有组件库配置文件。在可视化引擎中包括有操作界面，操作界面是用于实现数据大屏展示的人机交互设计页面，在操作界面中包括：组件区、参数配置区、设计区。其中，在组件区包含了大量的标准组件(即各种实现数据大屏页面的功能组件)，例如，echarts图表、图片下载、表单交互(即各种样式的表格)、地图交互等；参数配置区包含：颜色配置、位置调整、数据配置、图表交互下沉机制(即多个图表之间具备联动)等；设计区包含：嵌套布局、位置设计等。用户通过以上功能，可自由选择标准组件的布局、参数配置、人
机交互体验等功能，进而完成数据大屏展示设计。
55.当用户需要将数据进行大屏展示时，首先，通过可视化引擎的操作界面新建一个页面，例如，用户点击操作界面上的创建按钮，当可视化引擎检测到该创建操作后，响应该创建操作进而新建页面。该页面是用于数据展示设计的页面，在后续步骤中，用户在该页面上进行相应的设计，例如，在该页面中放置表格、饼图等。
56.步骤s102：在检测到用户对组件仓库中任一标准组件的拖动操作时，将被拖动的标准组件显示在所新建的页面上，所述组件仓库中的各个标准组件是采用统一规范封装而成的。
57.在本实施例中，组件仓库位于操作界面的组件区，在组件仓库内包含有大量的标准组件，为了丰富组件配置和人机交互功能，将常用的数据大屏展示功能的原始数据组件封装为标准组件。当用户在进行数据大屏页面设计时，通过直接在组件仓库中拖动标准组件，进而实现在页面上创建相应的标准组件，例如，用户拖动组件仓库中的饼图标准组件，在页面上就会创建并显示饼图。此外，用户在数据大屏页面设计过程中，能够实时的生成数据大屏页面的预览效果图，以用于用户能够即时的查看，增加了设计的便利性
58.应当说明的是，通过拖动标准组件生成的图表是与需要进行展示的数据相关联的，因此，用户在拖动标准组件进行数据大屏页面设计之前，还需要通过操作界面上的参数配置区的参数配置将要进行数据大屏页面展示的数据源进行配置。具体地，将含有数据源的数据文件导入到可视化引擎中，之后再在组件仓库中拖动标准组件来生成与数据源相关联的图表，并且在创建得到相应的图表后对通过参数配置区和设计区对图表的颜色和位置等进调整。例如，选择了两组需进行数据展示的数据a和数据b，在组件仓库中拖动折线图标准组件，进而在页面中得到数据a和数据b的折线图。因此，在本实施例中通过拖动的方式就能够快速的实现对标准组件的创建，降低数据大屏页面设计的难度。
59.在一种可选的实施例中，标准组件的生成方式包括：
60.获取不同源码格式的多个原始组件；
61.采用amd规范对所述多个原始组件进行封装，得到对应的多个标准组件；
62.将所述多个标准组件上传到所述组件仓库中。
63.在本实施例中，开发人员首先获取多种常用功能的原始组件，即获取常用功能的源码，不同功能的源码的格式可能不同，例如，echarts图表的源码格式可能是react，地图交互的源码格式可能是vue。因此，为了丰富组件的配置以及人机交互功能的通用性，利用amd规范(asynchronous module definition，异步模块加载机制)对不同源码格式的原始组件进行封装，得到对应的amd标准组件，该amd标准组件可在任意框架中使用。最后将amd标准组件上传至组件仓库中，在审核通过后进行发布，并自动生成发布后的可视化引擎的组件库配置文件，以供用户在进行数据大屏展示设计时使用。因此，在本实施例中通过将不同源码格式的原始组件封装为amd标准组件，实现了不同组件的多种语言适配，增加人机交互功能的通用性。
64.在另一种可选的实施例中，还可以通过在线编辑的方式对组件进行编辑，进而得到标准组件，具体地：
65.获取通过编辑器在线编辑的组件；
66.采用amd规范对所述在线编辑的组件进行封装，得到对应的标准组件；
67.将所述标准组件上传到所述组件仓库中。
68.在本实施例中，编辑器是指web编辑器(也称为html编辑器)，利用web编辑器在线编辑和维护组件(单框架使用组件)，并在完成编辑和维护后，将不同的组件源码格式(如react、vue等)利用babel编译器生成amd标准组件，最后将amd标准组件提交至组件仓库中，在审核通过后进行发布，并自动生成发布后的可视化引擎的组件库配置文件。在整个过程中，严格权限控制amd标准组件的提交、编辑、审核、发布等过程，以保障了可视化引擎的安全。
69.开发人员通过上述方法得到组件库配置文件后，将组件库配置文件引入到可视化引擎中，进而在可视化引擎中显示对应的amd标准组件，即在操作界面中显示有amd标准组件，在用户在进行设计时，通过拖动的方式就能对数据大屏页面进行设计，即构建大屏ui界面及交互设计。在本实施例中开发人员专精标准组件开发，进而降低重复人力浪费。
70.步骤s103：在检测到用户在所述操作界面上输入的保存操作时，根据所新建的页面上的标准组件的源码，生成数据大屏文件和相应的数据大屏页面的访问地址。
71.在本实施例中，数据大屏文件是指大屏json(javascript object notation)文件，json相较传统的dom方式更规范、更简洁、更高效。用户在操作界面上对数据大屏页面进行保证操作时，会根据页面上的标准组件的源码生成对应的大屏json文件，以及该数据大屏页面的访问地址，进而在后续步骤中，用户可通过该访问地址对该数据大屏页面进行访问。
72.此外，在用户在对数据大屏页面进行保存之前，还需要设置该数据大屏页面的名称和查看模式。其中，设置查看模式包括：设置登录方式、设置邀请查看方式和设置有效期限等，登录方式是指用户采用什么方式登录数据大屏页面，以对该数据大屏页面进行查看；邀请查看的方式是指如何将该数据大屏页面分享给其他，以邀请别人查看数据大屏页面；有效期限是指数据大屏页面的有效期。
73.步骤s104：在检测到对所述访问地址的访问请求时，读取所述数据大屏文件，并渲染出相应的数据大屏页面。
74.在本实施例中，当检测到对访问地址的访问请求时，首先，判断查看模式展示对应的数据大屏页面，即确定与该访问地址对应的数据大屏页面、验证登录方式是否正确、以及数据大屏页面的有效性等。然后，读取与该访问地址对应的数据大屏文件(即大屏json文件)，并使用渲染引擎渲染大屏json文件，即通过遍历大屏json文件中的结构数据，生成浏览器能识别的dom元素和函数，例如，{dom:’p’,value:
‘
测试’,style:{width:’200px’,color:’#fff’}}＝》》《p style＝”width:’200px’；color:’#fff
’”
》测试《/p》，并采用懒加载模式异步加载数据大屏页面使用的标准组件，以防止资源浪费，进而渲染对应标准组件到web页面，以快速得到对应的数据大屏页面。
75.在本实施例中，开发人员提前将数据大屏页面的各功能对应的源码封装为标准组件，用户通过对组件仓库中的标准组件进行拖动的方式，就能在页面上创建相应的标准组件，即实现该标准组件对应功能创建，并在保存时根据页面上的标准组件的源码生成对应的数据大屏文件和数据大屏页面的访问地址，以便于对数据大屏页面进行访问和对数据大屏进行展示。由于开发人员只需要专精标准组件开发，进而降低重复人力浪费，同时该数据大屏页面展示方法降低了开发人员门槛；此外，该数据大屏页面展示方法将用户参与进数
据大屏页面的规划中，用户可根据自身需求进行个性化的设计，进而提高交付效率和用户满意度。
76.在一种可选的实施例中，为了进一步满足用户个性化需求，用户通过拖动完成初步的数据大屏页面设计后，还可以在此源码的基础上进行本地的定制化的的修改。具体地，包括以下步骤s201至步骤s204：
77.步骤s201：在检测到对所述数据大屏文件的源码下载操作时，将所述数据大屏文件的源码下载至本地；
78.步骤s202：通过本地源码编辑工具，对所述数据大屏文件的源码进行本地编辑，并显示实时预览页面；
79.步骤s203：在检测到保存操作时，保存源码被编辑后的数据大屏文件，并与所述访问地址绑定；
80.步骤s204：在检测到对所述访问地址的再次访问请求时，读取所述源码被编辑后的数据大屏文件，并渲染出相应的数据大屏页面。
81.在本实施例中，用户根据标准组件完成数据大屏页面的初步设计后，将数据大屏页面进行保存，进而得到该数据大屏页面的访问地址和数据大屏文件。当用户需要对该数据大屏页面进行定制化的二次开发时，首先，基于该数据大屏文件来获取该数据大屏文件对应源码，即使用js循环遍历大屏json文件(数据大屏文件)，根据提取到的json信息生成react、vue3等js框架的源码，采用prettier(前端代码格式化工具)来美化源码，进而得到该数据大屏文件的源码，用户通过将该数据大屏文件的源码下载至本地，进而基于该数据大屏文件的源码进行定制化修改。进一步地，用户可根据自身的需要，来选择下载不同语言的源码，例如，用户下载的数据大屏文件的源码可是javascript语言，也可以是python等语言。
82.在下载得到数据大屏页面的源码后，利用源码编辑工具(例如，visual studio code，epiceditor等)编辑源码，即根据用户需求，在源码的基础上进行定制化的修改，进而得到满足用户特殊需求的数据大屏页面，此外，在对源码进行编辑过程中，可实时的生成数据大屏页面，以便于对修改后的数据大屏页面进行预览，进而根据实时的数据大屏页面做进一步的修改，提高修改的便利性。
83.并在完成源码的修改后，进行保存操作，进而得到编辑后的数据大屏文件，并将编辑后的数据大屏文件与访问地址进行绑定，进而基于访问地址就能够对修改后的数据大屏页面进行访问。当通过访问地址对数据大屏页面进行访问时，首先判断查看模式展示对应的数据大屏页面，然后读取与该访问地址对应的编辑后的数据大屏文件，并使用渲染引擎渲染该数据大屏文件，进而得到对应的编辑后的数据大屏页面。在本实施例中，支持多种语言的数据大屏文件的源码下载，并在对源码进行编辑时实时的预览数据大屏文件，提升了数据大屏文件开发的灵活性。
84.在一另种可选的实施例中，为了进一步满足用户个性化需求，用户通过拖动完成初步的数据大屏页面设计后，在源码的基础上进行在线的定制化的的修改。具体地，包括以下步骤s301至步骤s304：
85.步骤s301：在检测到对所述数据大屏文件的源码查看操作时，在线显示所述数据大屏文件的源码；
86.步骤s302：通过在线源码编辑工具，对所述数据大屏文件的源码进行在线编辑，并显示实时预览页面；
87.步骤s303：在检测到保存操作时，保存源码被编辑后的数据大屏文件，并与所述访问地址绑定；
88.步骤s304：在检测到对所述访问地址的再次访问请求时，读取所述源码被编辑后的数据大屏文件，并渲染出相应的数据大屏页面。
89.在本实施例中，对数据大屏文件的源码查看操作是指：使用js循环遍历数据大屏文件(大屏json文件)，根据提取到的json信息生成react、vue3等js框架的源码，采用prettier来美化源码，得到该数据大屏文件的源码。进而利用线源码编辑工具(web编辑器)对源码进行在线的编辑，以得到满足用户特殊需求的数据大屏页面，此外，在利用web编辑器边源码编辑的过程中，可实时的生成数据大屏页面，以便于对修改后的数据大屏页面进行预览，进而根据实时的数据大屏页面做进一步的修改，提高修改的便利性。并在完成源码在线编辑后，进行保存操作，进而得到编辑后的数据大屏文件，并将编辑后的数据大屏文件与之前的访问地址进行绑定，进而基于该访问地址就能够对编辑后的数据大屏页面进行访问。
90.通过上述实施例，利用下载数据大屏文件的源码进行本地的二次开发，或者利用web编辑器对数据大屏文件的源码进行在线开发，用户可根据自身需求进行灵活的二次开发能力，进而提高交付效率和用户满意度。
91.在一种可选的实施例中，还可以通过对标准组件进行在线编辑的方式，来实现用户定制化的开发，进而所述数据大屏页面展示方法还包括：
92.根据用户对所新建的页面上的标准组件的源码查看操作时，在线显示所述标准组件的源码；
93.通过在线源码编辑工具，对所述标准组件的源码进行在线编辑；
94.在检测到保存操作时，保存所述标准组件的编辑后的源码；
95.生成数据大屏文件，包括：
96.根据所新建的页面上的标准组件的源码，生成数据大屏文件，包括：根据所述标准组件的编辑后的源码，生成数据大屏文件。
97.在本实施例中，当某个标准组件不符合用户需要时，用户可通过查看该标准组件的源代码，并利用web编辑器对该组件进行在线编辑，进而得到满足用户需求的标准组件。并在进行保存时，将经过在线编辑后的标准组件的源码也进行保存，以便于后续用户在使用该标准组件时，可直接拖动使用，并不重新的进行在线编辑。
98.示例地，如图2所示，图2为本发明实施开一种数据大屏页面展示方法应用流程图。首先，开发人员将多种格式语言(如react、vue等格式)的原始组件利用amd规范封装为amd标准组件，并将amd标准组件上传至组件仓库中，在审核通过后进行发布，并自动生成发布后的可视化引擎的组件库配置文件；或者开发人员对不同源码格式的原始组件，利用web编辑器在线编辑和维护组件，并在完成编辑和维护后，将不同的组件源码格式(如react、vue等)利用babel编译器生成amd标准组件，将amd标准组件上传至组件仓库中，在审核通过后进行发布，并自动生成发布后的可视化引擎的组件库配置文件，即得到含有多种标准组件的组件仓库。然后，按照用户需要将配置文件配置(例如，组件配置文件、参数配置文件、以
及各种设计配置文件)到可视化引擎中，进而在可视化引擎的操作界面中显示对应组件区、参数配置区、设计区等。
99.然后，用户在进行数据大屏页面设计时，通过拖动的方式实现标准组件的创建、组件的数据处理、组件的交互处理、以及组件的关联处理等，进而完成数据大屏页面的设计。在完成大屏页面设计后，对数据大屏页面进行保存，并生成相应的数据大屏文件和访问地址，用户可通过该访问地址对所设计的数据大屏页面进行访问，并在访问时通过读取保存数据大屏文件，并基于数据大屏文件进行快速渲染以得到数据大屏页面。
100.此外，该数据大屏页面展示方法还提供了对数据大屏页面的灵活的二次制定化开发，即用户通过获取数据大屏文件对应的源码，该源码支持格式源码下载，用户根据自身的需求选择相应的格式下载在本地，以进行本地编辑进行定制化的二次开发；或者通过在线编辑的方式来实现对数据大屏页面的二次开发，并在对源码编辑的过程，实时的生成数据大屏页面，以便于对修改后的数据大屏页面进行预览，进而根据实时的数据大屏页面做进一步的修改，提高修改的便利性。
101.因此，在本实施例中开发人员提前将数据大屏页面的各功能对应的源码封装为标准组件，用户通过对组件仓库中的标准组件进行拖动的方式，就能在页面上创建相应的标准组件，即实现该标准组件对应功能创建，并在保存时根据页面上的标准组件的源码生成对应的数据大屏文件和数据大屏页面的访问地址，以便于对数据大屏页面进行访问和对数据大屏进行展示。由于开发人员只需要专精标准组件开发，进而降低重复人力浪费，同时该数据大屏页面展示方法降低了开发人员门槛；该数据大屏页面展示方法将用户参与进数据大屏页面的规划中，用户可根据自身需求进行个性化的设计，进而提高交付效率和用户满意度；此外，通过利用下载数据大屏文件的源码进行本地的定制化修改，或者利用web编辑器对数据大屏文件的源码进行在线修改，进而用户可根据自身需求进行灵活的二次开发。
102.本发明实施例还提供了一种数据大屏页面展示装置，如图3所示，图3是本技术实施例提出的一种数据大屏页面展示装置的结构示意图，如图3所示，所述装置包括：
103.创建模块31，用于在检测到用户在操作界面上输入的页面创建操作时，新建页面；
104.显示模块32，用于在检测到用户对组件仓库中任一标准组件的拖动操作时，将被拖动的标准组件显示在所新建的页面上，所述组件仓库中的各个标准组件是采用统一规范封装而成的；
105.保存模块33，用于在检测到用户在所述操作界面上输入的保存操作时，根据所新建的页面上的标准组件的源码，生成数据大屏文件和相应的数据大屏页面的访问地址；
106.展示模块34，用于在检测到对所述访问地址的访问请求时，读取所述数据大屏文件，并渲染出相应的数据大屏页面。
107.在一种可选的实施例中，所述装置还包括：
108.第一获取模块，用于获取不同源码格式的多个原始组件；
109.第一封装模块，用于采用amd规范对所述多个原始组件进行封装，得到对应的多个标准组件；
110.第一上传模块，用于将所述多个标准组件上传到所述组件仓库中。
111.在一种可选的实施例中，所述装置还包括：
112.第二获取模块，用于获取通过编辑器在线编辑的组件；
113.第二封装模块，用于采用amd规范对所述在线编辑的组件进行封装，得到对应的标准组件；
114.第二上传模块，用于将所述标准组件上传到所述组件仓库中。
115.在一种可选的实施例中，所述装置还包括：
116.第一下载模块，用于在检测到对所述数据大屏文件的源码下载操作时，将所述数据大屏文件的源码下载至本地；
117.第一编辑模块，用于通过本地源码编辑工具，对所述数据大屏文件的源码进行本地编辑，并显示实时预览页面；
118.第一保存模块，用于在检测到保存操作时，保存源码被编辑后的数据大屏文件，并与所述访问地址绑定；
119.第一访问模块，用于在检测到对所述访问地址的再次访问请求时，读取所述源码被编辑后的数据大屏文件，并渲染出相应的数据大屏页面。
120.在一种可选的实施例中，所述装置还包括：
121.第一查看模块，用于在检测到对所述数据大屏文件的源码查看操作时，在线显示所述数据大屏文件的源码；
122.第二编辑模块，用于通过在线源码编辑工具，对所述数据大屏文件的源码进行在线编辑，并显示实时预览页面；
123.第二保存模块，用于在检测到保存操作时，保存源码被编辑后的数据大屏文件，并与所述访问地址绑定；
124.第二访问模块，用于在检测到对所述访问地址的再次访问请求时，读取所述源码被编辑后的数据大屏文件，并渲染出相应的数据大屏页面。
125.在一种可选的实施例中，所述装置还包括：
126.第二查看模块，用于根据用户对所新建的页面上的标准组件的源码查看操作时，在线显示所述标准组件的源码；
127.第三编辑模块，用于通过在线源码编辑工具，对所述标准组件的源码进行在线编辑；
128.第三保存模块，用于在检测到保存操作时，保存所述标准组件的编辑后的源码；
129.第三访问模块，用于生成数据大屏文件，包括：根据所新建的页面上的标准组件的源码，生成数据大屏文件，包括：根据所述标准组件的编辑后的源码，生成数据大屏文件。
130.本发明实施例还提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行时实现本发明实施例所述的数据大屏页面展示方法。
131.本技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序/指令，该计算机程序/指令被处理器执行时实现本发明实施例所述的数据大屏页面展示方法。
132.本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。
133.本发明实施例是参照根据本发明实施例的方法、装置、电子设备和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计
算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
134.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
135.这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
136.尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
137.最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
138.以上对本发明所提供的一种数据大屏页面展示方法、装置、设备和介质进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。