一种网页渲染方法技术

本公开提供了一种网页渲染方法

【技术实现步骤摘要】
一种网页渲染方法、装置、设备及存储介质


[0001]本公开涉及计算机
，尤其涉及一种网页渲染方法
、
装置
、
设备及存储介质
。

技术介绍

[0002]低代码开发平台是无需编码或者通过少量编码就可以快速生成网页的开发平台
。
[0003]目前，低代码开发平台是基于超文本标记语言
(Hyper Text Markup Language
，
HTML)
进行网页信息存储，并基于该网页信息进行进一步的序列化操作
。
其中，
HTML
由一系列的元素组成，通过一个元素能够实现为文字添加超链接或设置字体等功能，但是
HTML
语言较为臃肿
、
占用存储空间较大；并且
HTML
语言的元素粒度较细，在低代码开发平台中，难以实现模版的定义及复用；并且，
HTML
语言的层级较深
、
对组件的属性
、
数据等进行修改
、
调整操作较为复杂
。
[0004]因此，如何设计一种占用存储空间小
、
粒度适中
、
结构简单的网页信息的存储方式，从而适合应用于低代码开发平台的网页渲染方法中，是目标亟需解决的问题
。

技术实现思路

[0005]为了解决上述技术问题，本公开实施例提供了一种网页渲染方法
。
[0006]第一方面，本公开提供了一种网页渲染方法，所述方法包括：
[0007]确定网页渲染请求中携带的网页标识；
[0008]获取所述网页标识对应的用户界面定义语言
UIDL
对象；其中，所述
UIDL
对象中包括基于结构树存储的所述网页标识对应的网页信息，所述结构树的节点与所述网页标识对应的网页上的网页组件具有对应关系，所述节点用于存储对应的网页组件的布局信息和
/
或结构信息，所述布局信息包括所述网页组件在画布上的位置信息和
/
或层级信息，所述结构信息包括所述网页组件的组件类型信息和
/
或属性信息；
[0009]基于所述网页标识对应的
UIDL
对象，对所述网页标识对应的网页进行渲染
。
[0010]一种可选的实施方式中，所述节点还用于存储所述节点对应的子节点数组，所述子节点数组中包括以所述节点为父节点的至少一个节点的标识
。
[0011]一种可选的实施方式中，所述节点还用于存储对应的网页组件的依赖，所述依赖用于对所述网页组件的渲染
。
[0012]一种可选的实施方式中，所述网页组件包括楼层组件，所述楼层组件对应的节点用于存储所述楼层组件在所述网页对应的楼层数组中的位置以及所述楼层组件内的背景图片
。
[0013]一种可选的实施方式中，所述基于所述网页标识对应的
UIDL
对象，对所述网页标识对应的网页进行渲染，包括：
[0014]将所述网页标识对应的
UIDL
对象输入至渲染器中，由所述渲染器对所述网页标识对应的网页进行渲染
。
[0015]一种可选的实施方式中，所述将所述网页标识对应的
UIDL
对象输入至渲染器中，由所述渲染器对所述网页标识对应的网页进行渲染，包括：
[0016]将所述网页标识对应的
UIDL
对象输入至渲染器中；
[0017]利用所述渲染器对所述
UIDL
对象中的各个节点进行解析，得到所述节点对应的网页组件的布局信息和
/
或结构信息；
[0018]基于所述节点对应的网页组件的布局信息和
/
或结构信息，对所述网页标识对应的网页进行渲染
。
[0019]一种可选的实施方式中，所述方法应用于客户端，所述获取所述网页标识对应的用户界面定义语言
UIDL
对象之前，还包括：
[0020]获取所述网页标识对应的站点所包括的各个网页的网页信息以及所述站点的依赖；
[0021]相应的，所述获取所述网页标识对应的用户界面定义语言
UIDL
对象，包括：
[0022]从所述站点所包括的各个网页的网页信息中，获取所述网页标识对应的
UIDL
对象
。
[0023]第二方面，本公开提供了一种网页渲染装置，所述装置包括：
[0024]确定模块，用于确定网页渲染请求中携带的网页标识；
[0025]第一获取模块，用于获取所述网页标识对应的用户界面定义语言
UIDL
对象；其中，所述
UIDL
对象中包括基于结构树存储的所述网页标识对应的网页信息，所述结构树的节点与所述网页标识对应的网页上的网页组件具有对应关系，所述节点用于存储对应的网页组件的布局信息和
/
或结构信息，所述布局信息包括所述网页组件在画布上的位置信息和
/
或层级信息，所述结构信息包括所述网页组件的组件类型信息和
/
或属性信息；
[0026]渲染模块，用于基于所述网页标识对应的
UIDL
对象，对所述网页标识对应的网页进行渲染
。
[0027]第三方面，本公开提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备实现上述的方法
。
[0028]第四方面，本公开提供了一种网页渲染设备，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现上述的方法
。
[0029]第五方面，本公开提供了一种计算机程序产品，所述计算机程序产品包括计算机程序
/
指令，所述计算机程序
/
指令被处理器执行时实现上述的方法
。
[0030]本公开实施例提供的技术方案与现有技术相比至少具有如下优点：
[0031]本公开实施例提供了一种网页渲染方法，首先，确定网页渲染请求中携带的网页标识；其次，获取网页标识对应的用户界面定义语言
UIDL
对象；其中，
UIDL
对象中包括基于结构树存储的网页标识对应的网页信息，结构树的节点与网页标识对应的网页上的网页组件具有对应关系，节点用于存储对应的网页组件的布局信息和
/
或结构信息，布局信息包括网页组件在画布上的位置信息和
/
或层级信息，结构信息包括网页组件的组件类型信息和
/
或属性信息；进而，基于网页标识对应的
UIDL
对象，对网页标识对应的网页进行渲染
。
可见，本公开本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种网页渲染方法，其特征在于，所述方法包括：确定网页渲染请求中携带的网页标识；获取所述网页标识对应的用户界面定义语言
UIDL
对象；其中，所述
UIDL
对象中包括基于结构树存储的所述网页标识对应的网页信息，所述结构树的节点与所述网页标识对应的网页上的网页组件具有对应关系，所述节点用于存储对应的网页组件的布局信息和
/
或结构信息，所述布局信息包括所述网页组件在画布上的位置信息和
/
或层级信息，所述结构信息包括所述网页组件的组件类型信息和
/
或属性信息；基于所述网页标识对应的
UIDL
对象，对所述网页标识对应的网页进行渲染
。2.
根据权利要求1所述的方法，其特征在于，所述节点还用于存储所述节点对应的子节点数组，所述子节点数组中包括以所述节点为父节点的至少一个节点的标识
。3.
根据权利要求1所述的方法，其特征在于，所述节点还用于存储对应的网页组件的依赖，所述依赖用于对所述网页组件的渲染
。4.
根据权利要求1所述的方法，其特征在于，所述网页组件包括楼层组件，所述楼层组件对应的节点用于存储所述楼层组件在所述网页对应的楼层数组中的位置以及所述楼层组件内的背景图片
。5.
根据权利要求1所述的方法，其特征在于，所述基于所述网页标识对应的
UIDL
对象，对所述网页标识对应的网页进行渲染，包括：将所述网页标识对应的
UIDL
对象输入至渲染器中，由所述渲染器对所述网页标识对应的网页进行渲染
。6.
根据权利要求5所述的方法，其特征在于，所述将所述网页标识对应的
UIDL
对象输入至渲染器中，由所述渲染器对所述网页标识对应的网页进行渲染，包括：将所述网页标识对应的
UIDL
对象输入至渲染器中；利用所述渲染器对所述
UIDL
对象中的各个节点进行解析，得到所述节点对应的网页组件的布局信息和
/
或结构信息；基于所述节点对应的网页组件...

【专利技术属性】
技术研发人员：方一谕，谭杰雄，程柳锋，骆小龙，程帅，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：