组件处理方法、装置、电子设备和存储介质制造方法及图纸

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

【技术实现步骤摘要】
组件处理方法、装置、电子设备和存储介质
本公开涉及计算机
，更具体地，涉及一种组件处理方法、装置、电子设备和存储介质。
技术介绍
软件或网站的界面上包含多个组件，例如对话框组件、按键组件、搜索框组件等。为了保证界面设计与研发的一致性，全面提升研发流程的工作效率，互联网公司普遍使用组件化的前端开发模式。在实现本公开构思的过程中，专利技术人发现相关技术中至少存在如下问题：目前的组件化开发模式普遍处于“谁使用谁维护的状态”，缺乏统筹管理，难以应对现代化互联网企业中多样的产品技术实现，复杂的产品生产环境和统一的产品风格需求的现状，存在统一管理难，技术成果难以分享等问题，降低了生产效率和迭代速度。
技术实现思路
有鉴于此，本公开提供了一种组件处理方法、装置、电子设备和存储介质。本公开的一个方面提供了一种一种由电子设备执行的组件处理方法，包括：建立组件库，所述组件库包括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中至少本文档来自技高网...

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

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


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


3.根据权利要求1所述的方法，所述建立组件库包括以下操作中的至少一种：
获得用户输入的多个初始组件的组件信息，基于所述多个初始组件的组件信息建立初始组件库；
基于组件创建流程得到新增组件的组件信息，将所述新增组件的组件信息放入所述初始组件库，得到更新后的组件库。


4.根据权利要求3所述的方法，其中，所述基于组件创建流程得到新增组件的组件信息包括：
接收第一用户发送的针对新增组件的请求信息；
若所述请求信息满足预设审批条件，则基于所述请求信息确定用于创建所述新增组件的图形信息的第二用户；
将所述请求信息发送至所述第二用户；
接收所述第二用户发送的针对所述新增组件的图形信息和图形说明文档。


5.根据权利要求4所述的方法，所述基于组件创建流程得到新增组件的组件信息还包括：
将所述图形信息和图形说明文档发送至图形审核用户；
接收所述图形审批用户针对所述图形信息的审核结果；
若所述审核结果表征所...

【专利技术属性】
技术研发人员：陈桂忱，廖小东，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：北京;11