CN117112103A - 组件信息显示方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本申请实施例属于金融科技领域，涉及一种组件信息显示方法、装置、计算机设备及存储介质，所述方法包括下述步骤：获取待展示组件，并新建与待展示组件对应的配置文件和共享文件；对待展示组件进行数据提取，并将提取的组件基础信息保存到配置文件；对待展示组件进行数据模拟，并将获取的组件示例信息保存到示例文件；获取组件描述信息并保存到描述文件；通过配置文件读取共享文件，将示例文件和描述文件保存到配置文件，并对组件基础信息、组件示例信息、组件描述信息进行数据关联，得到组件配置信息；及根据预设的页面布局规则将组件配置信息渲染至系统页面中进行数据展示。本申请能够有效提高组件查看效率、组件调用效率和调用准确性。

Description

组件信息显示方法、装置、计算机设备及存储介质

技术领域

本申请涉及金融科技领域，尤其涉及一种组件信息显示方法、装置、计算机设备及存储介质。

背景技术

组件是一种对数据和方法进行简单封装的可执行对象，通过设置组件能够让项目实现多种多样的功能，从而满足不同项目在架构时的期望的项目功能。

在多个不同项目进行架构时，需要设置可供多个项目进行使用的共享组件，并基于共享组件来构建多项目共享组件库，以此来满足不同项目在架构时对共享组件的需求。

多项目共享组件库一直是前端领域探讨的话题，由于每个项目基本都会需要调用共享组件库内的共享组件，但是当需要调用共享组件来构建项目时，例如产品销售业务领域中构建产品营销项目时，往往需要挨个查看各组件内的说明文档和使用页面，耗费人力资源较高，并且操作效率低。对于共享组件的具体样式以及交互效果等信息存在访问权限，无法有效显示，导致对共享组件的具体样式和交互效果不清楚，难以确定名称相近的共享组件是否为对应需求的共享组件。同时还存在无法对共享组件进行有效描述，导致对共享组件的组件参数、使用情况以及使用场景不清楚的问题，给共享组件的调用带来一定的麻烦。

发明内容

本申请实施例的目的在于提出一种组件信息显示方法、装置、计算机设备及存储介质，以解决无法描述共享组件的使用信息、无法有效获取共享组件的具体样式和交互效果，从而导致共享组件调用效率低且无法准确调用的问题。

为了解决上述技术问题，本申请实施例提供一种组件信息显示方法，采用了如下所述的技术方案：

获取配置信息；

根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件，其中，所述共享文件包括：示例文件和描述文件；

对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件；

对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件；

根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件；

通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息；及

根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示。

进一步的，所述配置信息包括组件查询信息、第一文件信息、第二文件信息，所述根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件的步骤，具体包括：

根据所述组件查询信息查询所述待展示组件，并将所述待展示组件保存至预定存储位置；

获取所述待展示组件的组件标识，根据所述组件标识和所述第一文件信息创建所述配置文件；及

根据所述组件标识和所述第二文件信息创建所述共享文件。

进一步的，所述对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件的步骤，具体包括：

获取所述待展示组件的属性信息，并根据预设的信息提取规则对所述属性信息进行信息提取，得到组件保存路径、组件名称、组件路由名称；

获取静态模块打包配置信息，并对所述静态模块打包配置信息、所述组件保存路径、所述组件名称、所述组件路由名称进行打包整理，得到所述组件基础信息；及

获取所述配置文件的第一保存路径，根据所述第一保存路径将所述组件基础信息保存到所述配置文件。

进一步的，所述对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件的步骤，具体包括：

根据预设的页面查询信息查询所述待展示组件的使用示范页面；

对所述使用页面构造虚拟数据，获取所述使用示范页面的页面接口返回值，得到所述组件示例信息，其中，所述组件示例信息包括组件样式信息和交互效果信息；

检测所述组件样式信息的信息字段和所述交互效果信息的信息字段是否均完整；

若所述组件样式信息的信息字段和所述交互效果信息的信息字段均完整，则获取所述示例文件的第一路由地址，并将所述组件样式信息和所述交互效果信息按照所述第一路由地址发送至所述示例文件中进行保存；及

