一种组件示例页面编译方法及装置制造方法及图纸

本申请提供一种组件示例页面编译方法及装置，应用于计算技术领域。根据组件示例页面与Markdown格式的组件文档的映射关系文件，获取目标组件示例页面对应的Markdown格式的目标组件文档；将所述目标组件文档转换成组件文档html片段；将所述组件文档html片段插入所述目标组件示例页面，完成所述目标组件示例页面的编译。如此，将与目标示例页面对应的Markdown格式的目标组件文档转换成组件文档html片段，然后自动将组件文档html片段插入到目标组件示例页面，以完成目标组件文档和目标组件示例页面的整合，能够提高目标组件示例页面的编译效率。面的编译效率。面的编译效率。

【技术实现步骤摘要】
一种组件示例页面编译方法及装置


[0001]本申请涉及计算机
，具体涉及一种组件示例页面编译方法及装置。

技术介绍

[0002]目前，由组件开发者将组件文档和组件示例以固定的语法写在Markdown文档，再直接编译成Web应用代码；或者将组件文档的内容以固定的语法写在组件实现代码中，再生成Markdown文档，编译成Web应用代码。
[0003]但是对于已存在组件示例页面，但不存在组件文档的情况，可以先将组件示例页面拆分，并迁移到Markdown文档或组件实现代码中；也可以在组件示例页面中手动维护组件文档。但是目前的方法耗费的时间较长，组件文档与组件示例页面的整合效率较低，导致组件示例页面的编译效率较低。

技术实现思路

