CN112860344A - 组件处理方法、装置、电子设备和存储介质 - Google Patents

Abstract

本公开提供了一种由电子设备执行的组件处理方法、装置、电子设备、存储介质和程序产品，方法包括：建立组件库，组件库包括m个组件各自的组件信息，组件信息包括图形信息和代码信息，m为大于等于1的整数；将m个组件的图形信息存储于第一存储地址，并基于m个组件的图形信息生成第一页面；将m个组件的代码信息存储于第二存储地址，并基于m个组件的代码信息生成第二页面；以及针对每个组件，在第一页面和第二页面上建立组件的图形信息和代码信息之间的关联关系。

Description

组件处理方法、装置、电子设备和存储介质

技术领域

本公开涉及计算机技术领域，更具体地，涉及一种组件处理方法、装置、电子设备和存储介质。

背景技术

软件或网站的界面上包含多个组件，例如对话框组件、按键组件、搜索框组件等。为了保证界面设计与研发的一致性，全面提升研发流程的工作效率，互联网公司普遍使用组件化的前端开发模式。

在实现本公开构思的过程中，发明人发现相关技术中至少存在如下问题：

目前的组件化开发模式普遍处于“谁使用谁维护的状态”，缺乏统筹管理，难以应对现代化互联网企业中多样的产品技术实现，复杂的产品生产环境和统一的产品风格需求的现状，存在统一管理难，技术成果难以分享等问题，降低了生产效率和迭代速度。

发明内容

有鉴于此，本公开提供了一种组件处理方法、装置、电子设备和存储介质。

本公开的一个方面提供了一种一种由电子设备执行的组件处理方法，包括：建立组件库，所述组件库包括m个组件各自的组件信息，所述组件信息包括图形信息和代码信息，m为大于等于1的整数；将所述m个组件的图形信息存储于第一存储地址，并基于所述m个组件的图形信息生成第一页面；将所述m个组件的代码信息存储于第二存储地址，并基于所述m个组件的代码信息生成第二页面；以及针对每个组件，在所述第一页面和所述第二页面上建立所述组件的图形信息和代码信息之间的关联关系。

根据本公开的实施例，所述m个组件中的n个组件各自包括一个图形信息和与所述视觉信息对应的多个代码信息，每个所述代码信息用于在运行时展示所述图形信息的图形界面，n为大于等于1并小于等于m的整数。

根据本公开的实施例，所述建立组件库包括以下操作中的至少一种：获得用户输入的多个初始组件的组件信息，基于所述多个初始组件的组件信息建立初始组件库；基于组件创建流程得到新增组件的组件信息，将所述新增组件的组件信息放入所述初始组件库，得到更新后的组件库。

根据本公开的实施例，所述基于组件创建流程得到新增组件的组件信息包括：接收第一用户发送的针对新增组件的请求信息；若所述请求信息满足预设审批条件，则基于所述请求信息确定用于创建所述新增组件的图形信息的第二用户；将所述请求信息发送至所述第二用户；接收所述第二用户发送的针对所述新增组件的图形信息和图形说明文档。

根据本公开的实施例，所述基于组件创建流程得到新增组件的组件信息还包括：将所述图形信息和图形说明文档发送至图形审核用户；接收所述图形审批用户针对所述图形信息的审核结果；若所述审核结果表征所述图形信息审核通过，则将所述图形信息放入所述初始组件库；若所述审核结果表征所述图形信息审核不通过，则将所述审核结果发送至所述第二用户，以使所述第二用户根据所述审核结果优化所述图形信息。

根据本公开的实施例，所述基于组件创建流程得到新增组件的组件信息还包括：基于所述请求信息和/或所述图形说明文档，确定用于创建所述新增组件的代码信息的第三用户；将所述请求信息和/或所述图形说明文档发送至所述第三用户；接收所述第三用户发送的针对所述新增组件的代码信息；将所述代码信息放入所述初始组件库。

