生成页面的方法、装置及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114064161A(43)申请公布日2022.02.18(21)申请号202010757687.9(22)申请日2020.07.31(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人张耳敏孙明刘天骐(74)专利代理机构北京安信方达知识产权代理有限公司11262代理人胡艳华栗若木(51)Int.Cl.G06F9/451(2018.01)G06F8/38(2018.01)权利要求书2页说明书6页附图2页(54)发明名称生成页面的方法、装置及存储介质(57)摘要本文公开了一种生成插件的方法、装置及存储介质。所述生成页面的方法，包括：检测到插件被选中并移动至画布区域，获取所述插件在所述画布区域的布局信息；根据所述插件的布局信息生成页面编排配置文件；运行所述插件，并根据所述页面编排配置文件进行所述插件的渲染以生成页面。本文能够实现一种简便灵活的可视化页面搭建方案，提高页面开发效率和页面布局的灵活性。CN114064161ACN114064161A权利要求书1/2页1.一种生成页面的方法，包括：检测到插件被选中并移动至画布区域，获取所述插件在所述画布区域的布局信息；根据所述插件的布局信息生成页面编排配置文件；运行所述插件，并根据所述页面编排配置文件进行所述插件的渲染以生成页面。2.根据权利要求1所述的方法，其特征在于：所述插件包括：普通插件、能够承载其他插件并包括插槽的容器插件和能够嵌套子插件并具备渲染子插件能力的插槽插件。3.根据权利要求2所述的方法，其特征在于：获取所述插件在所述画布区域的布局信息，包括：获取所述插件的移动轨迹，根据所述插件的移动轨迹确定所述插件在所述画布区域的布局信息。4.根据权利要求3所述的方法，其特征在于：如果所述插件为容器插件，则根据所述插件的移动轨迹确定所述插件在所述画布区域的布局信息，包括：如果所述容器插件被移动至所述画布的空白区域，根据所述移动轨迹确定所述容器插件在画布上的目标位置；获取所述容器插件的属性信息；根据所述容器插件的属性信息和所述容器插件在画布上的目标位置信息确定所述容器插件在画布上的布局信息。5.根据权利要求3所述的方法，其特征在于：如果所述插件为插槽插件且所述插槽插件插入容器插件的插槽，则根据所述插件的移动轨迹确定所述插件在所述画布区域的布局信息，包括：获取所述插槽插件的属性信息、所述容器插件的属性信息以及所述插槽插件与所述容器插件的交互信息；根据所述插槽插件的属性信息、所述容器插件的属性信息、以及所述插槽插件与所述容器插件的交互信息确定所述插槽插件在画布上的布局信息。6.根据权利要求3所述的方法，其特征在于：如果所述插件为普通插件，则根据所述插件的移动轨迹确定所述插件在所述画布区域的布局信息，包括：如果所述普通插件被移动至画布的空白区域，根据所述移动轨迹确定所述普通插件在画布上的目标位置；获取所述普通插件的属性信息；根据所述普通插件的属性信息和所述普通插件在画布上的目标位置信息确定所述普通插件在画布上的布局信息。7.根据权利要求3所述的方法，其特征在于：如果所述插件为普通插件且所述普通插件被移动至插槽插件中，则根据所述插件的移动轨迹确定所述插件在所述画布区域的布局信息，包括：获取所述普通插件的属性信息、所述插槽插件的属性信息以及所述普通插件与所述插槽插件的交互信息；2CN114064161A权利要求书2/2页根据所述普通插件的属性信息、所述插槽插件的属性信息、以及所述普通插件与所述插槽插件的交互信息确定所述普通插件在画布上的布局信息。8.根据权利要求1所述的方法，其特征在于：所述页面编排配置文件基于JSONSchema数据格式，包括插件页面结构的描述信息和插件配置的描述信息。9.根据权利要求5所述的方法，其特征在于：所述获取所述插槽插件与所述容器插件的交互信息，包括：根据插件联动协议获取插槽插件与容器插件之间数据通信的交互信息。10.一种生成页面的装置，包括：存储器及处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时实现上述权利要求1-9中任一项所述的生成页面的方法的步骤。11.一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1-9中任一项所述的生成页面的方法的步骤。3CN114064161A说明书1/6页生成页面的方法、装置及存储介质技术领域[0001]本文涉及计算机技术，尤指生成页面的方法、装置及存储介质。背景技术[0002]页面搭建系统可以使得页面搭建过程变得高效。在一种配置化页面搭建系统中，开发人员通过手工编写JSON(JavaScriptObjectNotation，JS对象简谱)配置文件可以