前端页面的文本自动注入方法、装置、电子设备和存储介质与流程

本发明实施例涉及数据处理技术领域，尤其涉及一种前端页面的文本自动注入方法、装置、电子设备和存储介质。

背景技术：

在前端页面根据不同的需求通常需要进行文本的注入，并且注入前端页面的文本具体可以是可执行的js(javascript)脚本语言文本、超文本标记语言(hypertextmarkuplanguage，html)文本或者层叠样式表(cascadingstylesheets，css)文本，从而通过在前端页面中执行所注入的文本，以对前端页面进行相应的操作。

但是目前的文本注入通常采用的是人工手动注入的方式，当需要注入的文本数量较多时通常需要较高的时间成本，并且在项目繁多的情况下很容易出现文本注入错误或者文本注入遗漏的情况。

技术实现要素：

本发明实施例提供了一种前端页面的文本自动注入方法、装置、电子设备和存储介质，以实现在前端页面中自动注入文本。

第一方面，本发明实施例提供了一种前端页面的文本自动注入方法，应用于电子设备，包括：

采集前端页面的原始数据；

确定与原始数据所匹配的文本以及注入位置；

在前端页面的注入位置注入文本。

可选的，电子设备包括web容器和服务端探针，确定与原始数据所匹配的文本以及注入位置，包括：

通过web容器将原始数据进行格式转换获取字节流；

通过服务端探针获取字节流中的标记字节；

通过服务端探针确定与标记字节所匹配的文本以及标记字节的位置，将标记字节的位置作为注入位置。

可选的，通过服务端探针获取字节流中的标记字节，包括：

通过服务端探针对字节流进行识别获取每个字节的特征信息；

当确定特征信息符合预设格式时，则确定字节属于标记字节。

可选的，在前端页面的注入位置注入文本，包括：确定文本的引用代码；

通过服务端探针在前端页面的注入位置插入文本的引用代码。

可选的，采集前端页面的原始数据之前，还包括：接收针对前端页面的文本注入请求。

可选的，文本包括：javascript脚本语言文本、超文本标记语言html文本或者层叠样式表css文本。

可选的，在前端页面的注入位置注入文本之后，还包括：通过执行javascript脚本语言文本，对前端页面进行数据监控；

通过执行html文本，对前端页面添加功能操作模块；

通过执行css文本，对前端页面的布局方式进行更新。

第二方面，本发明实施例还提供了一种前端页面的文本自动注入装置，包括：

原始数据采集模块，用于采集前端页面的原始数据；

文本和注入位置确定模块，用于确定与原始数据所匹配的文本以及注入位置；

文本注入模块，用于在前端页面的注入位置注入文本。

第三方面，本发明实施例还提供了一种电子设备，电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现本发明任意实施例的方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例的方法。

在本发明实施例中，通过所采集的前端页面的原始数据，确定与原始数据所匹配的文本以及注入位置，并将所匹配的文本自动注入到前端页面的注入位置，从而降低了文本注入的时间成本，并且提高了文本注入的准确率。

附图说明

图1是本发明实施例一提供的前端页面的文本自动注入方法的流程图；

图2是本发明实施例二提供的前端页面的文本自动注入方法的流程图；

图3是本发明实施例三提供的前端页面的文本自动注入装置的结构示意图；

图4是本发明实施例四提供的一种电子设备的结构框图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1是本发明实施例提供的前端页面的文本自动注入方法的流程图，本实施例可适用于对前端页面自动注入文本的情况，该方法可以由本发明实施例中的电子设备来执行。如图1所示，本发明实施例的方法具体包括如下步骤：

步骤s101，采集前端页面的原始数据。

其中，本实施方式中的前端页面具体可以是前端静态页面如java服务器页面(javaserverpages，jsp)、前端动态页面如html页面或者基于模板和动态改变数据的模板引擎如freemarker等。当然，本实施方式中仅是举例说明，而并不对前端页面的具体类型进行限定。

具体的说，电子设备具体可以包括web容器和服务端探针，而本实施方式中具体是通过web容器对上述的前端页面进行数据采集，以获取前端页面的原始数据。并且本实施方式中的原始数据具体为前端页面中所包含的有效信息，例如，前端页面中所包含的标题内容或章节内容等，当然，本实施方式中仅是举例说明而并不对前端页面中原始数据的具体内容进行限定。

需要说明的是，在采集前端页面的原始数据之前，还包括：接收针对前端页面的文本注入请求。即本实施方式中针对前端页面可以通过web容器获取用户所输入的文本注入请求，web容器只有在获取到用户输入的文本注入请求时，才会执行对前端页面的原始数据采集过程。

步骤s102，确定与原始数据所匹配的文本以及注入位置。