根据本公开的实施例，所述基于组件创建流程得到新增组件的组件信息还包括：基于所述图形信息，生成用于实现所述图形信息对应的图形界面的代码信息；将所述代码信息放入所述初始组件库。

本公开的另一方面提供了一种由电子设备执行的组件处理装置，包括：建立模块，用于建立组件库，所述组件库包括m个组件各自的组件信息，所述组件信息包括图形信息和代码信息，m为大于等于1的整数；图像模块，用于将所述m个组件的图形信息存储于第一存储地址，并基于所述m个组件的图形信息生成第一页面；代码模块，用于将所述m个组件的代码信息存储于第二存储地址，并基于所述m个组件的代码信息生成第二页面；以及关联模块，用于针对每个组件，在所述第一页面和所述第二页面上建立所述组件的图形信息和代码信息之间的关联关系。

本公开的另一方面提供了一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上所述的方法。

本公开的另一方面提供了一种计算机可读存储介质，存储有计算机可执行指令，所述指令在被执行时用于实现如上所述的方法。

本公开的另一方面提供了一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现根据本公开实施例的方法。

根据本公开的实施例，提供了一种基于设计图与实现代码拆分和分类整合的平台化管理方法，汇总了多种组件，通过对组件的有规律的整合，方便了相关开发人员直观了解组件设计和实现情况，有助于提高产品研发速度。设计图的抽离方便了对繁多的组件库进行了统一管理和成果共享，有益于技术提升与产品设计统一化。同时通过图形与代码之间的关联关系可以从图形快速链接至相应的代码，进而方便开发人员查看感兴趣组件的代码。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的可以应用组件处理方法的示例性系统架构；

图2示意性示出了根据本公开实施例的组件处理方法的流程图；

图3示意性示出了根据本公开实施例的第一页面的示意图；

图4示意性示出了根据本公开实施例的第二页面的示意图；

图5示意性示出了根据本公开实施例的组件图形创建的流程图；

图6示意性示出了根据本公开实施例的组件处理装置的框图；以及

图7示意性示出了根据本公开实施例的适于实现上文描述的方法的电子设备的框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。

本公开的实施例提供了一种由电子设备执行的组件处理方法，该方法包括：建立组件库，组件库包括m个组件各自的组件信息，组件信息包括图形信息和代码信息，m为大于等于1的整数。将m个组件的图形信息存储于第一存储地址，并基于m个组件的图形信息生成第一页面。将m个组件的代码信息存储于第二存储地址，并基于m个组件的代码信息生成第二页面。针对每个组件，在第一页面和第二页面上建立组件的图形信息和代码信息之间的关联关系。

图1示意性示出了根据本公开实施例的可以应用组件处理方法的示例性系统架构100。需要注意的是，图1所示仅为可以应用本公开实施例的系统架构的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。

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

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。

需要说明的是，本公开实施例所提供的组件处理方法一般可以由服务器105执行。相应地，本公开实施例所提供的组件处理装置一般可以设置于服务器105中。本公开实施例所提供的组件处理方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地，本公开实施例所提供的组件处理装置也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。

例如，服务器105可以接收来自终端设备101、102、103的组件信息，并建立组件库，根据组件库中的各个组件信息生成关于图形页面和代码页面，图形页面可以展示有各个组件的图形信息，代码页面可以展示有各个组件的代码信息，并在图形页面和代码页面中建立各个组件的图形信息和代码信息之间的对应关系，形成一个组件管理平台。用户还可以通过终端设备101、102、103浏览组件管理平台，查看平台上存在哪些组件，以及各个组件的图形和代码信息。在用户想要根据平台上的组件创建UI界面时，可以复制相应组件的代码形成界面代码，或者可以通过拖拽组件图形的方式自动生成界面代码。

