CN111078198A - 前端页面处理方法、装置、设备及计算机可读存储介质 - Google Patents

Abstract

本公开提供一种前端页面处理方法、装置、设备及计算机可读存储介质，前端页面的源代码包含根据预设格式编写的可配置字段，可配置字段中包含默认内容和自定义描述，方法包括：解析源代码以获取可配置字段中的默认内容和自定义描述；根据默认内容生成源代码的第一目标代码；判断指定服务器是否配置有自定义描述对应的自定义内容；若无配置，将第一目标代码确定为前端页面的目标代码；若有配置，将默认内容替换为自定义内容以生成第二目标代码，并将第二目标代码确定为前端页面的目标代码。本公开提供的方法、装置、设备及计算机可读存储介质能够在不修改源代码的情况下，调整页面中的配置资源，从而解决现有技术中由于预先将资源内容写入页面代码，导致后期应用时不便于对页面代码进行修改的技术问题。

Description

前端页面处理方法、装置、设备及计算机可读存储介质

技术领域

本公开涉及计算机技术，尤其涉及一种前端页面处理方法、装置、设备及计算机可读存储介质。

背景技术

目前在开发前端展示页面时，会涉及大量的文本、图片、页面样式等资源内容。

现有技术中，资源内容都是预先设计并写入页面内的，当需要对页面中的资源内容进行调整时，需要前端开发人员开发后提交测试人员测试，然后走外放流程操作部署到正式环境。

因此，现有技术的方案中，由于预先将资源内容写入展示页面，导致后期应用时不便于对页面进行修改。

发明内容

本公开提供一种前端页面处理方法、装置、设备及计算机可读存储介质，以解决现有技术的方案中，由于预先将资源内容写入展示页面，导致后期应用时不便于对页面进行修改的问题。

本公开的第一个方面是提供一种前端页面处理方法，

所述前端页面的源代码包含根据预设格式编写的可配置字段，所述可配置字段中包含默认内容和自定义描述，所述方法包括：

解析所述源代码以获取所述可配置字段中的所述默认内容和所述自定义描述；

根据所述默认内容生成所述源代码的第一目标代码；

判断指定服务器是否配置有所述自定义描述对应的自定义内容；

若无配置，将所述第一目标代码确定为所述前端页面的目标代码；

若有配置，将所述默认内容替换为所述自定义内容以生成第二目标代码，并将所述第二目标代码确定为所述前端页面的目标代码。

可选的，还包括：

所述源代码为HTML格式的代码。

可选的，所述预设格式为区别于所述源代码语法的自定义格式。可选的，所述预设格式包括：

[＝＝默认内容||自定义描述＝＝]。可选的，所述可配置字段为所述源代码中的以下任一种页面资源：

页面文本、页面图片、页面超链接。

可选的，所述判断指定服务器是否配置有所述自定义描述对应的自定义内容，包括：

根据所述自定义描述自动访问指定服务器，以判断指定服务器是否配置有所述自定义描述对应的自定义内容。

可选的，所述指定服务器中设置有包括所述自定义描述后台管理页面，所述后台管理页面用于配置与所述自定义描述对应的所述自定义内容。

本公开的另一个方面是提供一种前端页面处理，所述前端页面的源代码包含根据预设格式编写的可配置字段，所述可配置字段中包含默认内容和自定义描述，所述装置包括：

解析模块，用于解析所述源代码以获取所述可配置字段中的所述默认内容和所述自定义描述；

生成模块，用于根据所述默认内容生成所述源代码的第一目标代码；

判断模块，用于判断指定服务器是否配置有所述自定义描述对应的自定义内容；

确定模块，用于：

若无配置，将所述第一目标代码确定为所述前端页面的目标代码；

若有配置，将所述默认内容替换为所述自定义内容以生成第二目标代码，并将所述第二目标代码确定为所述前端页面的目标代码。

本公开的又一个方面是提供一种前端页面处理设备，包括：

存储器；

处理器；以及

计算机程序；

其中，所述计算机程序存储在所述存储器中，并配置为由所述处理器执行以实现如上述第一方面任一项所述的前端页面处理方法。

