鼠标右键的菜单生成方法及装置、存储介质、计算机设备制造方法及图纸

本申请公开了一种鼠标右键的菜单生成方法及装置、存储介质、计算机设备，该方法包括：响应于任一子应用的右键触发操作，获取与所述触发操作对应的初始化菜单数据以及目标位置数据；将所述初始化菜单数据以及所述目标位置数据发送至所述任一子应用对应的主应用中，通过所述主应用渲染所述初始化菜单数据以及所述目标位置数据，得到目标渲染结果；在所述目标位置数据指示的目标位置展示所述目标渲染结果。本申请通过主应用即可实现子应用的右键菜单的渲染，使得右键菜单的渲染成功脱离子应用，且主应用可以与子应用之间相互共享数据，同时可以避免dom元素冗余。同时可以避免dom元素冗余。同时可以避免dom元素冗余。

【技术实现步骤摘要】
鼠标右键的菜单生成方法及装置、存储介质、计算机设备


[0001]本申请涉及互联网
，尤其是涉及到一种鼠标右键的菜单生成方法及装置、存储介质、计算机设备。

技术介绍

[0002]在基于浏览器的微前端(单页应用，多个服务)开发场景中，主应用下面会挂载多个子应用，对于自定义右键菜单的需求，由于现有的微前端框架对应用之间进行页面隔离，所以现有的右键菜单在使用过程中通常会存在一些弊端：一方面，右键菜单的渲染脱离不了子应用，会被子应用的渲染盒子截断；另一方面，右键菜单之间不能共享数据，需要手动处理很多逻辑，而且对每个子应用都挂载右键菜单，dom元素冗余。

技术实现思路

[0003]有鉴于此，本申请提供了一种鼠标右键的菜单生成方法及装置、存储介质、计算机设备，通过主应用即可实现子应用的右键菜单的渲染，使得右键菜单的渲染成功脱离子应用，且主应用可以与子应用之间相互共享数据，同时可以避免dom元素冗余。
[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]借由上述技术方案，本申请提供的一种鼠标右键的菜单生成方法及装置、存储介质、计算机设备，当用户想要启动任一子应用的右键菜单时，可以本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种鼠标右键的菜单生成方法，其特征在于，包括：响应于任一子应用的右键触发操作，获取与所述触发操作对应的初始化菜单数据以及目标位置数据；将所述初始化菜单数据以及所述目标位置数据发送至所述任一子应用对应的主应用中，通过所述主应用渲染所述初始化菜单数据以及所述目标位置数据，得到目标渲染结果；在所述目标位置数据指示的目标位置展示所述目标渲染结果。2.根据权利要求1所述的方法，其特征在于，所述通过所述主应用渲染所述初始化菜单数据以及所述目标位置数据，得到目标渲染结果，包括：通过所述主应用将所述初始化菜单数据与第一渲染组件绑定，得到第一渲染结果，所述第一渲染组件用于渲染展示内容；将所述目标位置数据与第二渲染组件绑定，得到第二渲染结果，所述第二渲染组件用于渲染显示框架；基于所述第一渲染结果以及所述第二渲染结果，得到所述目标渲染结果。3.根据权利要求2所述的方法，其特征在于，所述在所述目标位置数据指示的目标位置展示所述目标渲染结果之后，所述方法还包括：响应于所述目标渲染结果中任一项的选择指令，获取所述选择指令对应的一级菜单标识，以及所述一级菜单标识对应的一级菜单位置；将所述一级菜单标识以及所述一级菜单位置发送至所述主应用中，通过所述主应用将所述一级菜单标识以及所述一级菜单位置与第三渲染组件绑定，得到第三渲染结果，所述第三渲染组件用于二级菜单渲染；展示所述第三渲染结果。4.根据权利要求3所述的方法，其特征在于，所述通过所述主应用将所述一级菜单标识以及所述一级菜单位置与第三渲染组件绑定，得到第三渲染结果，包括：通过所述主应用将所述一级菜单标识以及所述一级菜单位置与第三渲染组件绑定，通过所述第三渲染组件识别与所述一级菜单标识对应的待...

【专利技术属性】
技术研发人员：蔡文，李军，田野，何世伟，付佳俊，
申请(专利权)人：成都鲁易科技有限公司，
类型：发明
国别省市：