在本公开的实施例中，组件可以是指带有一定视觉效果，且具有一定交互行为的一个或多个页面元素。通过对功能及视觉表达中元素的拆解、归纳和重组，并基于可被复用的目的，可形成规范化的组件。将组件按照渠道、类型分类，可形成促进研发效能提升及实现组件标准化管理的组件库。

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

图2示意性示出了根据本公开实施例的组件处理方法的流程图。

如图2所示，该方法可以包括操作S210～S240。

在操作S210，建立组件库，组件库包括m个组件各自的组件信息，组件信息包括图形信息和代码信息，m为大于等于1的整数。

在操作S220，将m个组件的图形信息存储于第一存储地址，并基于m个组件的图形信息生成第一页面。

在操作S230，将m个组件的代码信息存储于第二存储地址，并基于m个组件的代码信息生成第二页面。

在操作S240，针对每个组件，在第一页面和第二页面上建立组件的图形信息和代码信息之间的关联关系。

图3示意性示出了根据本公开实施例的第一页面的示意图。

图4示意性示出了根据本公开实施例的第二页面的示意图。

如图2、图3和图4所示，组件库可以包含多种类型的组件，例如类型A～类型N，组件类型例如包括对话框、按键、搜索框、列表等各种视图类组件。每种类型可以包含多个组件，例如，类型A可以包含组件A1和组件A2。同一类型的多个组件之间的视觉元素可以存在差异，例如形状、字体或者颜色等视觉元素。每个组件均具有图形信息和代码信息，图形信息可以是指组件的视觉设计图，代码信息可以是指用于实现组件的视觉设计图以及组件功能的代码。

在获得每个组件的图形信息和代码信息后，将图形信息和代码信息分开进行存储。根据各个组件的图形信息生成第一页面(以下也称为图形页面)，例如图3所示，第一页面中例如可以包含组件类型、组件名称、各个组件的图形信息和对组件的说明信息等内容，其中，图形信息处显示的是组件的视觉设计图。根据各个组件的代码信息生成第二页面(以下也称为代码页面)，例如图4所示，第二页面中例如可以包含组件类型、组件名称、各个组件的代码信息等内容。此外，第一页面和第二页面上均可以设置有导航栏，导航栏例如可以包括图形页面选项、代码页面选项和创建页面选项等导航选项，其中，创建页面用于创建新组件。

在第一页面和第二页面中建立每个组件的图形信息和代码信息之间的关联关系，例如，在第一页面的说明信息部分附加上链接到第二页面的相应代码信息的链接，或者可以将链接附加到视觉设计图上，通过点击视觉设计图可以打开第二页面并显示第二页面上的相应代码。

根据本公开的实施例，提供了一种基于设计图与实现代码拆分和分类整合的平台化管理方法，汇总了多种组件，通过对组件的有规律的整合，方便了相关开发人员直观了解组件设计和实现情况，有助于提高产品研发速度。设计图的抽离方便了对繁多的组件库进行了统一管理和成果共享，有益于技术提升与产品设计统一化。同时通过图形与代码之间的关联关系可以从图形快速链接至相应的代码，进而方便开发人员查看感兴趣组件的代码。

根据本公开的实施例，m个组件中的n个组件各自包括一个图形信息和与视觉信息对应的多个代码信息，每个代码信息用于在运行时展示图形信息的图形界面，n为大于等于1并小于等于m的整数。

例如，每个组件可以具有一个设计图，但是针对不同开发平台或者不同编程语言等因素，可以配置多套实现该组件的代码方案。如图4所示，组件A2可以具有第一代码信息和第二代码信息。

根据本公开的实施例，可以为一个组件配置多套代码，以适用于不同开发平台或者不同编程语言等不同的使用场景。

根据本公开的实施例，建立组件库包括以下操作中的至少一种：(1)获得用户输入的多个初始组件的组件信息，基于多个初始组件的组件信息建立初始组件库；(2)基于组件创建流程得到新增组件的组件信息，将新增组件的组件信息放入初始组件库，得到更新后的组件库。