本公开的又一个方面是提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行以实现如上述第一方面所述的任一项前端页面处理方法。

本公开提供的前端页面处理方法、装置、设备及计算机可读存储介质的技术效果是：

本公开提供的前端页面处理方法、装置、设备及计算机可读存储介质，前端页面的源代码包含根据预设格式编写的可配置字段，可配置字段中包含默认内容和自定义描述，方法包括：解析源代码以获取可配置字段中的默认内容和自定义描述；根据默认内容生成源代码的第一目标代码；判断指定服务器是否配置有自定义描述对应的自定义内容；若无配置，将第一目标代码确定为前端页面的目标代码；若有配置，将默认内容替换为自定义内容以生成第二目标代码，并将第二目标代码确定为前端页面的目标代码。本公开提供的方法、装置、设备及计算机可读存储介质能够在不修改源代码的情况下，调整页面中的配置资源，从而解决现有技术中由于预先将资源内容写入页面代码，导致后期应用时不便于对页面代码进行修改的技术问题。

附图说明

图1为本发明一示例性实施例示出的应用场景图；

图2为本发明一示例性实施例示出的前端页面处理方法的流程图；

图3为本发明另一示例性实施例示出的前端页面处理方法的流程图；

图4A为本发明一示例性实施例示出的页面代码的示意图；

图4B为本发明一示例性实施例示出的第一目标代码的示意图；

图5为本发明一示例性实施例示出的前端页面处理装置的结构图；

图6为本发明一示例性实施例示出的前端页面处理设备的结构图。

具体实施方式

目前，很多服务都是通过页面向用户进行展示的，例如网站提供的服务可以通过web(World Wide Web，全球广域网)页面向用户展示。可以由开发人员开发网页代码，客户端可以访问服务器并加载网页代码，进而根据这些网页代码加载网页。

为了保证用户访问的网页能够正常显示，网页代码需要开发、测试等流程，才能够被部署到正式环境中。当网页代码测试通过后，若需要对其进行修改，还需要通过开发、测试的流程。这就导致网页部署时间长，且过程繁琐。

图1为本发明一示例性实施例示出的应用场景图。

如图1所示，用户端11中可以设置有用于访问页面的客户端，例如可以是浏览器。通过用户操作，用户端11可以向服务器12发送访问请求，从而加载页面代码，用户端11可以通过页面代码加载相应的页面，进而向用户进行展示。

图2为本发明一示例性实施例示出的页面生成方法的流程图。

如图2所示，本实施例提供的页面生成方法，包括：

步骤201，解析源代码以获取可配置字段中的默认内容和自定义描述。

其中，执行本实施例提供的方法可以是用于提供页面的电子设备，例如可以是图1所示的服务器。

具体的，开发人员可以开发前端页面，该前端页面的源代码包括根据预设格式编写的可配置字段。电子设备运行这些源代码时可以展示页面。

本实施例提供的方法中，开发人员可以根据预设格式设计页面代码。

进一步的，可配置字段中包含默认内容和自定义描述。电子设备可以根据默认内容填充相应的自定义描述。例如，一个自定义描述是“title”，即在页面中包括一个描述字段是title，还可以设置默认内容的方式设置该字段的颜色、位置等。该字段对应的默认内容可以是其对应的配置内容。例如可以是“我是标题”，根据这段代码形成的页面中，能够显示内容“我是标题”，具体可以根据“title”对应的格式来显示该默认内容。

实际应用时，自定义描述的类型可以有多种，例如可以是页面文本、页面图片、页面超链接等。本实施例提供的方法中，可以根据预设格式编写这些内容对应的代码，使得页面源代码中包括符合预设格式的可配置字段。

其中，电子设备解析前端页面的源代码时，可以根据预设格式读取源代码中的自定义描述以及自定义描述对应的配置内容。可选的，预设格式为区别于源代码语法的自定义格式，以使得能够从源代码中定位并解析该预设格式的可配置字段。例如，预设格式可以是：

[＝＝默认内容||自定义描述＝＝]

当电子设备在源代码中读取当该格式的代码内容时，可以认为“||”之后的内容是自定义描述，“||”之前的内容是该字段对应的描述内容。

