页面生成与展示方法技术

本申请实施例提供一种页面生成与展示方法

【技术实现步骤摘要】
页面生成与展示方法、装置、设备及存储介质


[0001]本申请涉及互联网
，尤其涉及一种页面生成与展示方法
、
装置
、
设备及存储介质
。

技术介绍

[0002]随着互联网技术的不断发展，互联网应用的数量越来越多
。
其中，页面是互联网应用的核心组成，页面不仅是互联网应用向用户展示各种信息的媒介，也是用户与互联网应用进行交互的接口
。
其中，为了使得页面具有数据处理能力，需要为页面绑定所需的数据，以便于页面展示相应数据
。
以页面需要展示学生信息为例，学生数据为“姓名：张三；年龄：
12”，在生成页面过程中，可以将学生数据写入页面对应的源代码中，以实现为页面绑定数据，然后在页面展示过程中，加载页面对应的源代码并对该源代码进行解析和渲染，在渲染后的页面上展示上述学生数据
。
这种在源代码中为页面绑定数据的方法，灵活性差，不易扩展
。

技术实现思路

[0003]本申请的多个方面提供一种页面生成与展示方法
、
装置
、
设备及存储介质，用以提高页面数据绑定的灵活性
。
[0004]本申请实施例提供一种页面生成方法，包括：响应针对目标页面的开发请求，获取目标页面待展示的结构化数据及其属性信息，并获取结构化数据在目标页面上的层级信息；至少根据结构化数据在目标页面上的层级信息，在目标页面对应的初始语法树中添加结构化数据对应的目标节点，目标节点在初始语法树上所处的节点层级反映结构化数据在目标页面上的层级信息，目标节点包含与结构化数据对应的至少一个代码段；根据结构化数据及其属性信息，至少在结构化数据对应的至少一个代码段中添加结构化数据的字段名和数据源位置，以及用于从数据源位置获取字段名对应字段值的可执行语句，以得到目标页面所需的目标语法树；其中，数据源位置用于标识结构化数据中字段值的获取位置，以供渲染引擎在渲染目标页面的过程中加载结构化数据中的字段值
。
[0005]本申请实施例提供一种页面展示方法，包括：响应于针对目标页面的展示请求，加载目标页面对应的目标语法树，目标语法树包括目标节点，目标节点在目标语法树上所处的节点层级反映结构化数据在目标页面上的层级信息，目标节点包含与结构化数据对应的至少一个代码段；运行目标语法树，当运行到目标语法树中的目标节点时，针对目标节点包含的每个代码段，从该代码段中解析出结构化数据的字段名
、
数据源位置以及用于从数据源位置获取字段名对应字段值的可执行语句；执行可执行语句，以从数据源位置获取结构化数据中与字段名对应的字段值，将字段名和字段值作为结构化数据渲染至目标页面中
。
[0006]本申请实施例还提供一种页面生成装置，包括：获取模块
、
第一添加模块和第二添加模块；获取模块，用于响应针对目标页面的开发请求，获取目标页面待展示的结构化数据及其属性信息，并获取结构化数据在目标页面上的层级信息；第一添加模块，用于至少根据
结构化数据在目标页面上的层级信息，在目标页面对应的初始语法树中添加结构化数据对应的目标节点，目标节点在初始语法树上所处的节点层级反映结构化数据在目标页面上的层级信息，目标节点包含与结构化数据对应的至少一个代码段；第二添加模块，用于根据结构化数据及其属性信息，至少在结构化数据对应的至少一个代码段中添加结构化数据的字段名和数据源位置，以及用于从数据源位置获取字段名对应字段值的可执行语句，以得到目标页面所需的目标语法树；其中，数据源位置用于标识结构化数据中字段值的获取位置，以供渲染引擎在渲染目标页面的过程中加载结构化数据中的字段值
。
[0007]本申请实施例还提供一种页面展示装置，包括：加载模块
、
运行模块
、
解析模块和处理模块；加载模块，用于响应于针对目标页面的展示请求，加载目标页面对应的目标语法树，目标语法树包括目标节点，目标节点在目标语法树上所处的节点层级反映结构化数据在目标页面上的层级信息，目标节点包含与结构化数据对应的至少一个代码段；运行模块，用于运行目标语法树，当运行到目标语法树中的目标节点时，解析模块，用于针对目标节点包含的每个代码段，从该代码段中解析出结构化数据的字段名
、
数据源位置以及用于从数据源位置获取字段名对应字段值的可执行语句；处理模块，用于执行可执行语句，以从数据源位置获取结构化数据中与字段名对应的字段值，将字段名和字段值作为结构化数据渲染至目标页面中
。
[0008]本申请实施例还提供一种电子设备，包括：存储器和处理器；存储器，用于存储计算机程序；处理器，与存储器耦合，用于执行计算机程序，以实现本申请实施例提供的页面生成和页面展示方法中的步骤
。
[0009]本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，当计算机程序被处理器执行时，致使处理器实现本申请实施例提供的页面生成和页面展示方法中的步骤
。
[0010]在本申请实施例中，在目标页面对应的初始语法树中添加结构化数据对应的目标节点，在该目标节点中通过代码段添加字段名
、
数据源位置以及获取字段名对应字段值的可执行语句，得到目标页面的目标语法树
。
在需要渲染目标页面时，针对目标节点包含的每个代码段，解析出字段名
、
数据源位置以及可执行语句，执行该可执行语句，获取字段名对应的字段值，并将字段名和字段值作为结构化数据渲染至目标页面上
。
在需要对目标页面的待展示数据进行变更时，只需要对结构化数据进行修改，无需对目标页面的语法树进行操作，提高了数据绑定的灵活性，易于交互，易于扩展，同时提高了目标页面的稳定性
。
附图说明
[0011]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定
。
在附图中：
[0012]图
1a
为本申请示例性实施例提供的一种页面生成方法的流程示意图；
[0013]图
1b
为本申请示例性实施例提供的一种页面展示方法的流程示意图；
[0014]图
2a
为本申请示例性实施例提供的一种页面生成的结构示意图；
[0015]图
2b
为本申请示例性实施例提供的一种页面生成的结构示意图；
[0016]图
2c
为本申请示例性实施例提供的另一种页面生成的结构示意图；
[0017]图3为本申请示例性实施例提供的一种页面生成装置的结构示意图；
[0018]图4为本申请示例性实施例提供的一种页面展示装置的结构示意图；
[0019]图5为本申请示例性实施例提供的一种电子设备的结构示意图
。
具体实施方式...