例如，对于已完成的初始组件，用户可以将初始组件输入平台中，根据初始组件建立得到初始组件库。然后，平台上还可以设置有创建流程，用户在平台上发起创建组建的请求，根据创建流程得到新增的组件。新增组件可以补充至组件库中并显示在平台页面上。

根据本公开的实施例，基于组件创建流程得到新增组件的组件信息可以包括以下操作：接收第一用户发送的针对新增组件的请求信息；若请求信息满足预设审批条件，则基于请求信息确定用于创建新增组件的图形信息的第二用户；将请求信息发送至第二用户；接收第二用户发送的针对新增组件的图形信息和图形说明文档。

图5示意性示出了根据本公开实施例的组件图形创建的流程图。

如图5所示，用户可以提交新增组件请求，请求可以包括新增组件的类型、需求等信息，还可以包括请求用户的用户信息，平台接收请求后可以自动对请求进行审核，例如，可以根据组件的类型进行审核，若该类型组件的数量已经超过预定的阈值，则可以认为该类型的已有组件基本能够满足需求，不再需要新增组件，则可以驳回用户的请求，并提供其他解决方案，例如向用户推荐该类型的已有组件；反之，若该类型组件的数量没有超过预定的阈值，则可以使该请求审核通过。此外，还可以根据组件的需求信息或者请求用户的用户信息进行审核。在本公开另一实施例中，可以采用人工审批的方式，例如，将新增组件的请求发送至预定审批人进行审批。

请求审核通过后，可以根据预定规则匹配制作图形的技术人员(图形制作人)。例如，可以预先设置组件类型与技术人员的对应关系，当请求审核通过后，根据新增组件的组件类型和预设的对应关系匹配到相关的技术人员。再例如，还可以预先训练得到匹配模型，该匹配模型可以根据组件类型和需求信息等组件描述信息匹配到合适的技术人员，该匹配模型例如可以采用神经网络模型。技术人员完成新增组件的图形之后，通过终端提交至平台。此外，还可以附加图形的说明信息，例如对图形中形状、字体或者颜色等视觉元素的说明。

根据本公开的实施例，基于组件创建流程得到新增组件的组件信息还可以包括以下操作：将图形信息和图形说明文档发送至图形审核用户；接收图形审批用户针对图形信息的审核结果；若审核结果表征图形信息审核通过，则将图形信息放入初始组件库；若审核结果表征图形信息审核不通过，则将审核结果发送至第二用户，以使第二用户根据审核结果优化图形信息。

根据本公开的实施例，基于组件创建流程得到新增组件的组件信息还包括：基于请求信息和/或图形说明文档，确定用于创建新增组件的代码信息的第三用户；将请求信息和/或图形说明文档发送至第三用户；接收第三用户发送的针对新增组件的代码信息；将代码信息放入初始组件库。

例如，在确定新增组件的图形信息之后，可以根据预定规则匹配编写代码的技术人员。例如，可以预先设置组件类型与代码开发人员的对应关系。再例如，还可以预先训练得到匹配模型，该匹配模型可以根据组件类型、需求信息、图形说明文档等信息匹配到合适的代码开发人员，该匹配模型例如可以采用神经网络模型。将请求信息和/或图形说明文档发送至匹配的代码开发人员，代码开发人员完成新增组件的代码之后，通过终端提交至平台。完成新增组件的创建，并将新增组件按照上述操作S220～操作S240所描述的方式进行存储和展示。

根据本公开的实施例，通过对新增组件的流程化创建，既降低了沟通成本，又保证了组件的规范化管理要求，从根本上杜绝了重复设计的可能。同时实现了新的组件创建后能够实时更新，降低了版本研发时间过长导致信息更新滞后的问题。

本公开实施例的另一方面还提供了一种由电子设备执行的组件处理装置。

