页面生成方法及装置制造方法及图纸

技术编号:39673817 阅读:14 留言:0更新日期:2023-12-11 18:39
本说明书提供页面生成方法及装置,其中所述页面生成方法应用于客户端,包括:响应于针对小程序提交的页面生成指令获取视图文件和程序文件,并基于所述程序文件生成虚拟程序结构;基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件,以及基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生成遮罩层文件;基于所述区域视图文件和所述遮罩层文件,生成包含至少两个展示区域和遮罩层的目标程序页面并展示;其中,所述遮罩层的触控优先级大于所述至少两个展示区域,且所述遮罩层覆盖所述至少两个展示区域

【技术实现步骤摘要】
页面生成方法及装置


[0001]本说明书涉及计算机
,特别涉及一种页面生成方法

本说明书同时涉及一种页面生成装置,一种计算设备,以及一种计算机可读存储介质


技术介绍

[0002]随着计算机技术的发展,越来越多的小程序被开发,以满足用户多样性的需求

然而由于小程序的功能不同

页面结构不同,导致小程序的新用户无法快速掌握小程序的使用方法

[0003]现有技术中,通常在首次开启小程序时,在小程序的内容页面展示遮罩层,在遮罩层上显示用户引导信息

然而这种方式无法实现对客户端屏幕进行全面覆盖,导致用户误触遮罩层无法遮盖区域时,遮罩层消失,在用户未掌握小程序使用方法时提前关闭引导功能

因此,亟需一种有效的方法以解决上述问题


技术实现思路

[0004]有鉴于此,本说明书实施例提供了一种页面生成方法

本说明书同时涉及一种页面生成装置,一种计算设备,以及一种计算机可读存储介质,以解决现有技术中存在的技术缺陷

[0005]根据本说明书实施例的第一方面,提供了一种页面生成方法,应用于客户端,包括:
[0006]响应于针对小程序提交的页面生成指令获取视图文件和程序文件,并基于所述程序文件生成虚拟程序结构;
[0007]基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件,以及基于所述虚拟程序结构对所述视图文件中的遮罩元素进行修改,生成遮罩层文件;
[0008]基于所述区域视图文件和所述遮罩层文件,生成包含至少两个展示区域和遮罩层的目标程序页面并展示;
[0009]其中,所述遮罩层的触控优先级大于所述至少两个展示区域,且所述遮罩层覆盖所述至少两个展示区域

[0010]可选地,所述基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件,包括:
[0011]将所述虚拟程序结构转换为区域程序结构;
[0012]将所述视图文件中的遮罩元素删除,获得第一视图文件;
[0013]在所述区域程序结构中确定页面节点信息,以及在所述第一视图文件中确定页面元素;
[0014]将所述页面节点信息写入所述第一视图文件中页面元素对应的信息位置,生成区域视图文件

[0015]可选地,所述基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生
成遮罩层文件,包括:
[0016]将所述虚拟程序结构转换为遮罩程序结构;
[0017]将所述视图文件中的页面元素删除,获得第二视图文件;
[0018]在所述遮罩程序结构中确定遮罩节点信息,以及在所述第二视图文件中确定遮罩元素;
[0019]将所述遮罩节点信息写入所述第二视图文件中遮罩元素对应的信息位置,生成遮罩层文件

[0020]可选地,所述基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件步骤执行之前,还包括:
[0021]通过管理器创建携带小程序标签的小程序视图;
[0022]通过程序引擎创建携带遮罩标签的遮罩视图;
[0023]利用所述程序引擎,基于所述小程序标签和所述遮罩标签建立所述小程序视图和所述遮罩视图之间的映射关系,并基于所述映射关系将所述虚拟程序结构发送至所述小程序视图和所述遮罩视图;
[0024]其中,所述小程序视图用于执行所述基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件的步骤,所述遮罩视图用于执行所述基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生成遮罩层文件的步骤

[0025]可选地,所述通过管理器创建携带小程序标签的小程序视图步骤执行之后,还包括:
[0026]检测所述虚拟程序结构中是否包含遮罩节点信息;
[0027]若是,执行所述通过程序引擎创建携带遮罩标签的遮罩视图的步骤;
[0028]若否,基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成页面视图文件;基于所述页面视图文件生成包含至少两个展示区域和局部遮罩层的小程序页面并展示,其中,所述局部遮罩层覆盖所述至少两个展示区域中的目标展示区域

[0029]可选地,所述基于所述区域视图文件和所述遮罩层文件,生成包含至少两个展示区域和遮罩层的目标程序页面并展示,包括:
[0030]基于所述区域视图文件渲染包含至少两个展示区域的初始程序页面;
[0031]基于所述遮罩层文件在所述初始程序页面中渲染遮罩层,获得目标程序页面并展示;
[0032]其中,所述遮罩层位于所述至少两个展示区域上层

