CN110780874B - 用于生成信息的方法和装置 - Google Patents

Abstract

本公开实施例公开了用于生成信息的方法和装置。该方法的一具体实施方式包括：对接收的用户界面组件中包括的模板和脚本进行解析，得到上述用户界面组件的说明信息；根据上述说明信息，生成Markdown文档；获取上述用户界面组件的示例和示例源码；将基于上述示例建立的示例标签字符串和上述示例源码写入上述Markdown文档，得到针对上述用户界面组件的说明文档。该实施方式实现了UI组件说明文档的自动生成，提高了信息生成效率。同时，使生成的说明文档可以实现对示例的渲染和对示例源码的显示。

Description

用于生成信息的方法和装置

技术领域

本公开实施例涉及计算机技术领域，具体涉及用于生成信息的方法和装置。

背景技术

随着前端技术日新月异的发展，前端组件化开发也得到了较大的进步。随着一套UI(User Interface，用户界面)组件库的实现，一般，需要提供UI组件库中各UI组件的说明文档，以便开发者可以快速基于UI组件库实现前端页面的业务功能。另外，如果UI组件的说明文档可以提供UI组件相关的示例渲染和对应的源代码供开发者阅览，可以大大提升开发效率。现阶段，通常采用手动撰写的方式生成UI组件的说明文档。然而，手段撰写的方式不仅成本高、效率低，还可能存在由于多人参与撰写而造成的风格不统一问题。

发明内容

本公开实施例提出了用于生成信息的方法和装置。

第一方面，本公开实施例提供了一种用于生成信息的方法，该方法包括：对接收的用户界面组件中包括的模板和脚本进行解析，得到上述用户界面组件的说明信息；根据上述说明信息，生成Markdown文档；获取上述用户界面组件的示例和示例源码；将基于上述示例建立的示例标签字符串和上述示例源码写入上述Markdown文档，得到针对上述用户界面组件的说明文档。

在一些实施例中，上述获取上述用户界面组件的示例和示例源码，包括：根据上述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，其中，上述目标配置信息包括目标示例，上述目标示例包括示例源码标识；根据上述示例源码标识，从预先设定的示例源码集合获取目标示例源码；将上述目标示例和上述目标示例源码作为上述用户界面组件对应的示例和示例源码。

在一些实施例中，上述配置文件中包含的配置信息包括示例标识；以及上述根据上述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，包括：确定上述配置文件中是否包括示例标识与上述用户界面组件的标识相匹配的配置信息；响应于确定包括，将上述配置文件中示例标识与上述用户界面组件的标识相匹配的配置信息确定为目标配置信息。

在一些实施例中，上述对接收的用户界面组件中包括的模板和脚本进行解析，得到上述用户界面组件的说明信息，包括：将上述模板和上述脚本解析为抽象语法树；基于上述抽象语法树，获取上述用户界面组件的说明信息。

在一些实施例中，上述示例包括至少一个子示例，上述至少一个子示例用于展示上述用户界面组件在不同场景的状态。

第二方面，本公开实施例提供了一种用于生成信息的装置，装置包括：解析单元，被配置成对接收的用户界面组件中包括的模板和脚本进行解析，得到上述用户界面组件的说明信息；生成单元，被配置成根据上述说明信息，生成Markdown文档；获取单元，被配置成获取上述用户界面组件的示例和示例源码；写入单元，被配置成将基于上述示例建立的示例标签字符串和上述示例源码写入上述Markdown文档，得到针对上述用户界面组件的说明文档。

在一些实施例中，上述获取单元包括：第一确定单元，被配置成根据上述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，其中，上述目标配置信息包括目标示例，上述目标示例包括示例源码标识；源码获取单元，被配置成根据上述示例源码标识，从预先设定的示例源码集合获取目标示例源码；第二确定单元，被配置成将上述目标示例和上述目标示例源码作为上述用户界面组件对应的示例和示例源码。

在一些实施例中，上述配置文件中包含的配置信息包括示例标识；以及上述第一确定单元进一步被配置成：确定上述配置文件中是否包括示例标识与上述用户界面组件的标识相匹配的配置信息；响应于确定包括，将上述配置文件中示例标识与上述用户界面组件的标识相匹配的配置信息确定为目标配置信息。

在一些实施例中，上述解析单元进一步被配置成：将上述模板和上述脚本解析为抽象语法树；基于上述抽象语法树，获取上述用户界面组件的说明信息。