若所述组件样式信息的信息字段和所述交互效果信息的信息字段中至少有一个不完整，则重新对所述使用页面构造虚拟数据，直至所述组件样式信息的信息字段和所述交互效果信息的信息字段均完整。

进一步的，所述根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件的步骤，具体包括：

获取所述待展示组件的数据查询信息，根据所述数据查询信息查询所述待展示组件的说明文档；

获取关键字段信息，根据所述关键字段信息对所述说明文档进行遍历扫描，得到所述组件描述信息，其中，所述组件描述信息包括组件所需数据、组件使用方法、组件使用场景；及

获取所述描述文件的第二路由地址，并将所述组件所需数据、所述组件使用方法、所述组件使用场景根据所述第二路由地址发送至所述描述文件中进行保存。

进一步的，所述通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息的步骤，具体包括：

获取所述共享文件的第二保存路径，根据所述第二保存路径对所述共享文件进行数据扫描，识别所述示例文件和所述扫描文件；

将所述示例文件和所述描述文件写入至所述配置文件进行保存；及

获取所述组件基础信息、所述组件示例信息、所述组件描述信息对应的信息标识，并根据所述信息标识对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到所述组件配置信息。

进一步的，所述根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示的步骤，具体包括：

对所述页面布局规则进行解析，得到区域分布规则和区域展示规则；

根据所述区域分布规则对所述系统页面进行区域划分，得到菜单区域、组件描述区域、示例展示区域；

将所述组件基础信息按照预定的分类排序规则进行分类和排序，得到组件类信息，并将所述组件类信息渲染至所述菜单区域；

将所述组件描述信息按照所述组件类信息进行对应排序，并将排序后的所述描述信息渲染至所述组件描述区域；及

将所述组件示例信息按照所述组件类信息进行对应排序，并在所述示例展示区域内创建内框架，将排序后的所述组件示例信息写入所述内框架中进行渲染。

为了解决上述技术问题，本申请实施例还提供一种组件信息显示装置，采用了如下所述的技术方案：

信息获取模块，用于获取配置信息；

展示预设模块，用于根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件，其中，所述共享文件包括：示例文件和描述文件；

第一信息设置模块，用于对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件；

第二信息设置模块，用于对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件；

第三信息设置模块，用于根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件；

信息读取模块，用于通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息；及

数据渲染模块，用于根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示。

为了解决上述技术问题，本申请实施例还提供一种计算机设备，采用了如下所述的技术方案：

一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如以上任一项所述的组件信息显示方法的步骤。

为了解决上述技术问题，本申请实施例还提供一种计算机可读存储介质，采用了如下所述的技术方案：

一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如以上任一项所述的组件信息显示方法的步骤。

与现有技术相比，本申请实施例主要有以下有益效果：本实施例通过根据配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和包括示例文件和描述文件的共享文件，从而有效对共享组件库进行文件设置，以方便后续对数据进行保存和读取。通过对待展示组件进行数据提取，得到组件基础信息，并将组件基础信息保存到配置文件，从而对包含组件名称、组件路由等信息的组件基础信息进行有效保存。通过对待展示组件进行数据模拟，得到组件示例信息，并将组件示例信息保存到示例文件，从而对包含组件样式、组件交互效果的组件示例信息进行有效保存。通过根据待展示组件获取组件描述信息，并将组件描述信息保存到描述文件，从而对描述待展示组件的使用情况、使用场景、组件参数的组件描述信息进行有效保存。通过读取共享文件内的示例文件和描述文件，并保存到配置文件，从而能够对组件基础信息、组件示例信息、组件描述信息进行数据关联，以整理组件基础信息、组件示例信息、组件描述信息关于待展示组件的对应关系，得到组件配置信息。通过根据预设的页面布局规则将组件配置信息渲染至系统页面中进行数据展示，从而实现对待展示组件及其描述信息和示例信息进行有效展示，使得对待展示组件进行调用时能够直观地对使用情况、使用场景、组件样式以及交互效果等信息进行获取，有效提高组件查看效率，进一步实现提高组件调用效率和调用准确性。本实施例可应用于产品销售业务领域，可对产品销售项目的共享组件进行有效展示，以提高产品销售项目构建的组件调用效率和调用准确性。