图6示意性示出了根据本公开实施例的组件处理装置的框图。

如图6所示，该装置600包括建立模块610、图像模块620、代码模块630和关联模块640。

建立模块610用于建立组件库，组件库包括m个组件各自的组件信息，组件信息包括图形信息和代码信息，m为大于等于1的整数。

图像模块620用于将m个组件的图形信息存储于第一存储地址，并基于m个组件的图形信息生成第一页面。

代码模块630用于将m个组件的代码信息存储于第二存储地址，并基于m个组件的代码信息生成第二页面。

关联模块640用于针对每个组件，在第一页面和第二页面上建立组件的图形信息和代码信息之间的关联关系。

根据本公开的实施例，m个组件中的n个组件各自包括一个图形信息和与视觉信息对应的多个代码信息，每个代码信息用于在运行时展示图形信息的图形界面，n为大于等于1并小于等于m的整数。

根据本公开的实施例，建立模块包括获取模块和创建模块中的至少一种，获取模块用于获得用户输入的多个初始组件的组件信息，基于多个初始组件的组件信息建立初始组件库。创建模块用于基于组件创建流程得到新增组件的组件信息，将新增组件的组件信息放入初始组件库，得到更新后的组件库。

根据本公开的实施例，创建模块还用于：接收第一用户发送的针对新增组件的请求信息；若请求信息满足预设审批条件，则基于请求信息确定用于创建新增组件的图形信息的第二用户；将请求信息发送至第二用户；接收第二用户发送的针对新增组件的图形信息和图形说明文档。

根据本公开的实施例，创建模块还用于：将图形信息和图形说明文档发送至图形审核用户；接收图形审批用户针对图形信息的审核结果；若审核结果表征图形信息审核通过，则将图形信息放入初始组件库；若审核结果表征图形信息审核不通过，则将审核结果发送至第二用户，以使第二用户根据审核结果优化图形信息。

根据本公开的实施例，创建模块还用于：基于请求信息和/或图形说明文档，确定用于创建新增组件的代码信息的第三用户；将请求信息和/或图形说明文档发送至第三用户；接收第三用户发送的针对新增组件的代码信息；将代码信息放入初始组件库。

根据本公开的实施例，创建模块还用于：基于图形信息，生成用于实现图形信息对应的图形界面的代码信息；将代码信息放入初始组件库。

根据本公开的实施例的模块、子模块、单元、子单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、子模块、单元、子单元中的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，根据本公开实施例的模块、子模块、单元、子单元中的一个或多个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

需要说明的是，本公开的实施例中组件处理装置部分与本公开的实施例中组件处理方法部分是相对应的，组件处理装置的描述具体参考组件处理方法部分，在此不再赘述。

图7示意性示出了根据本公开实施例的适于实现上文描述的方法的电子设备的框图。图7示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图7所示，根据本公开实施例的电子设备700包括处理器701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。处理器701例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器701还可以包括用于缓存用途的板载存储器。处理器701可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 703中，存储有电子设备700操作所需的各种程序和数据。处理器701、ROM702以及RAM 703通过总线704彼此相连。处理器701通过执行ROM 702和/或RAM 703中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM702和RAM 703以外的一个或多个存储器中。处理器701也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。

根据本公开的实施例，电子设备700还可以包括输入/输出(I/O)接口705，输入/输出(I/O)接口705也连接至总线704。电子设备700还可以包括连接至I/O接口705的以下部件中的一项或多项：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。

本公开的实施例还包括一种计算机程序产品，其包括计算机程序，该计算机程序包含用于执行本公开实施例所提供的方法的程序代码，当计算机程序产品在电子设备上运行时，该程序代码用于使电子设备实现本公开实施例所提供的组件处理方法。

在该计算机程序被处理器701执行时，执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例，上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。

在一种实施例中，该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中，该计算机程序也可以在网络介质上以信号的形式进行传输、分发，并通过通信部分709被下载和安装，和/或从可拆卸介质711被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。