可选的，确定与原始数据所匹配的文本以及注入位置，可以包括：通过web容器将原始数据进行格式转换获取字节流；通过服务端探针获取字节流中的标记字节；通过服务端探针确定与标记字节所匹配的文本以及标记字节的位置，将标记字节的位置作为注入位置。

可选的，通过服务端探针获取字节流中的标记字节，可以包括：通过服务端探针对字节流进行识别获取每个字节的特征信息；当确定特征信息符合预设格式时，则确定字节属于标记字节。

可选的，文本包括：javascript脚本语言文本、超文本标记语言html文本或者层叠样式表css文本。

具体的说，本实施方式中在通过web容器获取到前端页面的原始数据之后，为了便于对数据的分析会将原始数据进行格式转换获取字节流，例如，字节流可以是二进制的表达形式，因此字节流与原始数据的本质是一样的，仅是数据形式的表达方式不相同。web容器会将经过格式转换所获取的字节流传输给服务探针，服务探针会捕获字节流中的内容，并对每个字节进行分析确定字节流中所包含的标记字节。

其中，确定标记字节的具体方式是服务探针获取字节流中每个字节的特征信息，在确定特征信息符合预设格式时，则确定该字节属于标记字节。由于每个标记字节和文本的对应关系已经预先保存，因此服务端探针在获取到标记字节之后可以根据预先保存的对应关系确定与该标记字节所匹配的文本。同时服务探针在确定出标记字节之后还会获取标记字节的位置，并将标记字节的位置作为注入位置。

步骤s103，在前端页面的注入位置注入文本。

可选的，在前端页面的注入位置注入文本，可以包括：确定文本的引用代码；通过服务端探针在前端页面的注入位置插入文本的引用代码。

需要说明的是，由于本实施方式中字节流与原始数据的本质是一样，仅是表达方式的不同，因此在根据标记字节的位置确定注入位置之后，即相当于确定了文本在前端页面的注入位置。

具体的说，在确定出匹配的文本之后，由于每个文本的引用代码是预先配置的，因此可以进一步确定出文本的引用代码，并通过服务端探针在前端页面的注入位置插入文本的引用代码，以在前端页面上实现对文本的注入。例如，在确定前端页面的类型为java服务器页面时，可以将javascript脚本语言文本所对应的应用代码插入到所确定的注入位置处。当然，本实施方式中仅是以在前端静态页面中注入javascript脚本语言文本为例进行的说明，对于在其它前端页面中注入其它类型的文本的方式与此大致相同，本实施方式中不再进行赘述。

在本发明实施例中，通过所采集的前端页面的原始数据，确定与原始数据所匹配的文本以及注入位置，并将所匹配的文本自动注入到前端页面的注入位置，从而降低了文本注入的时间成本，并且提高了文本注入的准确率。

实施例二

图2是本发明实施例提供的前端页面的文本自动注入方法的流程图，本实施例以上述实施例为基础，在前端页面的注入位置插入文本之后，还包括：通过执行文本，对前端页面进行与文本对应的操作。

如图2所示，本公开实施例的方法具体包括：

步骤s201，采集前端页面的原始数据。

步骤s202，确定与原始数据所匹配的文本以及注入位置。

可选的，确定与原始数据所匹配的文本以及注入位置，可以包括：通过web容器将原始数据进行格式转换获取字节流；通过服务端探针获取字节流中的标记字节；通过服务端探针确定与标记字节所匹配的文本以及标记字节的位置，将标记字节的位置作为注入位置。

可选的，通过服务端探针获取字节流中的标记字节，可以包括：通过服务端探针对字节流进行识别获取每个字节的特征信息；当确定特征信息符合预设格式时，则确定字节属于标记字节。

可选的，文本包括：javascript脚本语言文本、超文本标记语言html文本或者层叠样式表css文本。

步骤s203，在前端页面的注入位置注入文本。

可选的，在前端页面的注入位置注入文本，可以包括：确定文本的引用代码；通过服务端探针在前端页面的注入位置插入文本的引用代码。

步骤s204，通过执行文本，对前端页面进行与文本对应的操作。

可选的，通过执行javascript脚本语言文本，对前端页面进行数据监控；通过执行html文本，对前端页面添加功能操作模块；通过执行css文本，对前端页面的布局方式进行更新。

具体的说，本实施方式中在前端页面中注入不同类型的文本之后，通过在前端页面中执行注入的文本，可以对前端页面进行与文本对应的操作。例如，当在前端静态页面如java服务器页面中注入javascript脚本语言文本后，可以通过执行javascript脚本语言文本对前端静态页面采集运行数据，并根据采集的运行数据对前端页面进行监控；当在前端动态页面如html页面中注入html文本后，通过执行html文本对前端动态页面添加功能操作模块，而所添加的功能操作模块的具体类型已经在html文本中标注；当在基于模板和动态改变数据的模板引擎中注入css文本后，通过执行css文本对基于模板和动态改变数据的模板引擎的布局方式进行更新。当然，本实施方式中仅是举例说明，在注入文本之后，并不对前端页面的具体操作方式进行限定。

