一种加载任务弹层的方法和装置制造方法及图纸

技术编号:33133664 阅读:29 留言:0更新日期:2022-04-17 00:55
本发明专利技术公开了一种加载任务弹层的方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:利用路由管理器的主路由加载项目的主页面,所述主页面用于触发执行预设的任务;在所述项目的主页面收到任务触发指令后,通过所述主路由唤起所述路由管理器中与所述任务对应的子路由,通过所述子路由加载所述任务的弹层,以执行所述任务。该实施方式能够实现组件间解耦,无需维护父子组件的交互和通信,降低了交互复杂度,同时也实现了业务逻辑解耦,降低了开发复杂度,便于后续的扩展和迭代维护。代维护。代维护。

【技术实现步骤摘要】
一种加载任务弹层的方法和装置


[0001]本专利技术涉及计算机
,尤其涉及一种加载任务弹层的方法和装置。

技术介绍

[0002]弹层效果是H5活动中比较常见的交互效果,比如点击弹出活动规则、抽奖结果等,项目中使用弹层能够达到比较好的用户体验,也是当前比较主流的交互方案。活动弹层具有个性化、交互复杂度强的特点,目前处理H5活动弹层是使用弹层组件,且弹层组件一般作为子组件存在,与项目主业务组件存在父子关系。以提币机项目为例,现有方案中提币机本身功能用一个组件封装,作为父组件,任务功能封装成一个弹层组件,作为子组件,父子组件之间存在交互和通信。
[0003]在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:
[0004]由于组件存在父子关系,需要维护父子组件的交互和通信,增加了交互复杂度,并且业务逻辑耦合,增加了开发复杂度,也不利于后续的迭代维护。

技术实现思路