在一些实施例中，上述示例包括至少一个子示例，上述至少一个子示例用于展示上述用户界面组件在不同场景的状态。

第三方面，本公开实施例提供了一种设备，该设备包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当上述一个或多个程序被上述一个或多个处理器执行时，使得上述一个或多个处理器实现如第一方面中任一实现方式描述的方法。

第四方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。

本公开实施例提供的用于生成信息的方法和装置，首先对接收的用户界面组件中包括的模板和脚本进行解析，得到用户界面组件的说明信息，之后，根据得到的说明信息，生成Markdown文档。然后，获取用户界面组件的示例和示例源码。最后，将基于示例建立的示例标签字符串和示例源码写入上述Markdown文档，从而得到针对用户界面组件的说明文档。实现了UI组件说明文档的自动生成，提高了信息生成效率。同时，使生成的说明文档可以实现对示例的渲染和对示例源码的显示。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本公开的其它特征、目的和优点将会变得更明显：

图1是本公开的一个实施例可以应用于其中的示例性***架构图；

图2是根据本公开的用于生成信息的方法的一个实施例的流程图；

图3是Vue UI组件的组成示意图；

图4是以按钮组件为例，基于按钮组件的说明信息生成的Markdown文档的部分内容的示例图；

图5是根据本公开的用于生成信息的方法的一个应用场景的示意图；

图6是根据本公开的用于生成信息的方法的又一个实施例的流程图；

图7是根据本公开的用于生成信息的装置的一个实施例的结构示意图；

图8是适于用来实现本公开实施例的电子设备的计算机***的结构示意图。

具体实施方式

下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本公开。

图1示出了可以应用本公开实施例的用于生成信息的方法或用于生成信息的装置的示例性***架构100。

如图1所示，***架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备101、102、103可以是硬件，也可以是软件。当终端设备101、102、103为硬件时，可以是具有显示屏并且支持信息处理的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的信息提供支持的后台服务器。后台服务器可以对接收到的用户界面组件等数据进行分析等处理，并将处理结果(例如说明文档)反馈给终端设备101、102、103。

需要说明的是，服务器105可以是硬件，也可以是软件。当服务器105为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器105为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

需要说明的是，本公开实施例所提供的用于生成信息的方法可以由终端设备101、102、103，也可以由服务器105执行。相应地，用于生成信息的装置可以设置于终端设备101、102、103中，也可以设置于服务器105中。此处不做限定。

继续参考图2，示出了根据本公开的用于生成信息的方法的一个实施例的流程200。该用于生成信息的方法，包括以下步骤：

步骤201，对接收的用户界面组件中包括的模板和脚本进行解析，得到用户界面组件的说明信息。

在本实施例中，用于生成信息的方法的执行主体(例如图1所示的终端设备101、102、103或者服务器105)可以接收UI(User Interface，用户界面)组件。作为示例，这里的UI组件可以是指在Vue框架下构建的UI组件，也可以称为Vue UI组件。Vue是一套用于构建用户界面的渐进式JavaScript框架。如图3所示，通常，Vue UI组件的组成可以包含模板(template)、脚本(script)、样式(style)等。这三部分中可以根据实际需要定义各种信息。举例来说，插槽(slot)信息可以被定义在模板中，属性(props)、数据(data)、事件(events)、方法(methods)等信息可以被定义在脚本中。这样，执行主体可以对UI组件的模板和脚本进行解析，从而得到UI组件的说明信息。作为示例，UI组件的说明信息可以包括但不限于属性信息、事件、方法、注释说明、插槽信息等等。

在本实施例的一些可选的实现方式中，上述步骤201可以具体如下进行：

首先，将模板和脚本解析为抽象语法树。

在本实现方式中，执行主体可以采用各种方式将用户界面组件的模板和脚本解析为抽象语法树。作为示例，执行主体可以使用Vue中的vue-template-compiler模块将模板解析为抽象语法树(Abstract Syntax Tree，AST)。这里，抽象语法树(Abstract SyntaxTree，AST)，或简称语法树(Syntax tree)，是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。

然后，基于抽象语法树，获取用户界面组件的说明信息。

在本实现方式中，基于解析得到抽象语法树，执行主体可以获取用户界面组件的说明信息。具体的，执行主体可以遍历抽象语法树，从而获取用户界面组件的说明信息。