还可以预先设置一读取工具，通过该工具可以读取源代码中符合预设格式的内容。

具体的，预设格式可以根据需求进行设置，本实施例不对此进行限制。

步骤202，根据默认内容生成源代码的第一目标代码。

进一步的，解析源代码之后，可以根据解析结果生成源代码对应的第一目标代码。

可选的，源代码中还可以包括不是按照预设格式编写的代码部分，这部分代码可以按照现有技术中的方式进行处理。例如，可以直接复制这些代码以形成第一目标代码中的部分代码。

实际应用时，对于获取的默认内容和自定义描述，可以根据其中的默认内容生成第一目标代码。例如，可以仅保留可配置字段中的默认内容部分，形成第一目标代码中的部分代码。比如，可配置字段的形式是[＝＝默认内容||自定义描述＝＝]，则在生成第一目标代码时，可以仅保留其中的“默认内容”

其中，由于可配置字段的格式并非标准的语法，因此，需要将其转换成第一目标代码，以使现有的构建工具能够直接识别代码。

步骤203，判断指定服务器是否配置有自定义描述对应的自定义内容。

具体的，本实施例提供的方案中还可以设置有指定服务器，在指定服务器中可以记录自定义描述与自定义内容之间的对应关系。指定服务器可以根据源代码中符合预设格式的可配置字段，获取自定义描述，并对其进行记录。

例如，指定服务器可以记录源代码标识以及该标识对应的自定义描述。从而可以基于源代码标识判断指定服务器中是否配置了与该其对应的自定义内容。

进一步的，在指定服务器中可以设置与自定义描述对应的自定义内容。例如，根据源代码记录的自定义描述“title”对应的默认内容是“我是标题”，用户还可以在指定服务器中，将自定义描述“title”对应的内容设置为“今日新闻”。

进一步的，可以根据源代码中的可配置字段自动生成一js文件，用于请求与指定服务器之间的接口。通过该接口可以读取指定服务器中的数据，进而根据读取的数据判断指定服务器是否配置有自定义描述对应的自定义内容。

若未配置自定义描述对应的自定义内容，则执行步骤204，若配置有自定义描述对应的自定义内容，则执行步骤205。

步骤204，将第一目标代码确定为前端页面的目标代码。

其中，若在指定服务器中没有配置与自定义描述对应的自定义内容，则可以认为用户没对源代码中的默认内容进行修改，此时，可以直接将根据源代码生成的第一目标代码作为前端页面的目标代码，可以根据该目标代码生成前端页面。

步骤205，将默认内容替换为自定义内容以生成第二目标代码，并将第二目标代码确定为前端页面的目标代码。

其中，若指定服务器中配置有自定义描述对应的自定义内容，则说明用户对源代码中的默认内容进行了修改。此时，可以根据指定服务器中自定义描述对应的自定义内容，替换源代码中的默认内容，并生成第二目标代码。

具体的，可以使用自定义内容替换源代码中的默认内容，并仅保留可配置字段中替换后的内容，从而形成第二目标代码。例如，源代码记录的自定义描述“title”对应的默认内容是“我是标题”，在指定服务器中配置有自定义描述“title”对应的内容为“今日新闻”，则生成的第二目标代码中，保留“今日新闻”的内容。

还可以使用自定义内容替换第一目标代码中相应的默认内容，从而形成第二目标代码。例如在第一目标代码中，存在一个默认内容对应的自定义描述是A，且判断指定服务器中配置有A的自定义内容a，则可以用a来替换第一目标代码中的该默认内容。

进一步的，本实施例提供的方法不需要重新编写源代码，仅通过指定服务器中的配置内容，就能够调整前端页面的目标代码。从而无需重新开放源代码，再进行测试等流程，能够提高页面开发的效率。

本实施例提供的方法用于处理前端页面，该方法由设置有本实施例提供的方法的设备执行，该设备通常以硬件和/或软件的方式来实现。