[0005]有鉴于此,本专利技术实施例提供一种加载任务弹层的方法和装置,能够实现组件间解耦,无需维护父子组件的交互和通信,降低了交互复杂度,同时也实现了业务逻辑解耦,降低了开发复杂度,便于后续的迭代维护。
[0006]为实现上述目的,根据本专利技术实施例的一个方面,提供了一种加载任务弹层的方法。
[0007]一种加载任务弹层的方法,包括:利用路由管理器的主路由加载项目的主页面,所述主页面用于触发执行预设的任务;在所述项目的主页面收到任务触发指令后,通过所述主路由唤起所述路由管理器中与所述任务对应的子路由,通过所述子路由加载所述任务的弹层,以执行所述任务。
[0008]可选地,所述利用路由管理器的主路由加载项目的主页面之前,包括:预先设置所述主路由和所述子路由,所述主路由用于通过渲染所述项目的主组件加载所述项目的主页面,所述子路由用于通过渲染所述任务的弹层组件加载所述任务的弹层。
[0009]可选地,设置所述子路由包括设置所述子路由的定位属性和层级属性,所述定位属性用于将所述弹层相对于所述主页面的窗口固定定位,所述层级属性用于将所述弹层展示在页面最上层。
[0010]可选地,通过所述主路由唤起所述路由管理器中与所述任务对应的子路由,包括:通过所述主路由根据所述弹层组件的名称属性唤起所述任务的子路由,所述名称属性的值与所述子路由存在对应关系。
[0011]可选地,所述通过所述子路由加载所述任务的弹层,包括:将所述项目的主页面和所述任务的弹层页面同时进行展示,且在关闭所述弹层页面之前,所述弹层页面始终位于所述项目的主页面上层。
[0012]根据本专利技术实施例的另一方面,提供了一种加载任务弹层的装置。
[0013]一种加载任务弹层的装置,包括:主页面加载模块,用于利用路由管理器的主路由加载项目的主页面,所述主页面用于触发执行预设的任务;任务弹层加载模块,用于在所述项目的主页面收到任务触发指令后,通过所述主路由唤起所述路由管理器中与所述任务对应的子路由,通过所述子路由加载所述任务的弹层,以执行所述任务。
[0014]可选地,还包括路由设置模块,用于:预先设置所述主路由和所述子路由,所述主路由用于通过渲染所述项目的主组件加载所述项目的主页面,所述子路由用于通过渲染所述任务的弹层组件加载所述任务的弹层。
[0015]可选地,所述路由设置模块还用于设置所述子路由的定位属性和层级属性,所述定位属性用于将所述弹层相对于所述主页面的窗口固定定位,所述层级属性用于将所述弹层展示在页面最上层。
[0016]可选地,通过所述主路由根据所述弹层组件的名称属性唤起所述任务的子路由,所述名称属性的值与所述子路由存在对应关系。
[0017]可选地,所述任务弹层加载模块还用于:将所述项目的主页面和所述任务的弹层页面同时进行展示,且在关闭所述弹层页面之前,所述弹层页面始终位于所述项目的主页面上层。
[0018]根据本专利技术实施例的又一方面,提供了一种电子设备。
[0019]一种电子设备,包括:一个或多个处理器;存储器,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现本专利技术实施例所提供的加载任务弹层的方法。
[0020]根据本专利技术实施例的又一方面,提供了一种计算机可读介质。
[0021]一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本专利技术实施例所提供的加载任务弹层的方法。
[0022]上述专利技术中的一个实施例具有如下优点或有益效果:利用路由管理器的主路由加载项目的主页面,该主页面用于触发执行预设的任务;在项目的主页面收到任务触发指令后,通过主路由唤起路由管理器中与任务对应的子路由,通过子路由加载任务的弹层以执行任务。能够实现组件间解耦,无需维护父子组件的交互和通信,降低了交互复杂度,同时也实现了业务逻辑解耦,降低了开发复杂度,便于后续的扩展和迭代维护。
[0023]上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
[0024]附图用于更好地理解本专利技术,不构成对本专利技术的不当限定。其中:
[0025]图1是根据本专利技术一个实施例的加载任务弹层的方法的主要步骤示意图;
[0026]图2是根据本专利技术一个实施例的项目的主页面示意图;
[0027]图3是根据本专利技术一个实施例的项目的弹层示意图;
[0028]图4是根据本专利技术一个实施例的加载任务弹层的流程示意图;
[0029]图5是根据本专利技术一个实施例的加载任务弹层的装置的主要模块示意图;
[0030]图6是本专利技术实施例可以应用于其中的示例性系统架构图;
[0031]图7是适于用来实现本专利技术实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
[0032]以下结合附图对本专利技术的示范性实施例做出说明,其中包括本专利技术实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本专利技术的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
[0033]图1是根据本专利技术一个实施例的加载任务弹层的方法的主要步骤示意图。
[0034]如图1所示,本专利技术一个实施例的加载任务弹层的方法主要包括如下的步骤S101至步骤S102。
[0035]步骤S101:利用路由管理器的主路由加载项目的主页面,主页面用于触发执行预设的任务;
[0036]步骤S102:在项目的主页面收到任务触发指令后,通过主路由唤起路由管理器中与任务对应的子路由,通过子路由加载任务的弹层以执行任务。
[0037]上述项目包括一个或多个任务,通过主页面可触发执行任务。例如提币机项目,其中包括领分分币的任务,通过弹层向用户展示任务。
[0038]利用路由管理器的主路由加载项目的主页面之前,预先设置主路由和子路由。
[0本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种加载任务弹层的方法,其特征在于,包括:利用路由管理器的主路由加载项目的主页面,所述主页面用于触发执行预设的任务;在所述项目的主页面收到任务触发指令后,通过所述主路由唤起所述路由管理器中与所述任务对应的子路由,通过所述子路由加载所述任务的弹层,以执行所述任务。2.根据权利要求1所述的方法,其特征在于,所述利用路由管理器的主路由加载项目的主页面之前,包括:预先设置所述主路由和所述子路由,所述主路由用于通过渲染所述项目的主组件加载所述项目的主页面,所述子路由用于通过渲染所述任务的弹层组件加载所述任务的弹层。3.根据权利要求2所述的方法,其特征在于,设置所述子路由包括设置所述子路由的定位属性和层级属性,所述定位属性用于将所述弹层相对于所述主页面的窗口固定定位,所述层级属性用于将所述弹层展示在页面最上层。4.根据权利要求2所述的方法,其特征在于,通过所述主路由唤起所述路由管理器中与所述任务对应的子路由,包括:通过所述主路由根据所述弹层组件的名称属性唤起所述任务的子路由,所述名称属性的值与所述子路由存在对应关系。5.根据权利要求1所述的方法,其特征在于,所述通过所述子路由加载所述任务的弹层,包括:将所述项目的主页面和所述任务的弹层页面同时进行展示,且在关闭所述弹层页面之前,所述弹层页面始终位于所述项目的主页面上层...

【专利技术属性】
技术研发人员:张敏
申请(专利权)人:京东科技控股股份有限公司
类型:发明
国别省市:

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

1