步骤202，根据说明信息，生成Markdown文档。

在本实施例中，执行主体可以根据步骤201中得到的UI组件的说明信息，生成Markdown文档。具体的，执行主体可以将步骤201中得到的说明信息按照Markdown文档规范进行编辑，从而得到Markdown文档。这里，Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。作为示例，图4中例举出了基于一个Button(按钮)组件的说明信息生成的Markdown文档的部分内容。需要说明的是，该Markdown文档中包含的props(属性)、events(事件)等信息仅仅是示意性的，而非对Markdown文档所包含内容的限定。

步骤203，获取用户界面组件的示例和示例源码。

在本实施例中，执行主体内部可以预先存储有UI组件的示例(demo)和示例源码。这里，示例可以是指能够进行渲染展示的例子。示例源码可以是指示例对应的源代码。执行主体可以通过各种方式获取UI组件的示例和示例源码。举例来说，为了便于获取，可以根据某一个UI组件的UI组件标识，存储该UI组件所对应的示例和示例源码，例如，可以使该UI组件所对应的示例和示例源码的名称与该UI组件标识相同。这样，执行主体可以根据UI组件的UI组件标识获取该UI组件对应的示例和示例源码。这里，UI组件标识可以用于唯一标识一个UI组件。作为示例，UI组件标识可以是UI组件的名称、标题等等。

在本实施例的一些可选的实现方式中，上述示例可以包括至少一个子示例，其中，上述至少一个子示例可以用于展示上述用户界面组件在不同场景的状态。以Button(按钮)组件为例，标题为Button组件对应的示例可以包括标题为“基本用法”、“禁用状态”、“文本按钮”、“图标按钮”、“按钮大小”、“加载按钮”等多个子示例。每个子示例包括code(代码)、title(标题)、desc(描述)等，其中，code用于表示该子示例对应的示例源码的名称，title用于表示该子示例的标题，desc用于表示该子示例所应用的场景。为了对该Button组件的多个子示例进行说明，以下补充相应的代码。

需要说明的是，上述代码仅仅是示例性的而非对Button组件子示例的限定。

步骤204，将基于示例建立的示例标签字符串和示例源码写入Markdown文档，得到针对用户界面组件的说明文档。

在本实施例中，执行主体首先可以根据步骤203获取的示例建立示例标签字符串。作为示例，执行主体可以根据预设的方法对获取的示例进行解析，从而获取所需要的示例数据，并对示例数据进行字符串拼接，进而建立示例标签字符串。作为示例，上述预设的方法可以根据实际需要进行设定。之后，执行主体可以将上述示例标签字符串和示例源码写入步骤202中得到的Markdown文档，从而得到针对上述用户界面组件的说明文档。这里，说明文档为Markdown格式的文档。实践中，由于说明文档为Markdown格式的文档，因此，当开发者查看该说明文档时，可以看到渲染后的示例和该示例的示例源码。这样，可以大大提升开发者的开发效率。

继续参见图5，图5是根据本实施例的用于生成信息的方法的应用场景的一个示意图。在图5的应用场景中，服务器501首先可以对接收的UI组件库502中的UI组件中包括的模板和脚本进行解析，得到UI组件的说明信息。之后，可以根据UI组件的说明信息，生成Markdown文档503。然后，获取UI组件的示例和示例源码。最后，将基于示例建立的示例标签字符串和示例源码写入Markdown文档，得到针对UI组件的说明文档。

本公开的上述实施例提供的方法基于解析UI组件的模板和脚本得到说明信息生成Markdown文档，并将UI组件的示例对应的示例标签字符串和示例源码写入上述Markdown文档，从而实现了UI组件说明文档的自动生成，提高了信息生成效率。同时，使生成的说明文档可以实现对示例的渲染和对示例源码的显示。

进一步参考图6，其示出了用于生成信息的方法的又一个实施例的流程600。该用于生成信息的方法的流程600，包括以下步骤：

步骤601，对接收的用户界面组件中包括的模板和脚本进行解析，得到用户界面组件的说明信息。

在本实施例中，步骤601与图2所示实施例的步骤201类似，此处不再赘述。

步骤602，根据说明信息，生成Markdown文档。

在本实施例中，步骤602与图2所示实施例的步骤202类似，此处不再赘述。

步骤603，根据用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息。