[0033]可选地,所述基于所述区域视图文件生成包含至少两个展示区域的初始程序页面,包括:
[0034]基于所述区域视图文件生成程序子页面和控件区域,所述程序子页面和所述控件区域组成包含至少两个展示区域的初始程序页面;
[0035]所述基于所述遮罩层文件在所述初始程序页面中添加遮罩层,获得目标程序页面并展示,包括:
[0036]基于所述遮罩层文件生成用于展示引导信息的遮罩层,并添加至所述初始程序页面,获得目标程序页面并展示;
[0037]其中,所述遮罩层位于所述程序子页面和所述控件区域上层,且所述遮罩层覆盖
所述程序子页面和所述控件区域;所述引导信息用于对所述程序子页面和
/
或所述控件区域中的展示信息进行引导说明

[0038]可选地,所述基于所述程序文件生成虚拟程序结构,包括:
[0039]对所述程序文件中的元素进行解析,基于解析结果确定所述程序文件中各元素对应的元素节点;
[0040]基于各元素在所述程序文件中的位置信息,以及各元素对应的元素节点生成虚拟程序结构

[0041]可选地,所述响应于针对小程序提交的页面生成指令获取视图文件和程序文件,包括:
[0042]响应于针对小程序提交的页面生成指令生成文件获取请求,并发送至服务器;
[0043]接收所述服务器响应于所述文件获取请求反馈的视图文件和程序文件

[0044]根据本说明书实施例的第二方面,提供了一种页面生成装置,应用于客户端,包括:
[0045]获取模块,被配置为响应于针对小程序提交的页面生成指令获取视图文件和程序文件,并基于所述程序文件生成虚拟程序结构;
[0046]更新模块,被配置为基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件,以及基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生成遮罩层文件;
[0047]生成模块,被配置为基于所述区域视图文件和所述遮罩层文件,生成包含至少两个展示区域和遮罩层的目标程序页面并展示;其中,所述遮罩层的本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.
一种页面生成方法,其特征在于,应用于客户端,包括:响应于针对小程序提交的页面生成指令获取视图文件和程序文件,并基于所述程序文件生成虚拟程序结构;基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件,以及基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生成遮罩层文件;基于所述区域视图文件和所述遮罩层文件,生成包含至少两个展示区域和遮罩层的目标程序页面并展示;其中,所述遮罩层的触控优先级大于所述至少两个展示区域,且所述遮罩层覆盖所述至少两个展示区域
。2.
根据权利要求1所述的方法,其特征在于,所述基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件,包括:将所述虚拟程序结构转换为区域程序结构;将所述视图文件中的遮罩元素删除,获得第一视图文件;在所述区域程序结构中确定页面节点信息,以及在所述第一视图文件中确定页面元素;将所述页面节点信息写入所述第一视图文件中页面元素对应的信息位置,生成区域视图文件
。3.
根据权利要求1所述的方法,其特征在于,所述基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生成遮罩层文件,包括:将所述虚拟程序结构转换为遮罩程序结构;将所述视图文件中的页面元素删除,获得第二视图文件;在所述遮罩程序结构中确定遮罩节点信息,以及在所述第二视图文件中确定遮罩元素;将所述遮罩节点信息写入所述第二视图文件中遮罩元素对应的信息位置,生成遮罩层文件
。4.
根据权利要求1所述的方法,其特征在于,所述基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件步骤执行之前,还包括:通过管理器创建携带小程序标签的小程序视图;通过程序引擎创建携带遮罩标签的遮罩视图;利用所述程序引擎,基于所述小程序标签和所述遮罩标签建立所述小程序视图和所述遮罩视图之间的映射关系,并基于所述映射关系将所述虚拟程序结构发送至所述小程序视图和所述遮罩视图;其中,所述小程序视图用于执行所述基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成区域视图文件的步骤,所述遮罩视图用于执行所述基于所述虚拟程序结构对所述视图文件中的遮罩元素进行更新,生成遮罩层文件的步骤
。5.
根据权利要求4所述的方法,其特征在于,所述通过管理器创建携带小程序标签的小程序视图步骤执行之后,还包括:检测所述虚拟程序结构中是否包含遮罩节点信息;若是,执行所述通过程序引擎创建携带遮罩标签的遮罩视图的步骤;
若否,基于所述虚拟程序结构对所述视图文件中的页面元素进行更新,生成页面视图文件;基于所述页面视图文件生成包含至少两个展示区域和局部遮罩层的小程序页面并展示,其中,所述局部遮罩层覆盖所述至少两个展示区域中的目标展示区域
。6.
根据权利要求1所述的方法,...

【专利技术属性】
技术研发人员:徐成豪王子迪徐皖秋朱梦渝赵杰
申请(专利权)人:恒生电子股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1