在本发明实施例中，通过所采集的前端页面的原始数据，确定与原始数据所匹配的文本以及注入位置，并将所匹配的文本自动注入到前端页面的注入位置，从而降低了文本注入的时间成本，并且提高了文本注入的准确率。并且在前端页面注入文本之后，通过执行文本可以对前端页面进行相应的操作，以进一步满足用户的对前端页面的不同操作需求。

实施例三

图3是本发明实施例提供的一种前端页面的文本自动注入装置的结构示意图，具体包括：原始数据采集模块310、文本和注入位置确定模块320和文本注入模块330。

原始数据采集模块310，用于采集前端页面的原始数据；

文本和注入位置确定模块320，用于确定与原始数据所匹配的文本以及注入位置；

文本注入模块330，用于在前端页面的注入位置注入文本。

可选的，电子设备包括web容器和服务端探针，文本和注入位置确定模块包括：

转换子模块，用于通过web容器将原始数据进行格式转换获取字节流；

标记字节获取子模块，用于通过服务端探针获取字节流中的标记字节；

文本和注入位置确定子模块，用于通过服务端探针确定与标记字节所匹配的文本以及标记字节的位置，将标记字节的位置作为注入位置。

可选的，标记字节获取子模块，用于通过服务端探针对字节流进行识别获取每个字节的特征信息；

当确定特征信息符合预设格式时，则确定字节属于标记字节。

可选的，文本注入模块，用于确定文本的引用代码；

通过服务端探针在前端页面的注入位置插入文本的引用代码。

可选的，装置还包括注入请求获取模块，用于接收针对前端页面的文本注入请求。

可选的，文本包括：javascript脚本语言文本、超文本标记语言html文本或者层叠样式表css文本。

可选的，装置还包括前端页面操作模块，用于通过执行javascript脚本语言文本，对前端页面进行数据监控；

通过执行html文本，对前端页面添加功能操作模块；

通过执行css文本，对前端页面的布局方式进行更新。

上述装置可执行本发明任意实施例所提供的前端页面的文本自动注入方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例提供的方法。

实施例四

图4是本发明实施例提供的一种电子设备的结构示意图。图4示出了适用于用来实现本发明实施方式的示例性电子设备412的框图。图4显示的电子设备412仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图4所示，电子设备412以通用计算设备的形式出现。电子设备412的组件可以包括但不限于：一个或者多个处理器416，存储器428，连接不同系统组件(包括存储器428和处理器416)的总线418.

总线418表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(isa)总线，微通道体系结构(mac)总线，增强型isa总线、视频电子标准协会(vesa)局域总线以及外围组件互连(pci)总线。

电子设备412典型地包括多种计算机系统可读介质。这些介质可以是任何能够被电子设备412访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

存储器428用于存储指令。存储器428可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(ram)430和/或高速缓存存储器432。电子设备412可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统434可以用于读写不可移动的、非易失性磁介质(图4未显示，通常称为“硬盘驱动器”)。尽管图4中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如cd-rom，dvd-rom或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线418相连。存储器428可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块442的程序/实用工具440，可以存储在例如存储器428中，这样的程序模块442包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块442通常执行本发明所描述的实施例中的功能和/或方法。

电子设备412也可以与一个或多个外部设备414(例如键盘、指向设备、显示器424等)通信，还可与一个或者多个使得用户能与该电子设备412交互的设备通信，和/或与使得该电子设备412能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口422进行。并且，电子设备412还可以通过网络适配器420与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器420通过总线418与电子设备412的其它模块通信。应当明白，尽管图4中未示出，可以结合电子设备412使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。

处理器416通过运行存储在存储器428中的指令，从而执行前端页面的文本自动注入方法，包括：采集前端页面的原始数据；确定与原始数据所匹配的文本以及注入位置；在前端页面的注入位置注入文本。

实施例五

本发明实施例还提供一种包含计算机可执行指令的存储介质，计算机可执行指令在由计算机处理器执行时用于执行前端页面的文本自动注入方法，包括：采集前端页面的原始数据；确定与原始数据所匹配的文本以及注入位置；在前端页面的注入位置注入文本。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(read-onlymemory,rom)、随机存取存储器(randomaccessmemory,ram)、闪存(flash)、硬盘或光盘等，包括若干指令用以使得一台电子设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的前端页面的文本自动注入方法。

值得注意的是，上述实施例中所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。