【技术实现步骤摘要】
本申请涉及互联网，具体涉及一种元素分镜生成方法、装置及设备。
技术介绍
1、在低代码领域，可以利用可视化设计器来设计前端网页页面。具体地，页面设计人员在可视化设计器中将其提供的元素拖拽到可视化设计器的画布中，进行真实前端网页页面的搭建。
2、在页面搭建过程中，前端网页页面中的元素在不同的条件下可能需要有不同的表现形式，每种表现形式称为一个分镜。目前，可通过代码实现同一元素的不同分镜的生成，但是对于页面设计人员而言，通过代码实现的效率较低。
技术实现思路
1、为解决上述问题，本申请实施例提供一种元素分镜生成方法、装置及设备，能够方便页面设计人员编辑元素分镜，提高元素分镜的生成效率和编辑效率。
2、为实现上述目的，本申请实施例提供的技术方案如下：
3、第一方面，本申请实施例提供了一种元素分镜生成方法，所述方法包括：
4、响应于用户对可视化设计器的画布上的目标元素的触发操作，在预设区域显示所述目标元素对应的管理分镜控件；
5、响应于所述用户对所述目标元素对应的管理分镜控件的触发操作，在所述可视化设计器的画布中，显示所述目标元素对应的第一分镜，并在所述可视化设计器的页面结构面板中显示所述目标元素对应的添加分镜控件；
6、响应于所述用户对所述目标元素对应的添加分镜控件的触发操作，生成所述目标元素对应的第二分镜，并在所述可视化设计器的画布中展示所述目标元素对应的第二分镜。
7、第二方面，本申请实施例提供了一种元
8、第一显示单元，用于响应于用户对可视化设计器的画布上的目标元素的触发操作，在预设区域显示所述目标元素对应的管理分镜控件；
9、第二显示单元，用于响应于所述用户对所述目标元素对应的管理分镜控件的触发操作，在所述可视化设计器的画布中，显示所述目标元素对应的第一分镜，并在所述可视化设计器的页面结构面板中显示所述目标元素对应的添加分镜控件；
10、生成单元，用于响应于所述用户对所述目标元素对应的添加分镜控件的触发操作，生成所述目标元素对应的第二分镜，并在所述可视化设计器的画布中展示所述目标元素对应的第二分镜。
11、第三方面，本申请实施例提供了一种电子设备，包括：
12、一个或多个处理器；
13、存储装置，其上存储有一个或多个程序，
14、当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述任一所述的元素分镜生成方法。
15、第四方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如上述任一所述的元素分镜生成方法。
16、第五方面，本申请实施例提供了一种计算机程序产品，所述计算机程序产品包括计算机程序或指令，所述计算机程序或指令被处理器执行时实现如上述任一项所述的元素分镜生成方法。
17、由此可见，本申请实施例具有如下有益效果：
18、本申请实施例提供了一种元素分镜生成方法、装置及设备，可视化设计器的画布显示有目标元素，响应于用户对目标元素的触发操作，在预设区域显示目标元素对应的管理分镜控件。进而，用户可触发目标元素对应的管理分镜控件，响应于用户对目标元素对应的管理分镜控件的触发操作，在可视化设计器的画布中，显示目标元素对应的第一分镜，并在可视化设计器的页面结构面板中显示目标元素对应的添加分镜控件。用户可触发目标元素对应的添加分镜控件，响应于用户对目标元素对应的添加分镜控件的触发操作，生成目标元素对应的第二分镜，并在可视化设计器的画布中展示目标元素对应的第二分镜。如此，代替通过代码生成分镜的方式，通过在可视化设计器中执行可视化操作即可生成同一元素的多个分镜，使得分镜生成的操作方便，能够提高元素分镜的编辑效率，进而提高页面的开发效率。
本文档来自技高网...【技术保护点】
1.一种元素分镜生成方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述目标元素对应有目标元素节点，所述目标元素节点显示在所述可视化设计器的页面结构面板中，所述方法还包括：
3.根据权利要求2所述的方法，其特征在于，所述在所述可视化设计器的页面结构面板中显示第一分镜节点，包括：
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
5.根据权利要求1或4所述的方法，其特征在于，所述目标元素为目标页面上的元素，所述方法还包括：
6.根据权利要求1所述的方法，其特征在于，在所述响应于用户对可视化设计器的画布上的目标元素的触发操作之前，所述方法还包括：
7.根据权利要求1所述的方法，其特征在于，在所述响应于用户对可视化设计器的画布上的目标元素的触发操作之前，所述方法还包括：
8.一种元素分镜生成装置，其特征在于，所述装置包括：
9.一种电子设备，其特征在于，包括：
10.一种计算机可读介质，其特征在于，其上存储有计算机程序，其中，所述程序被处理器
11.一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机程序或指令，所述计算机程序或指令被处理器执行时实现如权利要求1-7任一项所述的元素分镜生成方法。
...【技术特征摘要】
1.一种元素分镜生成方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述目标元素对应有目标元素节点，所述目标元素节点显示在所述可视化设计器的页面结构面板中，所述方法还包括：
3.根据权利要求2所述的方法，其特征在于，所述在所述可视化设计器的页面结构面板中显示第一分镜节点，包括：
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
5.根据权利要求1或4所述的方法，其特征在于，所述目标元素为目标页面上的元素，所述方法还包括：
6.根据权利要求1所述的方法，其特征在于，在所述响应于用户对可视化设计器的画布上的目标元素...
【专利技术属性】
技术研发人员：常昕，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。