根据本公开的实施例，可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码，具体地，可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java，C++，python，“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

本公开还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的；也可以是单独存在，而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本公开实施例的方法。

根据本公开的实施例，计算机可读存储介质可以是非易失性的计算机可读存储介质。例如可以包括但不限于：便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

例如，根据本公开的实施例，计算机可读存储介质可以包括上文描述的ROM 702和/或RAM 703和/或ROM 702和RAM 703以外的一个或多个存储器。

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

本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合，即使这样的组合或结合没有明确记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。

Claims (10)

1.一种由电子设备执行的组件处理方法，包括：

建立组件库，所述组件库包括m个组件各自的组件信息，所述组件信息包括图形信息和代码信息，m为大于等于1的整数；

将所述m个组件的图形信息存储于第一存储地址，并基于所述m个组件的图形信息生成第一页面；

将所述m个组件的代码信息存储于第二存储地址，并基于所述m个组件的代码信息生成第二页面；以及

针对每个组件，在所述第一页面和所述第二页面上建立所述组件的图形信息和代码信息之间的关联关系。

2.根据权利要求1所述的方法，其中，

所述m个组件中的n个组件各自包括一个图形信息和与所述视觉信息对应的多个代码信息，每个所述代码信息用于在运行时展示所述图形信息的图形界面，n为大于等于1并小于等于m的整数。

3.根据权利要求1所述的方法，所述建立组件库包括以下操作中的至少一种：

获得用户输入的多个初始组件的组件信息，基于所述多个初始组件的组件信息建立初始组件库；

基于组件创建流程得到新增组件的组件信息，将所述新增组件的组件信息放入所述初始组件库，得到更新后的组件库。

4.根据权利要求3所述的方法，其中，所述基于组件创建流程得到新增组件的组件信息包括：

接收第一用户发送的针对新增组件的请求信息；

若所述请求信息满足预设审批条件，则基于所述请求信息确定用于创建所述新增组件的图形信息的第二用户；

将所述请求信息发送至所述第二用户；

接收所述第二用户发送的针对所述新增组件的图形信息和图形说明文档。

5.根据权利要求4所述的方法，所述基于组件创建流程得到新增组件的组件信息还包括：

将所述图形信息和图形说明文档发送至图形审核用户；

接收所述图形审批用户针对所述图形信息的审核结果；

若所述审核结果表征所述图形信息审核通过，则将所述图形信息放入所述初始组件库；

若所述审核结果表征所述图形信息审核不通过，则将所述审核结果发送至所述第二用户，以使所述第二用户根据所述审核结果优化所述图形信息。

6.根据权利要求4所述的方法，其中，所述基于组件创建流程得到新增组件的组件信息还包括：

基于所述请求信息和/或所述图形说明文档，确定用于创建所述新增组件的代码信息的第三用户；

将所述请求信息和/或所述图形说明文档发送至所述第三用户；

接收所述第三用户发送的针对所述新增组件的代码信息；

将所述代码信息放入所述初始组件库。

7.一种由电子设备执行的组件处理装置，包括：

建立模块，用于建立组件库，所述组件库包括m个组件各自的组件信息，所述组件信息包括图形信息和代码信息，m为大于等于1的整数；

图像模块，用于将所述m个组件的图形信息存储于第一存储地址，并基于所述m个组件的图形信息生成第一页面；

代码模块，用于将所述m个组件的代码信息存储于第二存储地址，并基于所述m个组件的代码信息生成第二页面；以及

关联模块，用于针对每个组件，在所述第一页面和所述第二页面上建立所述组件的图形信息和代码信息之间的关联关系。

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

一个或多个处理器；

存储器，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至6中任一项所述的方法。

9.一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器实现权利要求1至6中任一项所述的方法。

10.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1至6中任一项所述的方法。

Images