[0004]有鉴于此，本申请提供一种组件示例页面编译方法及装置，能够提高组件文档与组件示例页面的整合效率，进一步提高组件示例页面的编译效率。
[0005]为解决上述问题，本申请提供的技术方案如下：
[0006]第一方面，本申请提供一种组件示例页面编译方法，所述方法包括：
[0007]根据组件示例页面与Markdown格式的组件文档的映射关系文件，获取目标组件示例页面对应的Markdown格式的目标组件文档；
[0008]将所述目标组件文档转换成组件文档html片段；
[0009]将所述组件文档html片段插入所述目标组件示例页面，完成所述目标组件示例页面的编译。
[0010]在一种可能实现的方式中，所述方法还包括：
[0011]根据组件示例页面的目录和文件名称获取组件实现代码；
[0012]从所述组件实现代码中提取组件文档内容；
[0013]根据所述组件文档内容生成Markdown格式的组件文档；
[0014]生成所述组件示例页面与所述Markdown格式的组件文档的映射关系文件。
[0015]在一种可能实现的方式中，所述从所述组件实现代码中提取组件文档内容，包括：
[0016]根据注释数据从所述组件实现代码中提取所述组件文档内容，所述注释数据包括组件的名称、属性、事件、插槽和外部可调用的方法。
[0017]在一种可能实现的方式中，所述将所述组件文档html片段插入所述目标组件示例页面，包括：
[0018]根据组件实现代码将所述组件文档html片段插入所述目标组件示例页面的预设位置。
[0019]在一种可能实现的方式中，若所述目标组件文档为特殊组件文档，所述方法还包括：
[0020]手动维护所述特殊组件文档和特殊组件示例页面的特殊映射关系，所述特殊组件文档为无法生成Markdown格式的组件文档。
[0021]第二方面，本申请提供一种组件示例页面编译装置，所述装置包括：
[0022]获取模块，用于根据组件示例页面与Markdown格式的组件文档的映射关系文件，获取目标组件示例页面对应的Markdown格式的目标组件文档；
[0023]转换模块，用于将所述目标组件文档转换成组件文档html片段；
[0024]编译模块，用于将所述组件文档html片段插入所述目标组件示例页面，完成所述目标组件示例页面的编译。
[0025]在一种可能实现的方式中，所述装置还包括：
[0026]所述获取模块，还用于根据组件示例页面的目录和文件名称获取组件实现代码；
[0027]提取模块，用于从所述组件实现代码中提取组件文档内容；
[0028]生成模块，用于根据所述组件文档内容生成Markdown格式的组件文档；
[0029]所述生成模块，还用于生成所述组件示例页面与所述Markdown格式的组件文档的映射关系文件。
[0030]在一种可能实现的方式中，所述提取模块，具体用于：
[0031]根据注释数据从所述组件实现代码中提取所述组件文档内容，所述注释数据包括组件的名称、属性、事件、插槽和外部可调用的方法。
[0032]在一种可能实现的方式中，所述编译模块，用于将所述组件文档html片段插入所述目标组件示例页面，包括：
[0033]根据组件实现代码将所述组件文档html片段插入所述目标组件示例页面的预设位置。
[0034]在一种可能实现的方式中，若所述目标组件文档为特殊组件文档，所述装置还包括：
[0035]手动维护模块，用于手动维护所述特殊组件文档和特殊组件示例页面的特殊映射关系，所述特殊组件文档为无法生成Markdown格式的组件文档。
[0036]第三方面，本申请提供一种组件示例页面编译设备，包括：处理器、存储器、系统总线；
[0037]所述处理器以及所述存储器通过所述系统总线相连；
[0038]所述存储器用于存储一个或多个程序，所述一个或多个程序包括指令，所述指令当被所述处理器执行时使所述处理器执行上述第一方面所述的组件示例页面编译方法。
[0039]第四方面，本申请提供一种计算机可读存储介质，所述计算机可读存储介质存储指令，当所述指令在设备上运行时，使得所述设备执行上述第一方面所述的组件示例页面编译方法。
[0040]由此可见，本申请具有如下有益效果：
[0041]本申请提供一种组件示例页面编译方法及装置，根据组件示例页面与Markdown格式的组件文档的映射关系文件，获取目标组件示例页面对应的Markdown格式的目标组件文档；将所述目标组件文档转换成组件文档html片段；将所述组件文档html片段插入所述目标组件示例页面，完成所述目标组件示例页面的编译。如此，将与目标示例页面对应的Markdown格式的目标组件文档转换成组件文档html片段，然后自动将组件文档html片段插
入到目标组件示例页面，以完成目标组件文档和目标组件示例页面的整合，能够提高目标组件示例页面的编译效率。
附图说明
[0042]图1为本申请实施例提供的一种组件示例页面编译方法的流程示意图；
[0043]图2为本申请实施例提供的一种组件示例页面编译执行流程示意图；
[0044]图3为本申请实施例提供的一种组件示例页面编译装置的结构示意图；
[0045]图4为本申请实施例公开的一种组件示例页面编译设备的结构示意图。
具体实施方式
[0046]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0047]在本申请中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
…本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件示例页面编译方法，其特征在于，所述方法包括：根据组件示例页面与Markdown格式的组件文档的映射关系文件，获取目标组件示例页面对应的Markdown格式的目标组件文档；将所述目标组件文档转换成组件文档html片段；将所述组件文档html片段插入所述目标组件示例页面，完成所述目标组件示例页面的编译。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：根据组件示例页面的目录和文件名称获取组件实现代码；从所述组件实现代码中提取组件文档内容；根据所述组件文档内容生成Markdown格式的组件文档；生成所述组件示例页面与所述Markdown格式的组件文档的映射关系文件。3.根据权利要求2所述的方法，其特征在于，所述从所述组件实现代码中提取组件文档内容，包括：根据注释数据从所述组件实现代码中提取所述组件文档内容，所述注释数据包括组件的名称、属性、事件、插槽和外部可调用的方法。4.根据权利要求1所述的方法，其特征在于，所述将所述组件文档html片段插入所述目标组件示例页面，包括：根据组件实现代码将所述组件文档html片段插入所述目标组件示例页面的预设位置。5.根据权利要求1所述的方法，其特征在于，若所述目标组件文档为特殊组件文档，所述方法还包括：手动维护所述特殊组件文档和特殊组件示例页面的特殊映射关系，所述特殊组件文档为无法生成Markdown格式的组件文档。6.一种组件示例页面编译装置，其特征在于，所述装置包括：获取模块，用于根据...

【专利技术属性】
技术研发人员：王哲坤，黄治飞，满志强，
申请(专利权)人：北京商银微芯科技有限公司，
类型：发明
国别省市：