一种自底向上多级联动的交互性排版方法及其相关装置与流程

本申请涉及可视化编排，尤其涉及一种自底向上多级联动的交互性排版方法及其相关装置。

背景技术：

1、可视化编排相关技术已应用于多种领域，特别是瀑布流网页设计和epg布局设计等。但现有的可视化编排技术构建的布局模板存在可移植性、可操作性较低的问题，特别是页面布局是复杂度高或重合度高的布局结构。

技术实现思路

1、本申请提供了一种自底向上多级联动的交互性排版方法及其相关装置，用于改善现有技术存在的布局模板的可移植性、可操作性较低的技术问题。

2、有鉴于此，本申请第一方面提供了一种自底向上多级联动的交互性排版方法，包括：

3、利用可拖拽性自动化布局组件生成长和宽可变化的二维元素图；

4、将所述二维元素图作为推荐位元素，通过新建推荐位元素组成区域；

5、将多个区域进行拼接，构建栏目页面；

6、选择一个区域作为栏目区，将该栏目区内的各推荐位元素与各栏目页面进行绑定，构建得到多栏目模板；

7、在所述多栏目模板中，将各区域或各区域的推荐位元素进行数据流绑定，实现数据内容编排。

8、可选的，所述方法还包括：

9、通过新建的多种区域构建区域库；

10、相应的，所述将多个区域进行拼接，构建栏目页面，包括：

11、依次从所述区域库中选择区域进行拼接，构建得到栏目页面。

12、可选的，所述方法还包括：

13、新建区域时，将该区域与已存在的区域进行关联，以实现两级区域联动。

14、可选的，所述方法还包括：

15、新建区域时，设置区域的属性，所述属性包括普通区域、背播区域、二级联动区域和追新日历区域。

16、可选的，所述方法还包括：

17、通过点击所述栏目区内的推荐位元素切换到对应的栏目页面，对当前的栏目页面中的区域进行编辑、删除、新增和/或调换顺序，以对当前的栏目页面的区域进行布局。

18、本申请第二方面提供了一种自底向上多级联动的交互性排版装置，包括：

19、元素图生成单元，用于利用可拖拽性自动化布局组件生成长和宽可变化的二维元素图；

20、区域新建单元，用于将所述二维元素图作为推荐位元素，通过新建推荐位元素组成区域；

21、区域拼接单元，用于将多个区域进行拼接，构建栏目页面；

22、多栏目模板构建单元，用于选择一个区域作为栏目区，将该栏目区内的各推荐位元素与各栏目页面进行绑定，构建得到多栏目模板；

23、内容编排单元，用于在所述多栏目模板中，将各区域或各区域的推荐位元素进行数据流绑定，实现数据内容编排。

24、可选的，所述装置还包括：

25、区域库构建单元，用于通过新建的多种区域构建区域库；

26、相应的，所述区域拼接单元，具体用于依次从所述区域库中选择区域进行拼接，构建得到栏目页面。

27、可选的，所述装置还包括：

28、栏目页面布局单元，用于通过点击所述栏目区内的推荐位元素切换到对应的栏目页面，对当前的栏目页面中的区域进行编辑、删除、新增和/或调换顺序，以对当前的栏目页面的区域进行布局。

29、本申请第三方面提供了一种自底向上多级联动的交互性排版设备，所述设备包括处理器以及存储器；

30、所述存储器用于存储程序代码，并将所述程序代码传输给所述处理器；

31、所述处理器用于根据所述程序代码中的指令执行第一方面任一种所述的自底向上多级联动的交互性排版方法。

32、本申请第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质用于存储程序代码，所述程序代码被处理器执行时实现第一方面任一种所述的自底向上多级联动的交互性排版方法。

33、从以上技术方案可以看出，本申请具有以下优点：

34、本申请提供了一种自底向上多级联动的交互性排版方法，包括：利用可拖拽性自动化布局组件生成长和宽可变化的二维元素图；将二维元素图作为推荐位元素，通过新建推荐位元素组成区域；将多个区域进行拼接，构建栏目页面；选择一个区域作为栏目区，将该栏目区内的各推荐位元素与各栏目页面进行绑定，构建得到多栏目模板；在多栏目模板中，将各区域或各区域的推荐位元素进行数据流绑定，实现数据内容编排。

35、本申请中，采用自底向上设计模式，通过推荐位元素、区域、栏目内容区以及多栏目模板等多层级组装，以及层级内、层级间的联动组装构建新的布局结构模式，易构建复杂性或重合度较高的布局结构，复制功能、联动功能、以及数据绑定等实时交互性编排操作，提高了页面布局的可移植性、可操作性、松耦合高内聚以及数据编排的快速响应性，从而改善了现有技术存在的布局模板的可移植性、可操作性较低的技术问题。

技术特征：

1.一种自底向上多级联动的交互性排版方法，其特征在于，包括：

2.根据权利要求1所述的自底向上多级联动的交互性排版方法，其特征在于，所述方法还包括：

3.根据权利要求1或2所述的自底向上多级联动的交互性排版方法，其特征在于，所述方法还包括：

4.根据权利要求3所述的自底向上多级联动的交互性排版方法，其特征在于，所述方法还包括：

5.根据权利要求1所述的自底向上多级联动的交互性排版方法，其特征在于，所述方法还包括：

6.一种自底向上多级联动的交互性排版装置，其特征在于，包括：

7.根据权利要求6所述的自底向上多级联动的交互性排版装置，其特征在于，所述装置还包括：

8.根据权利要求6所述的自底向上多级联动的交互性排版装置，其特征在于，所述装置还包括：

9.一种自底向上多级联动的交互性排版设备，其特征在于，所述设备包括处理器以及存储器；

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储程序代码，所述程序代码被处理器执行时实现权利要求1-5任一项所述的自底向上多级联动的交互性排版方法。

技术总结
本申请公开了一种自底向上多级联动的交互性排版方法及其相关装置，方法包括：利用可拖拽性自动化布局组件生成长和宽可变化的二维元素图；将所述二维元素图作为推荐位元素，通过新建推荐位元素组成区域；将多个区域进行拼接，构建栏目页面；选择一个区域作为栏目区，将该栏目区内的各推荐位元素与各栏目页面进行绑定，构建得到多栏目模板；在所述多栏目模板中，将各区域或各区域的推荐位元素进行数据流绑定，实现数据内容编排，改善了现有技术存在的布局模板的可移植性、可操作性较低的技术问题。

技术研发人员：盛宛君,陆涛,何志超,秦晨,王雪宁
受保护的技术使用者：天翼数字生活科技有限公司
技术研发日：
技术公布日：2024/1/11