组件的生成方法、装置、电子设备及计算机可读存储介质与流程

1.本技术涉及电子设备技术领域，特别地涉及一种组件的生成方法、装置、电子设备及计算机可读存储介质。


背景技术：

2.随着互联网的高速发展，软件开发人员所需开发的功能也越来越多，于是饿了么前端团队为软件开发人员、设计师和产品经理推出了一套基于vue.js 2.0的桌面组件库—element-ui，使用者可以根据自己的需要去安装引用其中的组件，但在日常工作中，每当使用者去引用组件库中的组件时，由于大部分组件的功能过于单一且与实际的开发需求不符，很多时候都不能直接使用。


技术实现要素：

3.针对上述问题，本技术提供一种组件的生成方法、装置、电子设备及计算机可读存储介质，通过对待处理组件进行处理，从而使得目标组件满足需求的功能。
4.本技术提供了一种组件的生成方法，包括：
5.获取待处理组件；
6.对所述待处理组件进行分析，确定待处理组件的功能；
7.在基于所述待处理组件的功能确定不满足需求的情况下，对所述待处理组件进行处理，生成目标组件。
8.在一些实施例中，所述方法还包括：
9.将所述待处理组件的功能与需求功能进行比较，得到比较结果；
10.基于所述比较结果确定是否满足需求，其中，在比较结果表征所述待处理组件的功能与需求功能不同的情况下，确定不满足需求。
11.在一些实施例中，在所述比较结果表征所述待处理组件的功能少于需求功能的情况下，所述对所述待处理组件进行处理，生成目标组件，包括：
12.添加待处理组件缺少的功能组件，以生成目标组件。
13.在一些实施例中，所述添加待处理组件缺少的功能组件，以生成目标组件，包括：
14.从插件库和/或组件库中确定缺少的功能组件；
15.将缺少的功能组件添加进所述待处理组件中，以生成目标组件。
16.在一些实施例中，在所述比较结果表征所述待处理组件的功能多于需求功能的情况下，所述对所述待处理组件进行处理，生成目标组件，包括：
17.删除所述待处理组件多于的功能组件，生成目标组件。
18.在一些实施例中，在所述比较结果表征所述待处理组件的功能与需求功能不同的情况下，所述对所述待处理组件进行处理，生成目标组件，包括：
19.对所述待处理组件中的功能组件进行修改，以生成目标组件。
20.在一些实施例中，对所述待处理组件中的功能组件进行修改，以生成目标组件，包
括：
21.对所述待处理组件中的属性或函数进行修改，以生成目标组件。
22.本技术实施例提供一种组件的生成装置，包括：
23.获取模块，用于获取待处理组件；
24.第一确定模块，用于对所述待处理组件进行分析，确定待处理组件的功能；
25.处理模块，用于在基于所述待处理组件的功能确定不满足需求的情况下，对所述待处理组件进行处理，生成目标组件。
26.本技术实施例提供一种电子设备，包括存储器和处理器，所述存储器上存储有计算机程序，该计算机程序被所述处理器执行时，执行上述所述组件的生成方法。
27.本技术实施例提供一种计算机可读存储介质，该计算机可读存储介质存储的计算机程序，能够被一个或多个处理器执行，能够用来实现上述所述组件的生成方法。
28.本技术提供的一种组件的生成方法、装置、电子设备及计算机可读存储介质，通过对待处理组件进行分析，确定待处理组件的功能，在基于所述待处理组件的功能确定不满足需求的情况下，对所述待处理组件进行处理，生成目标组件，能够使得目标组件满足需求的功能。
附图说明
29.在下文中将基于实施例并参考附图来对本技术进行更详细的描述。
30.图1为本技术实施例提供的一种组件的生成方法的实现流程示意图
31.图2为本技术实施例提供的一种组件的生成装置的示意图；
32.图3为本技术实施例提供的电子设备的组成结构示意图。
33.在附图中，相同的部件使用相同的附图标记，附图并未按照实际的比例绘制。
具体实施方式
34.为了使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术作进一步地详细描述，所描述的实施例不应视为对本技术的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本技术保护的范围。
35.在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。
36.如果申请文件中出现“第一\第二\第三”的类似描述则增加以下的说明，在以下的描述中，所涉及的术语“第一\第二\第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本技术实施例能够以除了在这里图示或描述的以外的顺序实施。
37.除非另有定义，本文所使用的所有的技术和科学术语与属于本技术的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本技术实施例的目的，不是旨在限制本技术。
38.基于相关技术中存在的问题，本技术实施例提供一种组件的生成方法，所述方法应用于电子设备，例如计算机、移动终端、服务器等。本技术实施例提供的组件的生成方法
所实现的功能可以通过电子设备的处理器调用程序代码来实现，其中，程序代码可以保存在计算机存储介质中。
39.本技术实施例提供一种组件的生成方法，图1为本技术实施例提供的一种组件的生成方法的实现流程示意图，如图1所示，包括：
40.步骤s101，获取待处理组件。
41.本技术实施例中，用户可以选择待处理组件，从而使得电子设备获取到待处理组件，在一些实施例中，电子设备可以直接读取待处理组件，从而获取待处理组件。本技术实施例中，电子设备可以通过互联网等方式从组件库中获取待处理组件，还可以通过存储设备等来获取待处理组件。本技术实施例中，待处理组件为用户需要安装至组件，待处理组件具有至少一个功能，所述待处理组件可以包括以下任意之一：搜索表单栏组件、表格组件、卡片组件、骨架组件、上传组件、修改密码组件、下载组件等等。
42.步骤s102，对所述待处理组件进行分析，确定待处理组件的功能。
43.本技术实施例中，可以对待处理组件的代码进行分析，从而确定待处理组件的功能，例如，待处理组件的代码进行分析，确定搜索表单栏组件、表格组件、卡片组件、骨架组件、上传组件、修改密码组件或下载组件。在一些实施例中，待处理组件中功能的标注信息，通过对待处理组件进行分析，从而获取到标注信息，进而基于标注信息来确定待处理组件的功能，例如，表单栏组件中的标注信息包括：信息1、信息2和信息3，信息1对应日期选择器、信息2对应重置按钮，信息3对应清除按钮，当确定了信息1、信息2、信息3后，即可以确定该表单栏组件具有的功能包括：日期选择器、重置按钮、清除按钮。
44.步骤s103，在基于所述待处理组件的功能确定不满足需求的情况下，对所述待处理组件进行处理，生成目标组件。
45.本技术实施例中，可以将所述待处理组件的功能与需求功能进行比较，得到比较结果；基于所述比较结果确定是否满足需求，其中，在比较结果表征所述待处理组件的功能与需求功能不同的情况下，确定不满足需求。例如，在所述比较结果表征所述待处理组件的功能少于需求功能的情况下，确定不满足需求，在所述比较结果表征所述待处理组件的功能多于需求功能的情况下确定不满足需求。在所述比较结果表征所述待处理组件的功能与需求功能不同的情况下，确定不满足需求。
46.本技术实施例中，对所述待处理组件进行处理可以包括：对待处理组件进行添加操作、删除操作和修改操作。
47.承接上面的示例，当表单栏组件的功能需求包括日期选择器、重置按钮、清除按钮和选择按钮，则确定表单栏组件不满足需求，因为该表单栏组件缺少选择按钮，因此，需要对该表单栏组件添加选择按钮。本技术实施例中，可以从组件数据库中添加选择按钮组件至表单栏组件，从而生成目标组件。
48.本技术实施例中，生成的目标组件满足功能需求。
49.在一些实施例中，在所述待处理组件的功能确定满足需求的情况下，则直接使用。承接上面的示例，当表单栏组件的功能需求包括日期选择器、重置按钮、清除按钮，则确定表单栏组件满足需求，则可以直接使用该表单栏组件。。
50.本技术提供的一种组件的生成方法，通过对待处理组件进行分析，确定待处理组件的功能，在基于所述待处理组件的功能确定不满足需求的情况下，对所述待处理组件进
行处理，生成目标组件，能够使得目标组件满足需求的功能。
51.在一些实施例中，在所述比较结果表征所述待处理组件的功能少于需求功能的情况下，步骤s103可以包括：
52.添加待处理组件缺少的功能组件，以生成目标组件。
53.示例性地，针对搜索表单栏组件，对组件功能进行分析：该组件缺少日期选择器、重置按钮和清除按钮功能组件，则对组件功能进行编辑：添加缺少的功能组件。
54.针对表格组件，对组件功能进行分析：该组件缺少搜索表单栏和分页器功能组件对组件功能进行编辑：添加缺少的功能组件。
55.针对卡片组件，对组件功能进行分析：该组件缺少垂直卡片和水平卡片功能组件，对组件功能进行编辑：添加缺少的功能组件。
56.针对骨架组件，对组件功能进行分析：该组件骨架功能与实际开发需求不符，对组件功能进行编辑：对此组件进行修改重构，添加专有动画功能，添加主标题和副标题属性。
57.针对文件上传组件，对组件功能进行分析：该组件缺少远程下载功能组件，对组件功能进行编辑：添加缺少的功能组件。
58.针对修改密码组件，对组件功能进行分析：该组件缺少修改密码功能组件，对组件功能进行编辑：添加缺少的功能组件。
59.本技术实施例中，在添加待处理组件缺少的功能组件，以生成目标组件的时候，可以从插件库和/或组件库中确定缺少的功能组件；将缺少的功能组件添加进所述待处理组件中，以生成目标组件。所述插件库可以是easy-ui插件库，所述组件库可以是element-ui组件库。
60.在一些实施例中，在所述比较结果表征所述待处理组件的功能多于需求功能的情况下，步骤s103可以包括以下步骤：
61.删除所述待处理组件多于的功能组件，生成目标组件。
62.示例性地，针对搜索表单栏组件，对组件功能进行分析：该组件多了日期选择器、重置按钮，则对组件功能进行编辑：删除日期选择器、重置按钮。
63.针对表格组件，对组件功能进行分析：该组件多了搜索表单栏和分页器功能组件，对组件功能进行编辑：删除搜索表单栏和分页器功能组件。
64.针对卡片组件，对组件功能进行分析：该组件多了垂直卡片和水平卡片功能组件，对组件功能进行编辑：删除垂直卡片和水平卡片功能。
65.针对骨架组件，对组件功能进行分析：该组件骨架功能与实际开发需求不符，多了动画功能、添加主标题和副标题属性功能，对组件功能进行编辑：对此组件进行修改重构，删除动画功能、添加主标题和副标题属性功能。
66.针对文件上传组件，对组件功能进行分析：该组件多了远程下载功能组件，对组件功能进行编辑：删除远程下载功能组件。
67.针对修改密码组件，对组件功能进行分析：该组件多了修改密码功能组件，对组件功能进行编辑：删除修改密码功能组件。
68.本技术实施例中，在删除待处理组件多了的功能组件，以生成目标组件的时候，可以对待处理组件进行重构，以删除多了的功能。
69.在一些实施例中，在所述比较结果表征所述待处理组件的功能与需求功能不同的
情况下，所述对所述待处理组件进行处理，生成目标组件，包括：对所述待处理组件中的功能组件进行修改，以生成目标组件。对所述待处理组件中的功能组件进行修改，以生成目标组件，包括：对所述待处理组件中的属性或函数进行修改，以生成目标组件。
70.示例性地，对websocket对象进行打包，可调用constructor构造函数和close、send方法去关闭websocket连接和发送数据；对singlemessage对象进行打包，可调用constructor构造函数；对browser对象进行打包，可调用checkbrowser构造函数；对fullscreen对象进行打包，可调用initfullscreen和togglefullscreen方法去设置初始化全屏和全屏状态切换；对scrollto对象进行打包，可调用scrollto方法设置滚动条；对validate对象进行打包，可调用checkname和isexternal方法校验字符的类型和链接方式；对download对象进行打包，可调用download方法下载数据流文件；对openwindow对象进行打包，可调用openwindow方法打开新窗口；对print对象进行打包，可调用print方法打印dom内容；对func对象进行打包，可调用debounce方法进行防抖处理。
71.基于前述的实施例，本技术实施例提供一种组件的生成装置，该装置包括的各模块、以及各模块包括的各单元，可以通过计算机设备中的处理器来实现；当然也可通过具体的逻辑电路实现；在实施的过程中，处理器可以为中央处理器(cpu，central processing unit)、微处理器(mpu，microprocessor unit)、数字信号处理器(dsp，digital signal processing)或现场可编程门阵列(fpga，field programmable gate array)等。
72.本技术实施例提供一种组件的生成装置，图2为本技术实施例提供的一种组件的生成装置的结构示意图，如图2所示，组件的生成装置200包括：
73.获取模块，用于获取待处理组件；
74.第一确定模块，用于对所述待处理组件进行分析，确定待处理组件的功能；
75.处理模块，用于在基于所述待处理组件的功能确定不满足需求的情况下，对所述待处理组件进行处理，生成目标组件。
76.在一些实施例中，组件的生成装置还用于：
77.将所述待处理组件的功能与需求功能进行比较，得到比较结果；
78.基于所述比较结果确定是否满足需求，其中，在比较结果表征所述待处理组件的功能与需求功能不同的情况下，确定不满足需求。
79.在一些实施例中，在所述比较结果表征所述待处理组件的功能少于需求功能的情况下，所述对所述待处理组件进行处理，生成目标组件，包括：
80.添加待处理组件缺少的功能组件，以生成目标组件。
81.在一些实施例中，所述添加待处理组件缺少的功能组件，以生成目标组件，包括：
82.从插件库和/或组件库中确定缺少的功能组件；
83.将缺少的功能组件添加进所述待处理组件中，以生成目标组件。
84.在一些实施例中，在所述比较结果表征所述待处理组件的功能多于需求功能的情况下，所述对所述待处理组件进行处理，生成目标组件，包括：
85.删除所述待处理组件多于的功能组件，生成目标组件。
86.在一些实施例中，在所述比较结果表征所述待处理组件的功能与需求功能不同的情况下，所述对所述待处理组件进行处理，生成目标组件，包括：
87.对所述待处理组件中的功能组件进行修改，以生成目标组件。
88.在一些实施例中，对所述待处理组件中的功能组件进行修改，以生成目标组件，包括：对所述待处理组件中的属性或函数进行修改，以生成目标组件。
89.需要说明的是，本技术实施例中，如果以软件功能模块的形式实现上述的组件的生成方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本技术各个实施例所述方法的全部或部分。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read only memory)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本技术实施例不限制于任何特定的硬件和软件结合。
90.相应地，本技术实施例提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现上述实施例中提供的组件的生成方法中的步骤。
91.本技术实施例提供一种电子设备；图3为本技术实施例提供的电子设备的组成结构示意图，如图3所示，所述电子设备700包括：一个处理器701、至少一个通信总线702、用户接口703、至少一个外部通信接口704、存储器705。其中，通信总线702配置为实现这些组件之间的连接通信。其中，用户接口703可以包括显示屏，外部通信接口704可以包括标准的有线接口和无线接口。所述处理器701配置为执行存储器中存储的组件的生成方法的程序，以实现以上述实施例提供的组件的生成方法中的步骤。
92.以上显示设备和存储介质实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本技术计算机设备和存储介质实施例中未披露的技术细节，请参照本技术方法实施例的描述而理解。
93.这里需要指出的是：以上存储介质和设备实施例的描述，与上述方法实施例的描述是类似的，具有同方法实施例相似的有益效果。对于本技术存储介质和设备实施例中未披露的技术细节，请参照本技术方法实施例的描述而理解。
94.应理解，说明书通篇中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本技术的至少一个实施例中。因此，在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外，这些特定的特征、结构或特性可以任意适合的方式结合在一个或多个实施例中。应理解，在本技术的各种实施例中，上述各过程的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本技术实施例的实施过程构成任何限定。上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。
95.需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
96.在本技术所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为
一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
97.上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元；既可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
98.另外，在本技术各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
99.本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(rom，read only memory)、磁碟或者光盘等各种可以存储程序代码的介质。
100.或者，本技术上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台控制器执行本技术各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、rom、磁碟或者光盘等各种可以存储程序代码的介质。
101.以上所述，仅为本技术的实施方式，但本技术的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本技术揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本技术的保护范围之内。因此，本技术的保护范围应以所述权利要求的保护范围为准。