在本实施例中，执行主体内部可以预先建立有配置文件，该配置文件可以包含至少一条配置信息。这里，配置信息可以用于描述用户界面组件与示例之间的对应关系，其中，示例中可以包含多种信息，例如，名称、描述、示例源码标识等等。这里，示例源码标识可以用于唯一标识示例对应的源码。实践中，可以将所有示例的源码存储在某一个位置，这样，执行主体可以根据某一个示例中包含的示例源码标识，到该位置获取该示例对应的示例源码。

这样，执行主体可以根据用户界面组件的标识，从配置文件中包含的至少一条配置信息中确定目标配置信息，其中，目标配置信息可以包括目标示例，目标示例可以包括示例源码标识。

在本实施例的一些可选的实现方式中，上述配置文件中包含的配置信息可以包括示例标识。以及上述步骤603可以具体如下进行：

首先，确定配置文件中是否包括示例标识与用户界面组件的标识相匹配的配置信息。

在本实现方式中，执行主体可以判断上述配置文件中是否包括示例标识与上述用户界面组件的标识相匹配(例如，相同)的配置信息。

然后，响应于确定包括，将配置文件中示例标识与用户界面组件的标识相匹配的配置信息确定为目标配置信息。

在本实现方式中，如果确定配置文件中包括示例标识与用户界面组件的标识相匹配的配置信息，则执行主体可以将配置文件中示例标识与用户界面组件的标识相匹配的配置信息确定为目标配置信息。

步骤604，根据示例源码标识，从预先设定的示例源码集合获取目标示例源码。

在本实施例中，执行主体可以根据步骤604中确定的示例源码标识，从预设的示例源码集合中获取目标示例源码。这里，示例源码集合中可以包括各用户界面组件对应示例的示例源码。

步骤605，将目标示例和目标示例源码作为用户界面组件对应的示例和示例源码。

在本实施例中，执行主体可以将步骤603中确定的目标配置信息中包括的目标示例，以及步骤604中获取的目标示例源码作为上述用户界面组件对应的示例和示例源码。

步骤606，将基于示例建立的示例标签字符串和示例源码写入Markdown文档，得到针对用户界面组件的说明文档。

在本实施例中，步骤606与图2所示实施例的步骤204类似，此处不再赘述。

从图6中可以看出，与图2对应的实施例相比，本实施例中的用于生成信息的方法的流程600突出了基于配置文件获取用户界面组件的示例和示例源码的步骤。由此，本实施例描述的方案可以通过修改配置文件，实现对用户界面组件的示例和示例源码的灵活配置，从而使生成的用户界面组件的说明文档更加符合需求。

进一步参考图7，作为对上述各图所示方法的实现，本公开提供了一种用于生成信息的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图7所示，本实施例的用于生成信息的装置700包括：解析单元701、生成单元702、获取单元703和写入单元704。其中，解析单元701被配置成对接收的用户界面组件中包括的模板和脚本进行解析，得到上述用户界面组件的说明信息；生成单元702被配置成根据上述说明信息，生成Markdown文档；获取单元703被配置成获取上述用户界面组件的示例和示例源码；写入单元704被配置成将基于上述示例建立的示例标签字符串和上述示例源码写入上述Markdown文档，得到针对上述用户界面组件的说明文档。

在本实施例中，用于生成信息的装置700的解析单元701、生成单元702、获取单元703和写入单元704的具体处理及其所带来的技术效果可分别参考图2对应实施例中步骤201、步骤202、步骤203和步骤204的相关说明，在此不再赘述。

在本实施例的一些可选的实现方式中，上述获取单元703包括：第一确定单元(图中未示出)，被配置成根据上述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，其中，上述目标配置信息包括目标示例，上述目标示例包括示例源码标识；源码获取单元(图中未示出)，被配置成根据上述示例源码标识，从预先设定的示例源码集合获取目标示例源码；第二确定单元(图中未示出)，被配置成将上述目标示例和上述目标示例源码作为上述用户界面组件对应的示例和示例源码。

在本实施例的一些可选的实现方式中，上述配置文件中包含的配置信息包括示例标识；以及上述第一确定单元进一步被配置成：确定上述配置文件中是否包括示例标识与上述用户界面组件的标识相匹配的配置信息；响应于确定包括，将上述配置文件中示例标识与上述用户界面组件的标识相匹配的配置信息确定为目标配置信息。

在本实施例的一些可选的实现方式中，上述解析单元701进一步被配置成：将上述模板和上述脚本解析为抽象语法树；基于上述抽象语法树，获取上述用户界面组件的说明信息。