【技术保护点】

【技术特征摘要】
1.
一种页面生成方法，其特征在于，包括：响应针对目标页面的开发请求，获取所述目标页面待展示的结构化数据及其属性信息，并获取所述结构化数据在所述目标页面上的层级信息；至少根据所述结构化数据在所述目标页面上的层级信息，在所述目标页面对应的初始语法树中添加所述结构化数据对应的目标节点，所述目标节点在所述初始语法树上所处的节点层级反映所述结构化数据在所述目标页面上的层级信息，所述目标节点包含与所述结构化数据对应的至少一个代码段；根据所述结构化数据及其属性信息，至少在所述结构化数据对应的至少一个代码段中添加所述结构化数据的字段名和数据源位置，以及用于从所述数据源位置获取所述字段名对应字段值的可执行语句，以得到所述目标页面所需的目标语法树；其中，所述数据源位置用于标识所述结构化数据中字段值的获取位置，以供渲染引擎在渲染所述目标页面的过程中加载所述结构化数据中的字段值
。2.
根据权利要求1所述的方法，其特征在于，响应针对目标页面的开发请求，获取所述目标页面待展示的结构化数据及其属性信息，包括：响应针对目标页面的开发请求，根据所述目标页面的标识信息，从指定存储位置获取所述目标页面待展示的原始数据；采用结构化的语法格式对所述原始数据进行描述，得到结构化数据；将所述原始数据所在的指定存储位置作为所述结构化数据的数据源位置添加到所述结构化数据的属性信息中
。3.
根据权利要求2所述的方法，其特征在于，响应针对目标页面的开发请求，根据所述目标页面的标识信息，从指定存储位置获取所述目标页面待展示的原始数据，包括：响应于针对目标页面的开发请求，根据所述目标页面的标识信息，确定所述目标页面对应的指定存储位置；根据所述指定存储位置的表示方式，识别所述指定存储位置为本地存储位置或外部存储位置；在所述指定存储位置为本地存储位置的情况下，从本地存储位置获取所述目标页面待展示的原始数据；在所述指定存储位置为外部存储位置的情况下，从所述外部存储位置获取所述目标页面待展示的原始数据
。4.
根据权利要求3所述的方法，其特征在于，从外部存储位置获取所述目标页面待展示的原始数据，包括：获取针对所述目标页面的配置信息，所述配置信息至少包括：外部存储位置对应的接口地址
、
接口方法以及接口入参；根据所述接口方法以及接口入参，向所述接口地址指向的外部设备请求所述目标页面待展示的原始数据，所述外部设备提供所述外部存储位置；以及接收所述外部设备发送的原始数据
。5.
根据权利要求3或4所述的方法，其特征在于，还包括：将所述结构化数据及其属性信息存储至数据源位置中，以供生成所述目标语法树；和
/
或，
在从所述外部存储位置获取所述原始数据的情况下，在所述目标语法树中配置生命周期管理节点，所述生命周期管理节点用于存储所述配置信息，以供所述渲染引擎在渲染所述结构化数据之前获取生成所述结构化数据所需的所述原始数据
。6.
根据权利要求1‑4任一项所述的方法，其特征在于，根据所述结构化数据及其属性信息，至少在所述结构化数据对应的至少一个代码段中添加所述结构化数据的字段名和数据源位置，以及用于从所述数据源位置获取所述字段名对应字段值的可执行语句，以得到所述目标页面所需的目标语法树，包括：根据所述结构化数据包含的字段名的数量，在所述目标节点中创建与该数量对应的代码段；确定与所述数据源位置的类型适配的读指令，将每个字段名分别作为所述读指令的入参，将所述数据源位置作为所述读指令的读取地址，以生成每个字段名对应的可执行语句；在每个代码段中分别添加对应的字段名
、
所述数据源位置以及该字段名对应的可执行语句，以得到所述目标页面所需的目标语法树
。7.
一种页面展示方法，其特征在于，包括：响应于针对目标页面的展示请求，加载所述目标页面对应的目标语法树，所述目标语法树包括目标节点，所述目标节点在所述目标语法树上所处的节点层级反映结构化数据在所述目标页面上的层级信息，所述目标节点包含与所述结构化数据对应的至少一个代码段；运行所述目标语法树，当运行到所述目标语法树中的目标节点时，针...

【专利技术属性】
技术研发人员：高飞宇，杨萌，
申请(专利权)人：上海瑞家信息技术有限公司，
类型：发明
国别省市：