一种脚本数据处理方法、装置和电子设备与流程

1.本技术涉及计算机领域，尤其涉及一种脚本数据处理方法、装置和电子设备。


背景技术：

2.echart是javascript开源库，目前很多可视化图表采用此库进行图表开发。利用开源的echart图表库，能够在web页面上展示可视化图表。
3.在web页面中，具有脚本编辑区域以及效果显示区域，其中，用户希望通过对脚本编辑区域的编辑来改变效果显示区域所显示的内容。
4.但是，由于用户在脚本编辑区域所编写的脚本中可能存在异步方法、或页面应用中不应该支持的图表库api的代码。
5.因此，用户在编写脚本时，很可能出现错误甚至整个页面崩溃，并且也不利于扩展。


技术实现要素：

6.有鉴于此，本说明书实施例提供一种脚本数据处理方法、装置和电子设备，用以当用户编写脚本后，能够保证web页面不崩溃且利于扩展。
7.为解决上述技术问题，本说明书实施例是这样实现的：
8.本发明实施例公开了一种脚本数据处理方法，应用于能够展示图表的web页面中，所述web页面设置有虚拟实例和实际实例，所述虚拟实例和所述实际实例均能够解析脚本数据，所述脚本数据能够调用图表库；所述web页面包括脚本编辑区域以及效果显示区域，所述方法包括：
9.当所述虚拟实例监听到用户在所述web页面中的所述脚本编辑区域的输入操作时，获得所述输入操作对应的目标脚本数据；
10.判断所述目标脚本数据是否符合预设的执行条件；
11.若所述目标脚本数据符合所述执行条件，则将所述目标脚本数据发送到所述实际实例，使得所述实际实例执行所述目标脚本数据并将执行结果显示在所述效果显示区域；
12.若所述目标脚本数据不符合所述执行条件，则按照预设处理规则处理所述目标脚本数据。
13.在一些实施例中，所述虚拟实例中包括监听调用所述图表库调用接口的函数。
14.在一些实施例中，所述图表库为echart图表库。
15.在一些实施例中，所述判断所述目标脚本数据是否符合预设的执行条件具体包括：
16.提取所述目标脚本数据中所包括的api属性信息；
17.判断所述api属性信息是否包括不可用信息；
18.若不包括所述不可用信息，则确定所述目标脚本数据符合所述执行条件；
19.若包括所述不可用信息，则确定所述目标脚本数据不符合所述执行条件。
20.在一些实施例中，所述按照预设处理规则处理所述目标脚本数据具体包括：
21.拦截所述目标脚本数据。
22.在一些实施例中，所述按照预设处理规则处理所述目标脚本数据具体包括：
23.获取自定义处理规则；
24.将所述目标脚本数据依据所述自定义处理规则进行处理。
25.在一些实施例中，创建所述虚拟实例和所述实际实例具体包括：
26.调用sdk初始化方法，创建第一实例和第二实例；
27.将所述第一实例作为实际实例；
28.将所述第二实例中添加监听调用所述图表库调用接口的函数作为虚拟实例。
29.本发明实施例还提供了一种脚本数据处理装置，应用于能够展示图表的web页面中，所述web页面设置有虚拟实例和实际实例，所述虚拟实例和所述实际实例均能够解析脚本数据，所述脚本数据能够调用图表库；所述web页面包括脚本编辑区域以及效果显示区域，所述装置包括：
30.监听模块，用于当所述虚拟实例监听到用户在web页面中的所述脚本编辑区域的输入操作时，获得所述输入操作对应的目标脚本数据；
31.判断模块，用于判断所述目标脚本数据是否符合预设的执行条件；
32.第一执行模块，用于若所述目标脚本数据符合所述执行条件，则将所述目标脚本数据发送到所述实际实例，使得所述实际实例执行所述目标脚本数据并将执行结果显示在所述效果显示区域；
33.第二执行模块，用于若所述目标脚本数据不符合所述执行条件，则按照预设处理规则处理所述目标脚本数据。
34.在一些实施例中，所述判断模块具体包括：
35.提取单元，用于提取所述目标脚本数据中所包括的api属性信息；
36.判断单元，用于判断所述api属性信息是否包括不可用信息；
37.第一确定单元，用于若不包括所述不可用信息，则确定所述目标脚本数据符合所述执行条件；
38.第二确定单元，用于若包括所述不可用信息，则确定所述目标脚本数据不符合所述执行条件。
39.本发明实施例中还提供了一种电子设备，包括：
40.至少一个处理器；以及，
41.与所述至少一个处理器通信连接的存储器；其中，
42.所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
43.当虚拟实例监听到用户在web页面中的所述脚本编辑区域的输入操作时，获得所述输入操作对应的目标脚本数据；其中，所述web页面设置有虚拟实例和实际实例，所述虚拟实例和所述实际实例均能够解析脚本数据，所述脚本数据能够调用图表库；所述web页面包括脚本编辑区域以及效果显示区域；
44.判断所述目标脚本数据是否符合预设的执行条件；
45.若所述目标脚本数据符合所述执行条件，则将所述目标脚本数据发送到所述实际
实例，使得所述实际实例执行所述目标脚本数据并将执行结果显示在所述效果显示区域；
46.若所述目标脚本数据不符合所述执行条件，则按照预设处理规则处理所述目标脚本数据。
47.本说明书一个实施例至少能够达到以下有益效果：
48.能够通过虚拟实例监听用户的操作，当用户输入的目标脚本数据符合执行条件则发送给实际实例进行处理，否则按照预设处理规则进行处理，避免web页面出现崩溃的问题，或者联动失败的问题。。
附图说明
49.为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
50.图1是本发明实施例中提供的一种脚本数据处理方法的流程示意图；
51.图2是本发明实施例中页面结构示意图；
52.图3为本说明书实施例提供的对应于图1的一种脚本数据处理装置的结构示意图；
53.图4为本说明书实施例提供的一种电子设备的结构示意图。
具体实施方式
54.为了方便理解本发明实施例，下面对本发明实施例中可能用到的名词进行解释。
55.echart，echart是一个使用javascript实现的开源可视化库，涵盖各行业图表，满足各种需求。遵循apache-2.0开源协议，免费商用。兼容当前绝大部分浏览器(ie8/9/10/11，chrome，firefox，safari等)及兼容多种设备，可随时随地任性展示。
56.本发明实施例中，能够应用到web页面中。该web页面中能够显示echart图表。当前，用户可以通过web页面中的脚本编辑区域来编辑脚本数据，脚本数据能够被echart实例执行后显示在效果显示区域中。
57.但是，由于用户所输入的脚本数据不可控，可能导致用户所输入的脚本数据对web页面的运行带来影响，例如其包括有不支持调用的接口函数或者使用了异步的方法导致执行结果出错等。
58.有鉴于此，本发明实施例中，提供了一种脚本数据的处理方法，以能够监听用户所输入的脚本数据，并执行相应的处理，来保证web页面的正常运行。
59.图1是本发明实施例中提供的一种脚本数据处理方法的流程示意图。
60.参见图1，本发明公开了一种脚本数据处理方法。应用于能够展示图表的web页面中，所述web页面设置有虚拟实例和实际实例，所述虚拟实例和所述实际实例均能够解析脚本数据，所述脚本数据能够调用图表库；所述web页面包括脚本编辑区域以及效果显示区域。如图2所示，图2是本发明实施例中页面结构示意图。其中，web页面200中可以包括有脚本编辑区域201以及效果显示区域202。
61.本发明实施例中，web页面能够显示echart图表，能够调用echart图表库。其中，web页面设置有虚拟实例和实际实例。其中，虚拟实例可以起到代理的功能，当用户执行操
作时，实际实例并不直接进行响应，而是虚拟实例对用户的操作进行响应，从而能够截取到用户输入的脚本数据所调用的api接口数据。
62.其中，创建所述虚拟实例和所述实际实例具体包括：
63.调用sdk初始化方法，创建第一实例和第二实例；
64.将所述第一实例作为实际实例；
65.将所述第二实例中添加监听调用所述图表库调用接口的函数作为虚拟实例。
66.本发明实施例中，能够调用sdk初始化方法来创建两个实例，第一实例和第二实例。其中，第一实例可以作为实际实例，第二实例可以作为虚拟实例。与实际实例不同的是，虚拟实例中包括有用于监听图标库的函数。该函数能够监听api接口调用过程中所产生的数据，该数据并非是调用之后返回的结果，而是未运行时所生成的api参数。
67.其中，对于虚拟实例，除了自身能够实现监听和拦截功能外，如果不改写已有的虚拟代理的基础上，还可以增加代理函数对虚拟实例进行代理，来对虚拟实例基本操作进行拦截和自定义。其中，该代理函数可以为proxy函数，其可以包装目标对象并监听获取到的操作目标对象的行为。实际使用中，可以给虚拟实例添加proxy进行对象代理，从而实现基本操作的拦截和自定义，即可以将被虚拟实例的一些方法通过proxy的handler捕获到一些特定的方法，并且进行自定义，比如在操作虚拟实例的一个清空方法时，虚拟实例本来是触发真实实例的清空方法，但是通过代理捕获后可以调用自己自定义好的一个清空方法，不触发真实实例，可以达到某些echart在此页面不能直接支持的api可以通过自定义方法，达到用户期望效果。
68.本发明实施例中，编辑区域和效果显示区域可以与现有技术中公开的内容相类似。其中，效果显示区域可以是用于显示图表的区域，也可以是用于显示控制面板的区域，控制面板中包括有该图表对应的各种参数以及能够通过设置各种参数来改变该图表的显示效果。
69.可以理解的是，本发明实施例中，图表库还可以是其它类型的图表库，只要web页面中能够支持并显示相应的图表即可，本发明优选采用echart图表库。
70.所述方法包括：
71.s100、当所述虚拟实例监听到用户在所述web页面中的所述脚本编辑区域的输入操作时，获得所述输入操作对应的目标脚本数据；
72.s200、判断所述目标脚本数据是否符合预设的执行条件；
73.s300、若所述目标脚本数据符合所述执行条件，则将所述目标脚本数据发送到所述实际实例，使得所述实际实例执行所述目标脚本数据并将执行结果显示在所述效果显示区域；
74.s400、若所述目标脚本数据不符合所述执行条件，则按照预设处理规则处理所述目标脚本数据。
75.本发明实施例中，当用户编辑脚本时，响应该脚本数据的并非是实际实例，而是通过虚拟实例的监听来获取用户输入的目标脚本数据。
76.其中，目标脚本数据可以包括能够调用图表库的api接口数据。如果直接获取api接口数据，只能得到处理结果，而无法得知api中所采用的具体函数、方法等api调用数据。基于此，本发明实施例中，预先与实际实例同时生成了虚拟实例，虚拟实例能够监听用户在
脚本编辑区域中的输入操作，且能够获取目标脚本数据中所包括的api数据。
77.在步骤200中，当获取到目标脚本数据后，虚拟实例能够自行判断目标脚本是否符合预设的执行条件。
78.其中，所述判断所述目标脚本数据是否符合预设的执行条件具体包括：
79.提取所述目标脚本数据中所包括的api属性信息；
80.判断所述api属性信息是否包括不可用信息；
81.若不包括所述不可用信息，则确定所述目标脚本数据符合所述执行条件；
82.若包括所述不可用信息，则确定所述目标脚本数据不符合所述执行条件。
83.本发明实施例中，可以先提取目标脚本中的api属性信息，然后判断其中是否包括有不可用信息。在实际使用中api属性信息可以例如echart图表库在实例化后卸载的api，在脚本里尽量不支持调用，以防出现操作不当，实例被销毁而出现的错误问题。
84.若包括有不可用信息，则确定目标脚本数据不符合执行条件。否则确定目标脚本数据符合执行条件。
85.当然，执行条件还可以是设置了包括可用信息的条件，如果目标脚本数据中包括可用信息之外的信息，则确定目标脚本数据不符合执行条件，否则确定目标脚本数据符合执行条件。
86.本发明实施例中，虚拟实例类似一个中间媒介，用户输入目标脚本数据后，虚拟实例可用监听到目标脚本数据，然后由虚拟实例触发真实实例，在这个中间可以判断是否支持触发真实实例的方法/函数或者触发其他相关联的方法/函数。
87.在步骤300中，若确定了目标脚本数据符合执行条件，则将目标脚本数据发送给实际实例，实际实例接收了该目标脚本数据后，执行该目标脚本数据来，并将最终的执行结果在效果显示区域中进行显示。例如，更新现有web页面中的图表或更新控制面板中的内容。
88.在步骤400中，若所述目标脚本数据不符合所述执行条件，则按照预设处理规则处理所述目标脚本数据。
89.其中，所述按照预设处理规则处理所述目标脚本数据具体包括：
90.拦截所述目标脚本数据。
91.其中，所述按照预设处理规则处理所述目标脚本数据具体包括：
92.获取自定义处理规则；
93.将所述目标脚本数据依据所述自定义处理规则进行处理。
94.本发明实施例中，如果目标脚本数据符合执行条件，则意味着该目标脚本数据可能会给web页面的运行带来风险，或者无法实现与效果显示区域的联动，甚至给web页面带来崩溃的可能。因此，本发明实施例中，能够基于处理规则对目标脚本数据进行处理。
95.其中，预设处理规则可以包括拦截目标脚本数据，使其不执行后续调用api的操作。当然还可以是案子自定义处理规则处理目标脚本数据。实际使用中，自定义处理规则可以是对于方法的拦截和自定义，例如，为了避免当echart实例被销毁后调用echart实例api会出现问题，可以在虚拟实例里进行判断，当前echart实例是否销毁，未销毁实例继续调用，已销毁将不在发送给实例对象。
96.本发明实施例中，能够通过虚拟实例监听用户的操作，当用户输入的目标脚本数据符合执行条件则发送给实际实例进行处理，否则按照预设处理规则进行处理，避免web页
面出现崩溃的问题，或者联动失败的问题。并且更加利于扩展，比如需要同步用户操作echart实例对象属性信息，很容易做到获取用户操作信息去同步等。
97.当然，本发明实施例中，虚拟实例可以有效隔离直接操作真实实例，可以避免直接操作真实实例所带来的安全隐患。例如，可以预防xss攻击，可以预防恶意代码的注入，或者恶意攻击者将恶意代码发送到应用上来对真实实例进行操作，从而对服务器、终端等造成破坏。因此，本发明实施例还能够提高服务器、终端的安全性。
98.基于同样的思路，本说明书实施例还提供了上述方法对应的装置。图3为本说明书实施例提供的对应于图1的一种脚本数据处理装置的结构示意图。如图3所示，该装置可以应用于能够展示图表的web页面中，所述web页面设置有虚拟实例和实际实例，所述虚拟实例和所述实际实例均能够解析脚本数据，所述脚本数据能够调用图表库；所述web页面包括脚本编辑区域以及效果显示区域，所述装置包括：
99.监听模块31，用于当所述虚拟实例监听到用户在web页面中的所述脚本编辑区域的输入操作时，获得所述输入操作对应的目标脚本数据；
100.判断模块32，用于判断所述目标脚本数据是否符合预设的执行条件；
101.第一执行模块33，用于若所述目标脚本数据符合所述执行条件，则将所述目标脚本数据发送到所述实际实例，使得所述实际实例执行所述目标脚本数据并将执行结果显示在所述效果显示区域；
102.第二执行模块34，用于若所述目标脚本数据不符合所述执行条件，则按照预设处理规则处理所述目标脚本数据。
103.在一些实施例中，所述判断模块具体包括：
104.提取单元，用于提取所述目标脚本数据中所包括的api属性信息；
105.判断单元，用于判断所述api属性信息是否包括不可用信息；
106.第一确定单元，用于若不包括所述不可用信息，则确定所述目标脚本数据符合所述执行条件；
107.第二确定单元，用于若包括所述不可用信息，则确定所述目标脚本数据不符合所述执行条件。
108.基于同样的思路，本说明书实施例还提供了上述方法对应的电子设备。
109.图4为本说明书实施例提供的一种电子设备的结构示意图。如图4所示，电子设备500可以包括：
110.至少一个处理器510；以及，
111.与所述至少一个处理器通信连接的存储器530；其中，
112.所述存储器530存储有可被所述至少一个处理器510执行的指令520，所述指令被所述至少一个处理器510执行，以使所述至少一个处理器510能够：
113.当虚拟实例监听到用户在web页面中的所述脚本编辑区域的输入操作时，获得所述输入操作对应的目标脚本数据；其中，所述web页面设置有虚拟实例和实际实例，所述虚拟实例和所述实际实例均能够解析脚本数据，所述脚本数据能够调用图表库；所述web页面包括脚本编辑区域以及效果显示区域；
114.判断所述目标脚本数据是否符合预设的执行条件；
115.若所述目标脚本数据符合所述执行条件，则将所述目标脚本数据发送到所述实际
hardware description language)等，目前最普遍使用的是vhdl(very-high-speed integrated circuit hardware description language)与verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。
126.控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(application specific integrated circuit，asic)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：arc625d、atmelat91sam、microchip pic18f26k20以及silicone labs c8051f320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
127.上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
128.为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本技术时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
129.本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
130.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
131.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
132.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或
其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
133.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
134.内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
135.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字符多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带式磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
136.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
137.本技术可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本技术，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
138.以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。