本实施例提供的前端页面处理方法，前端页面的源代码包含根据预设格式编写的可配置字段，可配置字段中包含默认内容和自定义描述，方法包括：解析源代码以获取可配置字段中的默认内容和自定义描述；根据默认内容生成源代码的第一目标代码；判断指定服务器是否配置有自定义描述对应的自定义内容；若无配置，将第一目标代码确定为前端页面的目标代码；若有配置，将默认内容替换为自定义内容以生成第二目标代码，并将第二目标代码确定为前端页面的目标代码。本实施例提供的方法能够在不修改源代码的情况下，调整页面中的配置资源，从而解决现有技术中由于预先将资源内容写入页面代码，导致后期应用时不便于对页面代码进行修改的技术问题。

图3为本发明另一示例性实施例示出的前端页面处理方法的流程图。

如图3所示，本实施例提供的前端页面处理方法，包括：

步骤301，解析源代码以获取可配置字段中的默认内容和自定义描述。

该源代码是前端页面的源代码，具体包含根据预设格式编写的可配置字段，可配置字段中包含默认内容和自定义描述。

可选的，源代码可以是HTML(HyperText Markup Language，超级文本标记语言)格式的。

具体的，所述预设格式包括：[＝＝默认内容||自定义描述＝＝]。在源代码中，可以采用这样的格式设置可配置字段。电子设备解析源代码时会将默认内容作为自定义描述的填充内容。

进一步的，可配置字段可以是下述任一种源代码中的页面资源：

页面文本、页面图片、页面超链接。

步骤301与步骤201的具体原理和实现方式类似，此处不再赘述。

步骤302，根据默认内容生成源代码的第一目标代码。

步骤302与步骤202的具体原理和实现方式类似，此处不再赘述。可选的，当需要进行页面展示时，例如电子设备接收到用户端发送的访问请求后，电子设备可以根据访问的前端页面的目标代码确定展示页面对应的页面数据，并向用户端反馈，从而使用户端能够展示页面。

图4A为本发明一示例性实施例示出的源代码的示意图。

如图4A所示，可以在源代码中插入按照预设格式编写的代码内容，从而使得电子设备能够根据预设格式解析其中的可配置字段，并根据其中的自定义描述生成前端页面的目标代码。

图4B为本发明一示例性实施例示出的第一目标代码的示意图。

如图4B所示，是根据源代码直接生成的第一目标代码。由于源代码中的预设格式不符合标准语法，现有的构建工具可能无法识别其中的内容，因此，可以将其转换为如图4B所示的代码，从而能够根据该目标代码构建前端页面。

图5为本发明一示例性实施例示出的前端页面处理装置的结构图。

如图5所示，本实施例提供的前端页面处理装置，所述前端页面的源代码包含根据预设格式编写的可配置字段，所述可配置字段中包含默认内容和自定义描述，所述装置包括：

解析模块51，用于解析所述源代码以获取所述可配置字段中的所述默认内容和所述自定义描述；

生成模块52，用于根据所述默认内容生成所述源代码的第一目标代码；

判断模块53，用于判断指定服务器是否配置有所述自定义描述对应的自定义内容；

确定模块54，用于：

若无配置，将所述第一目标代码确定为所述前端页面的目标代码；

若有配置，将所述默认内容替换为所述自定义内容以生成第二目标代码，并将所述第二目标代码确定为所述前端页面的目标代码。

本实施例提供的前端页面处理装置，前端页面的源代码包含根据预设格式编写的可配置字段，可配置字段中包含默认内容和自定义描述，装置包括：解析源代码以获取可配置字段中的默认内容和自定义描述；根据默认内容生成源代码的第一目标代码；判断指定服务器是否配置有自定义描述对应的自定义内容；若无配置，将第一目标代码确定为前端页面的目标代码；若有配置，将默认内容替换为自定义内容以生成第二目标代码，并将第二目标代码确定为前端页面的目标代码。本实施例提供的装置能够在不修改源代码的情况下，调整页面中的配置资源，从而解决现有技术中由于预先将资源内容写入页面代码，导致后期应用时不便于对页面代码进行修改的技术问题。

本实施例提供的前端页面处理装置的具体原理和实现方式均与图2所示的实施例类似，此处不再赘述。