在本实施例的一些可选的实现方式中，上述示例包括至少一个子示例，上述至少一个子示例用于展示上述用户界面组件在不同场景的状态。

下面参考图8，其示出了适于用来实现本公开的实施例的电子设备(例如图1中的服务器或终端设备)800的结构示意图。图8示出的电子设备仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。

如图8所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图8中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开的实施例的方法中限定的上述功能。

需要说明的是，本公开的实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开的实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：对接收的用户界面组件中包括的模板和脚本进行解析，得到上述用户界面组件的说明信息；根据上述说明信息，生成Markdown文档；获取上述用户界面组件的示例和示例源码；将基于上述示例建立的示例标签字符串和上述示例源码写入上述Markdown文档，得到针对上述用户界面组件的说明文档。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的实施例的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开的实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括解析单元、生成单元、获取单元和写入单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“获取上述用户界面组件的示例和示例源码的单元”。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种用于生成信息的方法，包括：

对接收的用户界面组件中包括的模板和脚本进行解析，得到所述用户界面组件的说明信息；

根据所述说明信息，生成Ｍarkdown文档；

获取所述用户界面组件的示例和示例源码；

将基于所述示例建立的示例标签字符串和所述示例源码写入所述Ｍarkdown文档，得到针对所述用户界面组件的说明文档；

其中，所述获取所述用户界面组件的示例和示例源码，包括：

根据所述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，其中，所述目标配置信息包括目标示例，所述目标示例包括示例源码标识；

根据所述示例源码标识，从预先设定的示例源码集合获取目标示例源码；

将所述目标示例和所述目标示例源码作为所述用户界面组件对应的示例和示例源码。

2.根据权利要求1所述的方法，其中，所述配置文件中包含的配置信息包括示例标识；以及

所述根据所述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，包括：

确定所述配置文件中是否包括示例标识与所述用户界面组件的标识相匹配的配置信息；

响应于确定包括，将所述配置文件中示例标识与所述用户界面组件的标识相匹配的配置信息确定为目标配置信息。

3.根据权利要求1所述的方法，其中，所述对接收的用户界面组件中包括的模板和脚本进行解析，得到所述用户界面组件的说明信息，包括：

将所述模板和所述脚本解析为抽象语法树；

基于所述抽象语法树，获取所述用户界面组件的说明信息。

4.根据权利要求1所述的方法，其中，所述示例包括至少一个子示例，所述至少一个子示例用于展示所述用户界面组件在不同场景的状态。

5.一种用于生成信息的装置，包括：

解析单元，被配置成对接收的用户界面组件中包括的模板和脚本进行解析，得到所述用户界面组件的说明信息；

生成单元，被配置成根据所述说明信息，生成Ｍarkdown文档；

获取单元，被配置成获取所述用户界面组件的示例和示例源码；

写入单元，被配置成将基于所述示例建立的示例标签字符串和所述示例源码写入所述Ｍarkdown文档，得到针对所述用户界面组件的说明文档；

其中，所述获取单元包括：

第一确定单元，被配置成根据所述用户界面组件的标识，从预先建立的配置文件中包含的至少一条配置信息中确定目标配置信息，其中，所述目标配置信息包括目标示例，所述目标示例包括示例源码标识；

源码获取单元，被配置成根据所述示例源码标识，从预先设定的示例源码集合获取目标示例源码；

第二确定单元，被配置成将所述目标示例和所述目标示例源码作为所述用户界面组件对应的示例和示例源码。

6.根据权利要求5所述的装置，其中，所述配置文件中包含的配置信息包括示例标识；以及

所述第一确定单元进一步被配置成：

确定所述配置文件中是否包括示例标识与所述用户界面组件的标识相匹配的配置信息；

响应于确定包括，将所述配置文件中示例标识与所述用户界面组件的标识相匹配的配置信息确定为目标配置信息。

7.根据权利要求5所述的装置，其中，所述解析单元进一步被配置成：

将所述模板和所述脚本解析为抽象语法树；

基于所述抽象语法树，获取所述用户界面组件的说明信息。

8.根据权利要求5所述的装置，其中，所述示例包括至少一个子示例，所述至少一个子示例用于展示所述用户界面组件在不同场景的状态。

9.一种电子设备，包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4中任一所述的方法。

10.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-4中任一所述的方法。

Images