附图说明

为了更清楚地说明本申请中的方案，下面将对本申请实施例描述中所需要使用的附图作一个简单介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请可以应用于其中的示例性系统架构图；

图2根据本申请的组件信息显示方法的一个实施例的流程图；

图3是图2中步骤S20的一种具体实施方式的流程图；

图4是图2中步骤S30的一种具体实施方式的流程图；

图5是图2中步骤S40的一种具体实施方式的流程图；

图6是图2中步骤S50的一种具体实施方式的流程图；

图7是图2中步骤S60的一种具体实施方式的流程图；

图8是图2中步骤S70的一种具体实施方式的流程图；

图9是根据本申请的组件信息显示装置的一个实施例的结构示意图；

图10是根据本申请的计算机设备的一个实施例的结构示意图。

具体实施方式

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同；本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本申请；本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

为了使本技术领域的人员更好地理解本申请方案，下面将结合附图，对本申请实施例中的技术方案进行清楚、完整地描述。

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

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

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving PictureExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(MovingPictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的页面提供支持的后台服务器。

需要说明的是，本申请实施例所提供的组件信息显示方法一般由服务器执行，相应地，组件信息显示装置一般设置于服务器中。

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

继续参考图2，示出了根据本申请的系统安全监控计算的方法的一个实施例的流程图。所述的组件信息显示方法，包括以下步骤：

步骤S10，获取配置信息；

步骤S20，根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件，其中，所述共享文件包括：示例文件和描述文件；

在本实施例中，共享文件可以以文件夹的形式使用项目内的通用脚手架搭建生成，为了满足多端共享组件库的展示，可以根据实际情况设置多个对应的共享文件夹。例如，PC端共享文件夹和APP共享文件夹以及云端共享文件夹，并分别根据不同端的名称进行相应的文件夹命名，以使系统页面能够针对不同端进行有效展示。

步骤S30，对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件；

步骤S40，对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件；

在本实施例中，数据模拟为使用mock数据，以获取和数据源相同的虚拟数据。

步骤S50，根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件；

步骤S60，通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息；及

在本实施例中，组件配置信息指的是包含有信息对应关系的组件基础信息、组件示例信息以及组件描述信息。由于待展示组件包含有多个，因此在获取示例文件中的组件示例信息和描述文件中的组件描述信息后，需要与配置文件内的组件基础信息进行数据关联，以获取对应关系，在获取对应关系后，可对组件基础信息、组件示例信息、组件描述信息添加对应的信息标识，以方便在数据展示时，能够直接对应进行展示。

步骤S70，根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示。

在本实施例中，页面布局规则为预存于数据库中的自定义布局规则，通过设置页面布局规则，能够使得组件配置信息在系统页面展示时更容易获取待展示组件对应的描述信息和示例信息。上述页面布局规则可以根据实际情况进行自定义设置和调整，以获取更好的展示效果。

本实施例通过根据配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和包括示例文件和描述文件的共享文件，从而有效对共享组件库进行文件设置，以方便后续对数据进行保存和读取。通过对待展示组件进行数据提取，得到组件基础信息，并将组件基础信息保存到配置文件，从而对包含组件名称、组件路由等信息的组件基础信息进行有效保存。通过对待展示组件进行数据模拟，得到组件示例信息，并将组件示例信息保存到示例文件，从而对包含组件样式、组件交互效果的组件示例信息进行有效保存。通过根据待展示组件获取组件描述信息，并将组件描述信息保存到描述文件，从而对描述待展示组件的使用情况、使用场景、组件参数的组件描述信息进行有效保存。通过读取共享文件内的示例文件和描述文件，并保存到配置文件，从而能够对组件基础信息、组件示例信息、组件描述信息进行数据关联，以整理组件基础信息、组件示例信息、组件描述信息关于待展示组件的对应关系，得到组件配置信息。通过根据预设的页面布局规则将组件配置信息渲染至系统页面中进行数据展示，从而实现对待展示组件及其描述信息和示例信息进行有效展示，使得对待展示组件进行调用时能够直观地对使用情况、使用场景、组件样式以及交互效果等信息进行获取，有效提高组件查看效率，进一步实现提高组件调用效率和调用准确性。本实施例可应用于产品销售业务领域，可对产品销售项目的共享组件进行有效展示，以提高产品销售项目构建的组件调用效率和调用准确性。

本实施例可应用于产品销售业务领域，在构建产品营销项目时，获取待展示的营销共享组件，例如，产品信息统计组件、产品数据计算组件、产品数据筛查组件、步骤处理排错组件等。并获取对应的组件描述信息和组件示例信息，例如，产品信息统计使用方法、产品信息统计使用限制生效系统、产品信息统计涉及参数和需求数据、产品信息统计组件样式、产品信息统计功能开启效果、产品信息统计功能交互有关参数变化等，以将该组件涉及的具体情况和使用情况进行有效显示，方便在调用营销共享组件时，以上述信息作为有效参考。

继续参考图3，在本实施例的一些可选的实现方式中，步骤S20包括以下步骤：

步骤S201，根据所述组件查询信息查询所述待展示组件，并将所述待展示组件保存至预定存储位置；

在本实施例中，组件查询信息为添加有查询条件的查询语句，通过查询语句来获取与查询条件相关的待展示组件。

步骤S202，获取所述待展示组件的组件标识，根据所述组件标识和所述第一文件信息创建所述配置文件；及

在本实施例中，第一文件信息包括配置文件格式、配置文件大小、配置文件创建位置、配置文件保存路径以及配置文件路由地址，通过上述信息能够有效创建配置文件。

步骤S203，根据所述组件标识和所述第二文件信息创建所述共享文件。

在本实施例中，第二文件信息包括共享文件格式、共享文件大小、共享文件创建位置、共享文件保存路径以及共享文件路由地址，通过上述信息能够有效创建共享文件。

在本实施例中，组件标识可以根据待展示组件的名称来生成，例如产品信息统计组件、产品数据计算组件、产品数据筛查组件的组件标识可以设置为tj01、js01、sc01，若组件名称的缩写相同，例如产品绩效计算组件，则组件标识可以设置为js02，可以将该组件标识添加至文件中具体命名的后缀中，方便进行对应查找和识别。上述组件标识的命名方式和添加方式可以根据实际情况进行对应调整。

继续参考图4，在本实施例的一些可选的实现方式中，步骤S30包括以下步骤：

步骤S301，获取所述待展示组件的属性信息，并根据预设的信息提取规则对所述属性信息进行信息提取，得到组件保存路径、组件名称、组件路由名称；

在本实施例中，属性信息为待展示组件的组件名称、组件大小、组件路径、组件路由地址等基础属性信息，该部分信息能够直接查看获取。

步骤S302，获取静态模块打包配置信息，并对所述静态模块打包配置信息、所述组件保存路径、所述组件名称、所述组件路由名称进行打包整理，得到所述组件基础信息；及

在本实施例中，静态模块打包配置信息中包含关于静态模块打包信息相关的工程化配置信息，静态模块打包信息用于对静态信息进行打包整理。

步骤S303，获取所述配置文件的第一保存路径，根据所述第一保存路径将所述组件基础信息保存到所述配置文件。

继续参考图5，在本实施例的一些可选的实现方式中，步骤S40包括以下步骤：

步骤S401，根据预设的页面查询信息查询所述待展示组件的使用示范页面；

在本实施例中，页面查询信息为查询条件为使用示范页面的路由地址的SQL语句。使用示范页面为待展示组件对应的预存使用示范页面，该页面内包含有使用该待展示组件的示例信息。

步骤S402，对所述使用页面构造虚拟数据，获取所述使用示范页面的页面接口返回值，得到所述组件示例信息，其中，所述组件示例信息包括组件样式信息和交互效果信息；

在本实施例中，通过对使用页面使用mock数据以构造虚拟数据，当使用mock数据时，通过使用示范页面的页面接口获取返回的数据，以得到组件样式信息和交互效果信息。

步骤S403，检测所述组件样式信息的信息字段和所述交互效果信息的信息字段是否均完整；

步骤S404，若所述组件样式信息的信息字段和所述交互效果信息的信息字段均完整，则获取所述示例文件的第一路由地址，并将所述组件样式信息和所述交互效果信息按照所述第一路由地址发送至所述示例文件中进行保存；及

步骤S405，若所述组件样式信息的信息字段和所述交互效果信息的信息字段中至少有一个不完整，则重新对所述使用页面构造虚拟数据，直至所述组件样式信息的信息字段和所述交互效果信息的信息字段均完整。

继续参考图6，在本实施例的一些可选的实现方式中，步骤S50包括以下步骤：

步骤S501，获取所述待展示组件的数据查询信息，根据所述数据查询信息查询所述待展示组件的说明文档；

在本实施例中，说明文档为待展示组件对应的预存说明性文档，可以以页面的形式进行展示，说明文档中包含对待展示组件进行参数说明以及用途解释的描述文本。

步骤S502，获取关键字段信息，根据所述关键字段信息对所述说明文档进行遍历扫描，得到所述组件描述信息，其中，所述组件描述信息包括组件所需数据、组件使用方法、组件使用场景；及

在本实施例中，关键字段信息包括和组件所需数据、组件使用方法、组件使用场景对应的字段信息，例如：组件参数、组件数据、使用方法、使用场景等。

步骤S503，获取所述描述文件的第二路由地址，并将所述组件所需数据、所述组件使用方法、所述组件使用场景根据所述第二路由地址发送至所述描述文件中进行保存。

继续参考图7，在本实施例的一些可选的实现方式中，步骤S60包括以下步骤：

步骤S601，获取所述共享文件的第二保存路径，根据所述第二保存路径对所述共享文件进行数据扫描，识别所述示例文件和所述扫描文件；

步骤S602，将所述示例文件和所述描述文件写入至所述配置文件进行保存；及

步骤S603，获取所述组件基础信息、所述组件示例信息、所述组件描述信息对应的信息标识，并根据所述信息标识对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到所述组件配置信息。

在本实施例中，信息标识根据组件基础信息、组件示例信息、组件描述信息对应的组件名称来生成，当组件名称相似或者相同时，可以根据组件路由地址来进行区分。信息标识可以以组件名称的缩写来命名，具体方式可以参照上述组件标识的命名方式，当获取信息标识后，可以添加至对应的组件基础信息、组件示例信息、组件描述信息的名称后缀，以方便进行数据查找，形成对应关系。

继续参考图8，在本实施例的一些可选的实现方式中，步骤S70包括以下步骤：

步骤S701，对所述页面布局规则进行解析，得到区域分布规则和区域展示规则；

步骤S702，根据所述区域分布规则对所述系统页面进行区域划分，得到菜单区域、组件描述区域、示例展示区域；

在本实施例中，菜单区域、组件描述区域、示例展示区域均设置在系统页面上，其中，菜单区域默认设置在左边，组件描述区域默认设置在中间，示例展示区域默认设置在右边。上述菜单区域、组件描述区域、示例展示区域的设置位置可以根据实际情况进行对应调整。

步骤S703，将所述组件基础信息按照预定的分类排序规则进行分类和排序，得到组件类信息，并将所述组件类信息渲染至所述菜单区域；

在本实施例中，在具体显示时，可以只显示组件基础信息中的组件名称信息，以方便查看。对组件基础信息的分类可以采用分类算法来完成，同时对组件基础信息进行排序可以按照组件的英文首写字母顺序或者拼音首写顺序来进行排序。上述分类和排序方法可以根据实际情况进行对应调整。

步骤S704，将所述组件描述信息按照所述组件类信息进行对应排序，并将排序后的所述描述信息渲染至所述组件描述区域；及

步骤S705，将所述组件示例信息按照所述组件类信息进行对应排序，并在所述示例展示区域内创建内框架，将排序后的所述组件示例信息写入所述内框架中进行渲染。

在本实施例中，内框架内可以嵌入组件示例信息组成的跳转页面链接，或者图片信息，以方便在系统页面内进行排版。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，该计算机可读指令可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等非易失性存储介质，或随机存储记忆体(Random Access Memory，RAM)等。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

进一步参考图9，作为对上述图1所示方法的实现，本申请提供了一种组件信息显示装置的一个实施例，该装置实施例与图1所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图9所示，本实施例所述的组件信息显示装置800包括：信息获取模块801、展示预设模块802、第一信息设置模块803、第二信息设置模块804、第三信息设置模块805、信息读取模块806以及数据渲染模块807。其中：

信息获取模块801，用于获取配置信息；

展示预设模块802，用于根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件，其中，所述共享文件包括：示例文件和描述文件；

第一信息设置模块803，用于对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件；

第二信息设置模块804，用于对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件；

第三信息设置模块805，用于根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件；

信息读取模块806，用于通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息；及

数据渲染模块807，用于根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示。

本实施例通过采用上述装置，能够有效提高组件查看效率、组件调用效率和调用准确性。

为解决上述技术问题，本申请实施例还提供计算机设备。具体请参阅图10，图10为本实施例计算机设备基本结构框图。

所述计算机设备9包括通过系统总线相互通信连接存储器91、处理器92、网络接口93。需要指出的是，图中仅示出了具有组件91-93的计算机设备9，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本技术领域技术人员可以理解，这里的计算机设备是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程门阵列(Field－Programmable GateArray，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。

所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。

所述存储器91至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器91可以是所述计算机设备9的内部存储单元，例如该计算机设备9的硬盘或内存。在另一些实施例中，所述存储器91也可以是所述计算机设备9的外部存储设备，例如该计算机设备9上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。当然，所述存储器91还可以既包括所述计算机设备9的内部存储单元也包括其外部存储设备。本实施例中，所述存储器91通常用于存储安装于所述计算机设备9的操作系统和各类应用软件，例如组件信息显示方法的计算机可读指令等。此外，所述存储器91还可以用于暂时地存储已经输出或者将要输出的各类数据。

所述处理器92在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器92通常用于控制所述计算机设备9的总体操作。本实施例中，所述处理器92用于运行所述存储器91中存储的计算机可读指令或者处理数据，例如运行所述组件信息显示方法的计算机可读指令。

所述网络接口93可包括无线网络接口或有线网络接口，该网络接口93通常用于在所述计算机设备9与其他电子设备之间建立通信连接。

本实施例通过采用上述计算机设备，能够有效提高组件查看效率、组件调用效率和调用准确性。

本申请还提供了另一种实施方式，即提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令可被至少一个处理器执行，以使所述至少一个处理器执行如上述的组件信息显示方法的步骤。

本实施例通过采用上述计算机可读存储介质，能够有效提高组件查看效率、组件调用效率和调用准确性。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例所述的方法。

显然，以上所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例，附图中给出了本申请的较佳实施例，但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现，相反地，提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明，对于本领域的技术人员来而言，其依然可以对前述各具体实施方式所记载的技术方案进行修改，或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构，直接或间接运用在其他相关的技术领域，均同理在本申请专利保护范围之内。

Claims (10)

1.一种组件信息显示方法，其特征在于，包括下述步骤：

获取配置信息；

根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件，其中，所述共享文件包括：示例文件和描述文件；

对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件；

对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件；

根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件；

通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息；及

根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示。

2.根据权利要求1所述的组件信息显示方法，其特征在于，所述配置信息包括组件查询信息、第一文件信息、第二文件信息，所述根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件的步骤，具体包括：

根据所述组件查询信息查询所述待展示组件，并将所述待展示组件保存至预定存储位置；

获取所述待展示组件的组件标识，根据所述组件标识和所述第一文件信息创建所述配置文件；及

根据所述组件标识和所述第二文件信息创建所述共享文件。

3.根据权利要求1所述的组件信息显示方法，其特征在于，所述对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件的步骤，具体包括：

获取所述待展示组件的属性信息，并根据预设的信息提取规则对所述属性信息进行信息提取，得到组件保存路径、组件名称、组件路由名称；

获取静态模块打包配置信息，并对所述静态模块打包配置信息、所述组件保存路径、所述组件名称、所述组件路由名称进行打包整理，得到所述组件基础信息；及

获取所述配置文件的第一保存路径，根据所述第一保存路径将所述组件基础信息保存到所述配置文件。

4.根据权利要求1所述的组件信息显示方法，其特征在于，所述对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件的步骤，具体包括：

根据预设的页面查询信息查询所述待展示组件的使用示范页面；

对所述使用页面构造虚拟数据，获取所述使用示范页面的页面接口返回值，得到所述组件示例信息，其中，所述组件示例信息包括组件样式信息和交互效果信息；

检测所述组件样式信息的信息字段和所述交互效果信息的信息字段是否均完整；

若所述组件样式信息的信息字段和所述交互效果信息的信息字段均完整，则获取所述示例文件的第一路由地址，并将所述组件样式信息和所述交互效果信息按照所述第一路由地址发送至所述示例文件中进行保存；及

若所述组件样式信息的信息字段和所述交互效果信息的信息字段中至少有一个不完整，则重新对所述使用页面构造虚拟数据，直至所述组件样式信息的信息字段和所述交互效果信息的信息字段均完整。

5.根据权利要求1所述的组件信息显示方法，其特征在于，所述根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件的步骤，具体包括：

获取所述待展示组件的数据查询信息，根据所述数据查询信息查询所述待展示组件的说明文档；

获取关键字段信息，根据所述关键字段信息对所述说明文档进行遍历扫描，得到所述组件描述信息，其中，所述组件描述信息包括组件所需数据、组件使用方法、组件使用场景；及

获取所述描述文件的第二路由地址，并将所述组件所需数据、所述组件使用方法、所述组件使用场景根据所述第二路由地址发送至所述描述文件中进行保存。

6.根据权利要求1所述的组件信息显示方法，其特征在于，所述通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息的步骤，具体包括：

获取所述共享文件的第二保存路径，根据所述第二保存路径对所述共享文件进行数据扫描，识别所述示例文件和所述扫描文件；

将所述示例文件和所述描述文件写入至所述配置文件进行保存；及

获取所述组件基础信息、所述组件示例信息、所述组件描述信息对应的信息标识，并根据所述信息标识对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到所述组件配置信息。

7.根据权利要求1所述的组件信息显示方法，其特征在于，所述根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示的步骤，具体包括：

对所述页面布局规则进行解析，得到区域分布规则和区域展示规则；

根据所述区域分布规则对所述系统页面进行区域划分，得到菜单区域、组件描述区域、示例展示区域；

将所述组件基础信息按照预定的分类排序规则进行分类和排序，得到组件类信息，并将所述组件类信息渲染至所述菜单区域；

将所述组件描述信息按照所述组件类信息进行对应排序，并将排序后的所述描述信息渲染至所述组件描述区域；及

将所述组件示例信息按照所述组件类信息进行对应排序，并在所述示例展示区域内创建内框架，将排序后的所述组件示例信息写入所述内框架中进行渲染。

8.一种组件信息显示装置，其特征在于，包括：

信息获取模块，用于获取配置信息；

展示预设模块，用于根据所述配置信息获取待展示组件，并新建与所述待展示组件对应的配置文件和共享文件，其中，所述共享文件包括：示例文件和描述文件；

第一信息设置模块，用于对所述待展示组件进行数据提取，得到组件基础信息，并将所述组件基础信息保存到所述配置文件；

第二信息设置模块，用于对所述待展示组件进行数据模拟，得到组件示例信息，并将所述组件示例信息保存到所述示例文件；

第三信息设置模块，用于根据所述待展示组件获取组件描述信息，并将所述组件描述信息保存到所述描述文件；

信息读取模块，用于通过所述配置文件读取所述共享文件，将所述示例文件和所述描述文件保存到所述配置文件，并对所述组件基础信息、所述组件示例信息、所述组件描述信息进行数据关联，得到组件配置信息；及

数据渲染模块，用于根据预设的页面布局规则将所述组件配置信息渲染至系统页面中进行数据展示。

9.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的组件信息显示方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的组件信息显示方法的步骤。