一种组件型富文本页面生成方法和装置制造方法及图纸

本发明专利技术属于人工智能领域中的数据处理和人机交互技术，公开了一种组件型富文本页面生成方法和装置，其方法包括遍历组件型富文本页面的元数据中结构类型数据、样式类型数据；将所述结构类型数据、所述样式类型数据与对应的网页属性节点建立关联关系；基于所述关联关系，将所述元数据转换为所述组件型富文本页面。本发明专利技术将定制化业务效果图转换切分成较小的UI组件，再组合编辑生成可访问的html页面，以实现具有可定制化、便于拓展功能、便于维护且具有完整自主可控的组件型富文本页面生成方法。

【技术实现步骤摘要】
一种组件型富文本页面生成方法和装置
本专利技术涉及人工智能领域中的数据处理和人机交互技术，尤指一种组件型富文本页面生成方法和装置。
技术介绍
现有的富文本编辑器，无法满足编辑出符合定制化内容的要求，且对于可编辑的内容存在较大的局限性。目前的编辑器只适合纯文本，或者简单的图文排列。当需要编辑包含较多的定制化内容展示页面时，现有的编辑器不足以支撑多样性内容生成业务。
技术实现思路
本专利技术的目的是提供一种组件型富文本页面生成方法和装置，解决上述问题。本专利技术提供的技术方案如下：一方面，提供一种组件型富文本页面生成方法，包括：遍历组件型富文本页面的元数据中结构类型数据、样式类型数据；将所述结构类型数据、所述样式类型数据与对应的网页属性节点建立关联关系；基于所述关联关系，将所述元数据转换为所述组件型富文本页面。进一步优选的，所述遍历组件型富文本页面的元数据中结构类型数据、样式类型数据，包括：在所述元数据中，查找页面模块的样式类型数据；查找与所述页面模块的样式类型数据处于同一级别的主图层属性数据；当获取所述主图层属性数据后，在所述主图层属性数据中查找组件模块的样式类型数据；根据所述组件模块的样式类型数据，查找同一级别的子图层属性数据；基于所述子图层属性数据，查找同一级别的样式类型数据；其中，所述结构类型数据包括主图层属性数据和多个子图层属性数据。进一步优选的，所述基于所述关联关系，将所述元数据转换为所述组件型富文本页面，包括：基于所述页面模块的样式类型数据，与对应的网页属性节点的关联关系，将所述页面模块的样式类型数据，转换为所述组件富文本页面的基础结构；基于所述组件模块的样式类型数据，与对应的网页属性节点的关联关系，将所述组件模块的样式类型数据转换为所述组件富文本页面的组件内容。进一步优选的，在所述遍历组件型富文本页面的元数据中结构类型数据、样式类型数据之前，还包括：解析组件型富文本页面的源文件，得到树状结构的组件型富文本页面的元数据。进一步优选的，所述基于所述关联关系，将所述元数据转换为所述组件型富文本页面，包括：基于所述关联关系，将所述元数据转换为所述组件型富文本页面的网页文件；将所述网页文件上传至内容传送网络，以生成可编辑的所述组件型富文本页面。一种组件型富文本页面生成装置，包括：遍历模块，用于遍历组件型富文本页面的元数据中结构类型数据、样式类型数据；关联模块，用于将所述结构类型数据、所述样式类型数据与对应的网页属性节点建立关联关系；转换模块，用于基于所述关联关系，将所述元数据转换为所述组件型富文本页面。进一步优选的，所述遍历模块，还用于：在所述元数据中，查找页面模块的样式类型数据；查找与所述页面模块的样式类型数据处于同一级别的主图层属性数据；当获取所述主图层属性数据后，在所述主图层属性数据中查找组件模块的样式类型数据；根据所述组件模块的样式类型数据，查找同一级别的子图层属性数据；基于所述子图层属性数据，查找同一级别的样式类型数据；其中，所述结构类型数据包括主图层属性数据和多个子图层属性数据。进一步优选的，所述关联模块，还用于：基于所述页面模块的样式类型数据，与对应的网页属性节点的关联关系，将所述页面模块的样式类型数据，转换为所述组件富文本页面的基础结构；基于所述组件模块的样式类型数据，与对应的网页属性节点的关联关系，将所述组件模块的样式类型数据转换为所述组件富文本页面的组件内容。进一步优选的，还包括：解析模块，用于解析组件型富文本页面的源文件，得到树状结构的组件型富文本页面的元数据。进一步优选的，所述转换模块，还用于：基于所述关联关系，将所述元数据转换为所述组件型富文本页面的网页文件；将所述网页文件上传至内容传送网络，以生成可编辑的所述组件型富文本页面。本专利技术提供的一种组件型富文本页面生成方法和装置至少具有以下技术效果：本专利技术将定制化业务效果图转换切分成较小的UI组件，再组合编辑生成可访问的html页面，以实现具有可定制化、便于拓展功能、便于维护且具有完整自主可控的组件型富文本页面生成方法。附图说明下面结合附图和具体实施方式对本专利技术作进一步详细说明：图1是本专利技术的一种组件型富文本页面生成方法的一个实施例的示意图；图2是本专利技术的转换流程中的结构数据图；图3是本专利技术中一种组件型富文本页面生成装置的数据层示意图；图4是本专利技术中一种组件型富文本页面生成装置的一个实施例的结构示意图。具体实施方式为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。为使图面简洁，各图中只示意性地表示出了与本专利技术相关的部分，它们并不代表其作为产品的实际结构。另外，以使图面简洁便于理解，在有些图中具有相同结构或功能的部件，仅示意性地绘示了其中的一个，或仅标出了其中的一个。在本文中，“一个”不仅表示“仅此一个”，也可以表示“多于一个”的情形。还应当进一步理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。在本文中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本专利技术中的具体含义。另外，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对照附图说明本专利技术的具体实施方式。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施方式。实施例一本专利技术提供一种组件型富文本页面生成方法，如图1所示，包括：S100遍历组件型富文本页面的元数据中结构类型数据、样式类型数据。在所述遍历组件型富文本页面的元数据中结构类型数据、样式类型数据之前，还包括：解析组件型富文本页面的源文件，得到树状结构的组件型富文本页面的元数据。具体的，设计师提供的设计稿源文件(数据包)是可以解析并序列化成树状的数据结构，通过解析该树状结构的数据，基于得到的数据，可以通过代码还原出设计稿的样式。...