在上述实施例的基础上，本实施例提供的前端页面处理装置，所述源代码为HTML格式的代码。

可选的，所述预设格式包括：

[＝＝默认内容||自定义描述＝＝]。

可选的，所述可配置字段为所述源代码中的以下任一种页面资源：

页面文本、页面图片、页面超链接。

可选的，所述判断模块53具体用于：

根据所述自定义描述自动访问指定服务器，以判断指定服务器是否配置有所述自定义描述对应的自定义内容。

可选的，所述指定服务器中设置有包括所述自定义描述后台管理页面，所述后台管理页面用于配置与所述自定义描述对应的所述自定义内容。

可选的，所述预设格式为区别于所述源代码语法的自定义格式。

本实施例提供的页面生成装置的具体原理和实现方式均与图3所示的实施例类似，此处不再赘述。

图6为本发明一示例性实施例示出的页面生成设备的结构图。

如图6所示，本实施例提供的页面生成设备包括：

存储器61；

处理器62；以及

计算机程序；

其中，所述计算机程序存储在所述存储器61中，并配置为由所述处理器62执行以实现如上所述的任一种页面生成方法。

本实施例还提供一种计算机可读存储介质，其上存储有计算机程序，

所述计算机程序被处理器执行以实现如上所述的任一种页面生成方法。

本实施例还提供一种计算机程序，包括程序代码，当计算机运行所述计算机程序时，所述程序代码执行如上所述的任一种页面生成方法。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (10)

1.一种前端页面处理方法，其特征在于，所述前端页面的源代码包含根据预设格式编写的可配置字段，所述可配置字段中包含默认内容和自定义描述，所述方法包括：

解析所述源代码以获取所述可配置字段中的所述默认内容和所述自定义描述；

根据所述默认内容生成所述源代码的第一目标代码；

判断指定服务器是否配置有所述自定义描述对应的自定义内容；

若无配置，将所述第一目标代码确定为所述前端页面的目标代码；

若有配置，将所述默认内容替换为所述自定义内容以生成第二目标代码，并将所述第二目标代码确定为所述前端页面的目标代码。

2.根据权利要求1所述的方法，其特征在于，所述源代码为HTML格式的代码。

3.根据权利要求1所述的方法，其特征在于，所述预设格式包括：

[＝＝默认内容||自定义描述＝＝]。

4.根据权利要求1所述的方法，其特征在于，所述可配置字段为所述源代码中的以下任一种页面资源：

页面文本、页面图片、页面超链接。

5.根据权利要求1所述的方法，其特征在于，所述判断指定服务器是否配置有所述自定义描述对应的自定义内容，包括：

根据所述自定义描述自动访问指定服务器，以判断指定服务器是否配置有所述自定义描述对应的自定义内容。

6.根据权利要求1所述的方法，其特征在于，所述指定服务器中设置有包括所述自定义描述后台管理页面，所述后台管理页面用于配置与所述自定义描述对应的所述自定义内容。

7.根据权利要求1所述的方法，其特征在于，所述预设格式为区别于所述源代码语法的自定义格式。

8.一种前端页面处理装置，其特征在于，所述前端页面的源代码包含根据预设格式编写的可配置字段，所述可配置字段中包含默认内容和自定义描述，所述装置包括：

解析模块，用于解析所述源代码以获取所述可配置字段中的所述默认内容和所述自定义描述；

生成模块，用于根据所述默认内容生成所述源代码的第一目标代码；

判断模块，用于判断指定服务器是否配置有所述自定义描述对应的自定义内容；

确定模块，用于：

若无配置，将所述第一目标代码确定为所述前端页面的目标代码；

若有配置，将所述默认内容替换为所述自定义内容以生成第二目标代码，并将所述第二目标代码确定为所述前端页面的目标代码。

9.一种前端页面处理设备，其特征在于，包括：

存储器；

处理器；以及

计算机程序；

其中，所述计算机程序存储在所述存储器中，并配置为由所述处理器执行以实现如权利要求1-7任一种所述的方法。

10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，

所述计算机程序被处理器执行以实现如权利要求1-7任一种所述的方法。

Images