【技术保护点】
1.一种组件型富文本页面生成方法，其特征在于，包括：/n遍历组件型富文本页面的元数据中结构类型数据、样式类型数据；/n将所述结构类型数据、所述样式类型数据与对应的网页属性节点建立关联关系；/n基于所述关联关系，将所述元数据转换为所述组件型富文本页面。/n

【技术特征摘要】
1.一种组件型富文本页面生成方法，其特征在于，包括：
遍历组件型富文本页面的元数据中结构类型数据、样式类型数据；
将所述结构类型数据、所述样式类型数据与对应的网页属性节点建立关联关系；
基于所述关联关系，将所述元数据转换为所述组件型富文本页面。


2.根据权利要求1所述组件型富文本页面生成方法，其特征在于，所述遍历组件型富文本页面的元数据中结构类型数据、样式类型数据，包括：
在所述元数据中，查找页面模块的样式类型数据；
查找与所述页面模块的样式类型数据处于同一级别的主图层属性数据；
当获取所述主图层属性数据后，在所述主图层属性数据中查找组件模块的样式类型数据；
根据所述组件模块的样式类型数据，查找同一级别的子图层属性数据；
基于所述子图层属性数据，查找同一级别的样式类型数据；
其中，所述结构类型数据包括主图层属性数据和多个子图层属性数据。


3.根据权利要求2所述组件型富文本页面生成方法，其特征在于，所述基于所述关联关系，将所述元数据转换为所述组件型富文本页面，包括：
基于所述页面模块的样式类型数据，与对应的网页属性节点的关联关系，将所述页面模块的样式类型数据，转换为所述组件富文本页面的基础结构；
基于所述组件模块的样式类型数据，与对应的网页属性节点的关联关系，将所述组件模块的样式类型数据转换为所述组件富文本页面的组件内容。


4.根据权利要求1所述组件型富文本页面生成方法，其特征在于，在所述遍历组件型富文本页面的元数据中结构类型数据、样式类型数据之前，还包括：
解析组件型富文本页面的源文件，得到树状结构的组件型富文本页面的元数据。


5.根据权利要求1～4中任一项所述组件型富文本页面生成方法，其特征在于，所述基于所述关联关系，将所述元数据转换为所述组件型富文本页面，包括：
基于所述关联关系，将所述元数据转换为所述组件型富文本页面的网页文件；
将所述网...

【专利技术属性】
技术研发人员：陈成，
申请(专利权)人：金宝贝网络科技苏州有限公司，
类型：发明
国别省市：江苏;32