CN109857392A - 一种html5组件的智能开发方法、装置及电子设备 - Google Patents

Abstract

本发明揭示了一种HTML5组件的智能开发方法、装置及电子设备。所述方法包括：当检测到组件开发指令时，判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件；如果是，调用所述组件仓库中与所述目标HTML5组件相匹配的目标API接口，用以集成所述目标HTML5组件。此方法下，利用数据共享技术建立共享的组件仓库，开发组件时能够在组件仓库中直接调用已有的组件，减少了重复开发HTML5项目组件的情况发生的概率，并且，可以直接调用已有的组件的API接口，实现自动集成组件，提高了集成组件的效率。

Description

一种HTML5组件的智能开发方法、装置及电子设备

技术领域

本发明涉及数据共享技术领域，特别涉及一种HTML5组件的智能开发方法、装置及电子设备。

背景技术

目前，第5代超级文本标记语言(HyperText Markup Language 5，HTML5)由于其能够强化网页的表现性能以及具有代码简化的特性被软件开发人员广泛应用于开发HTML5项目。

在现有技术的实现中，若开发新的HTML5项目中需要的某组件在分布式版本控制系统仓库(Git仓库)的某HTML5项目中已经集成，当开发者不知道在Git仓库的某HTML5项目中已经集成这个组件时，就会重新开发该组件，并将该组件集成至新的HTML5项目，其中，某些重新开发的组件体积可能很大，占用Git仓库容量的情况比较严重。并且，当开发者知道在Git仓库的某HTML5项目中已经集成这个组件时，只能手动修改该组件以使该组件集成到新的HTML5项目，从而导致工作效率低下。

综上，现有技术的缺陷在于存在HTML5项目组件重复开发导致工作冗余以及手动集成组件效率低下的问题。

发明内容

为了解决相关技术中存在的HTML5项目组件重复开发导致工作冗余以及手动集成组件效率低下的问题，本发明提供了一种HTML5组件的智能开发方法、装置及电子设备。

一种HTML5组件的智能开发方法，所述方法包括：

当检测到组件开发指令时，判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件；

如果是，调用所述组件仓库中与所述目标HTML5组件相匹配的目标API接口，用以集成所述目标HTML5组件。

一种HTML5组件的智能开发装置，所述装置包括：

判断单元，用于当检测到组件开发指令时，判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件；

集成单元，用于当所述判断单元判断出所述组件仓库中存在所述目标HTML5组件时，调用所述组件仓库中与所述目标HTML5组件相匹配的目标API接口，用以集成所述目标HTML5组件。

一种电子设备，所述电子设备包括：

处理器；

存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，实现如前所述的方法。

一种计算机可读存储介质，其存储计算机程序，所述计算机程序使得计算机执行如前所述的方法。

本发明的实施例提供的技术方案可以包括以下有益效果：

本发明所提供的HTML5组件的智能开发方法包括如下步骤，当检测到组件开发指令时，判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件；如果是，调用组件仓库中与目标HTML5组件相匹配的目标API接口，用以集成目标HTML5组件。

此方法下，利用数据共享技术建立共享的组件仓库，开发组件时能够在组件仓库中直接调用已有的组件，减少了重复开发HTML5项目组件的情况发生的概率，并且，可以直接调用已有的组件的API接口，实现自动集成组件，提高了集成组件的效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并于说明书一起用于解释本发明的原理。

图1是根据一示例性实施例示出的一种HTML5组件的智能开发装置的示意图；

图2是根据一示例性实施例示出的一种HTML5组件的智能开发方法的流程图；

图3是根据一示例性实施例示出的另一种HTML5组件的智能开发方法的流程图；

图4是根据一示例性实施例示出的一种HTML5组件的智能开发装置的框图；

图5是根据一示例性实施例示出的另一种HTML5组件的智能开发装置的框图。

具体实施方式

这里将详细地对示例性实施例执行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

本发明的实施环境可以是便携移动设备，例如智能手机、平板电脑、台式电脑。本发明实施例所公开的HTML5组件的智能开发装置可以适用于运行于便携移动设备上的任意应用程序。

图1是根据一示例性实施例示出的一种HTML5组件的智能开发装置的示意图。装置100可以是上述便携移动设备。如图1所示，装置100可以包括以下一个或多个组件：处理组件102，存储器104，电源组件106，多媒体组件108，音频组件110，传感器组件114以及通信组件116。

处理组件102通常控制装置100的整体操作，诸如与显示，电话呼叫，数据通信，相机操作以及记录操作相关联的操作等。处理组件102可以包括一个或多个处理器118来执行指令，以完成下述的方法的全部或部分步骤。此外，处理组件102可以包括一个或多个模块，用于便于处理组件102和其他组件之间的交互。例如，处理组件102可以包括多媒体模块，用于以方便多媒体组件108和处理组件102之间的交互。

存储器104被配置为存储各种类型的数据以支持在装置100的操作。这些数据的示例包括用于在装置100上操作的任何应用程序或方法的指令。存储器104可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(Static RandomAccess Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically ErasableProgrammable Read-Only Memory，简称EEPROM)，可擦除可编程只读存储器(ErasableProgrammable Read Only Memory，简称EPROM)，可编程只读存储器(Programmable Red-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。存储器104中还存储有一个或多个模块，用于该一个或多个模块被配置成由该一个或多个处理器118执行，以完成如下所示方法中的全部或者部分步骤。

电源组件106为装置100的各种组件提供电力。电源组件106可以包括电源管理系统，一个或多个电源，及其他与为装置100生成、管理和分配电力相关联的组件。

多媒体组件108包括在所述装置100和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(Liquid Crystal Display，简称LCD)和触摸面板。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。屏幕还可以包括有机电致发光显示器(Organic Light Emitting Display，简称OLED)。

音频组件110被配置为输出和/或输入音频信号。例如，音频组件110包括一个麦克风(Microphone，简称MIC)，当装置100处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器104或经由通信组件116发送。在一些实施例中，音频组件110还包括一个扬声器，用于输出音频信号。

传感器组件114包括一个或多个传感器，用于为装置100提供各个方面的状态评估。例如，传感器组件114可以检测到装置100的打开/关闭状态，组件的相对定位，传感器组件114还可以检测装置100或装置100一个组件的位置改变以及装置100的温度变化。在一些实施例中，该传感器组件114还可以包括磁传感器，压力传感器或温度传感器。

通信组件116被配置为便于装置100和其他设备之间有线或无线方式的通信。装置100可以接入基于通信标准的无线网络，如WiFi(Wireless-Fidelity，无线保真)。在一个示例性实施例中，通信组件116经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件116还包括近场通信(Near FieldCommunication，简称NFC)模块，用于以促进短程通信。例如，在NFC模块可基于射频识别(Radio Frequency Identification，简称RFID)技术，红外数据协会(Infrared DataAssociation，简称IrDA)技术，超宽带(Ultra Wideband，简称UWB)技术，蓝牙技术和其他技术来实现。

在示例性实施例中，装置100可以被一个或多个应用专用集成电路(ApplicationSpecific Integrated Circuit，简称ASIC)、数字信号处理器、数字信号处理设备、可编程逻辑器件、现场可编程门阵列、控制器、微控制器、微处理器或其他电子元件实现，用于执行下述方法。

图2是根据一示例性实施例示出的一种HTML5组件的智能开发方法的流程图。如图2所示，此方法包括以下步骤：

步骤201，当检测到组件开发指令时，HTML5组件的智能开发装置判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件，如果是，执行步骤202，如果否，结束本次流程。

本发明实施例中，组件开发指令用于指示开发某一新的HTML5项目中的HTML5组件，当检测到组件开发指令时，可以首先在组件仓库中判断是否存在组件开发指令指示开发的目标HTML5组件，其中，组件仓库存储有若干个Git仓库中已开发的HTML5项目中的HTML5组件。当判断出组件仓库中存在组件开发指令指示开发的目标HTML5组件时，无需再重复开发该目标HTML5组件，能够直接调用组件仓库中已开发的目标HTML5组件，执行步骤202；当判断出组件仓库中不存在组件开发指令指示开发的目标HTML5组件时，才需开发该目标HTML5组件。

作为一种可选的实施方式，在HTML5组件的智能开发装置判断出组件仓库中不存在组件开发指令指示开发的目标HTML5组件之后，还可以执行以下步骤：

HTML5组件的智能开发装置检测用户根据组件开发指令开发的目标HTML5组件以及与该目标HTML5组件相匹配的目标API接口，其中，该目标API接口用于调用该目标HTML5组件；

HTML5组件的智能开发装置将上述目标HTML5组件以及与该目标HTML5组件相匹配的目标API接口存储至组件仓库。

通过实施这种可选的实施方式，当组件仓库中不存在目标HTML5组件时，可以检测用户开发的目标HTML5组件以及与该目标HTML5组件相匹配的目标API接口，并将其存储至组件仓库。这一过程可以不断完善组件仓库中存储的HTML5组件，能够提高组件开发的效率。

步骤202，HTML5组件的智能开发装置调用组件仓库中与目标HTML5组件相匹配的目标API接口，用以集成目标HTML5组件。

本发明实施例中，可以直接调用组件仓库中存储的目标HTML5组件相匹配的目标API接口来自动集成目标HTML5组件。

作为一种可选的实施方式，在执行步骤202之后，还可以执行以下步骤：

当检测到组件测试指令时，HTML5组件的智能开发装置通过调用相应的API接口对组件仓库中存储的若干HTML5组件进行测试。

通过实施这种可选的实施方式，可以直接调用API接口对组件仓库中的HTML5组件进行测试。相较于现有技术中测试HTML5组件需要对HTML5项目进行编译、运行以及打包的过程，利用组件仓库直接管理HTML5组件实现快速批量测试更加方便。

上述方法下，利用数据共享技术建立共享的组件仓库，开发组件时能够在组件仓库中直接调用已有的组件，减少了重复开发HTML5项目组件的情况发生的概率，并且，可以直接调用已有的组件的API接口，实现自动集成组件，提高了集成组件的效率。

图3是根据一示例性实施例示出的另一种HTML5组件的智能开发方法的流程图。如图3所示，此方法包括以下步骤：

步骤301，HTML5组件的智能开发装置对Git仓库中的HTML5组件进行API接口封装，获得与HTML5组件对应的API接口。

步骤302，HTML5组件的智能开发装置将HTML5组件以及HTML5组件对应的API接口存储至组件仓库。

本发明实施例中，HTML5组件的智能开发装置可以利用node.js封装GitSubmodule的shell脚本命令来在Git仓库中建立相应的组件仓库，将HTML5组件以及HTML5组件对应的API接口存储至该组件仓库，还可以利用package.json自定义命令将该组件仓库中的组件集成到HTML5项目。

作为一种可选的实施方式，HTML5组件的智能开发装置将HTML5组件以及HTML5组件对应的API接口存储至组件仓库可以包括以下步骤：

HTML5组件的智能开发装置将HTML5组件以及HTML5组件对应的API接口存储至组件仓库中与HTML5组件匹配的分支目录，组件仓库包括至少一个分支目录。

本发明实施例中，组件仓库中包含若干个分支目录，每个分支目录对应有其所属的组件类别。其中，组件类别可以包括但不限于用户界面组件、图标组件、报表组件和表格组件等。HTML5组件的智能开发装置可以将HTML5组件以及HTML5组件对应的API接口存储至组件仓库中与该HTML5组件匹配的分支目录中，从而利用分支目录快速确定出与该分支目录对应的HTML5组件信息，在HTML5组件仓库中查找需要查找的HTML5组件所属于的分支目录，再在该分支目录下查找HTML5组件信息，从而提高在HTML5组件仓库中查找HTML5组件信息的效率。

可选的，分支目录可以包括一级分支目录、二级分支目录等，可以先将HTML5组件确定出其属于某一级分支目录，再在某一级分支目录所包括的二级分支目录中确定该HTML5组件属于的二级分支目录。分支目录具体设置的分支层级数不做限定，可以设置到N级分支目录，N为大于等于三的整数。

通过实施这种可选的实施方式，可以根据HTML5组件的类别不同将其存储至不同的组件仓库中的分支目录，以便于后续根据HTML5组件的类别进行相应的操作，便于对HTML5组件的管理。

作为另一种可选的实施方式，在HTML5组件的智能开发装置将HTML5组件以及HTML5组件对应的API接口存储至组件仓库中与HTML5组件匹配的分支目录，组件仓库包括至少一个分支目录之后，还可以执行以下步骤：

当操作指令指示对某一分支目录进行删除操作时，HTML5组件的智能开发装置删除某一分支目录下的HTML5组件以及HTML5组件对应的API接口；

当操作指令指示对某一分支目录进行调用操作时，HTML5组件的智能开发装置调用某一分支目录下的HTML5组件对应的API接口；

当操作指令指示对某一分支目录进行复制操作时，HTML5组件的智能开发装置复制某一分支目录下的HTML5组件以及HTML5组件对应的API接口。

通过实施这种可选的实施方式，可以批量对同一分支目录下的HTML5组件进行删除、调用以及复制等操作，满足使用者的多种需求。

步骤303，HTML5组件的智能开发装置根据组件开发指令修改配置文件，获得目标配置文件。

本发明实施例中，HTML5组件的智能开发装置可以通过修改submodule.json配置文件来配置需要集成的组件。

步骤304，HTML5组件的智能开发装置利用目标配置文件获取组件开发指令指示开发的目标HTML5组件。

步骤305，当检测到组件开发指令时，HTML5组件的智能开发装置判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件，如果是，执行步骤306至步骤309，如果否，结束本次流程。

步骤306，HTML5组件的智能开发装置调用组件仓库中与目标HTML5组件相匹配的目标API接口，用以集成目标HTML5组件。

步骤307，HTML5组件的智能开发装置根据目标需求信息确定与目标需求信息相匹配的功能模块。

本发明实施例中，功能模块为封装后的功能模块。

步骤308，HTML5组件的智能开发装置将功能模块与目标HTML5组件集成至目标HTML5项目。

举例来说，当用户输入的目标需求信息为“金融宣传网页开发”时，确定HTML5项目类别为金融网页开发类别，当调用的组件为用户界面组件时，可以结合金融网页开发类别在用户界面组件上的显示区域加入相匹配的功能模块，例如，可以加入金融分类、金融投资链接等功能模块。当用户触发某一功能模块时，该功能模块执行与用户触发的指令相应的操作。例如，当用户点击金融投资链接时，页面跳转至相应的理财产品等。

步骤309，HTML5组件的智能开发装置存储目标HTML5项目、目标HTML5组件以及功能模块至预设HTML5项目开发库。

作为一种可选的实施方式，在执行步骤309之后，还可以执行以下步骤

当检测到针对待开发HTML5项目的开发指令时，HTML5组件的智能开发装置在预设HTML5项目开发库获取与待开发HTML5项目对应存储的待开发HTML5项目组件和待开发功能模块；

HTML5组件的智能开发装置根据待开发HTML5项目组件和待开发功能模块生成目标开发环境，目标开发环境用于开发人员开发待开发HTML5项目。

通过实施这种可选的实施方式，可以在开发人员开发某一待开发HTML5项目时，自动生成包含该待开发HTML5项目所需的待开发HTML5项目组件和待开发功能模块的开发环境，提高了开发HTML5项目的自动化程度。

上述方法下，利用数据共享技术建立共享的组件仓库，开发组件时能够在组件仓库中直接调用已有的组件，减少了重复开发HTML5项目组件的情况发生的概率，并且，可以直接调用已有的组件的API接口，实现自动集成组件，提高了集成组件的效率。

以下是本发明的装置实施例。

图4是根据一示例性实施例示出的一种HTML5组件的智能开发装置的框图。如图4所示，该装置包括：

判断单元401，用于当检测到组件开发指令时，判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件。

作为一种可选的实施方式，在判断单元401判断出组件仓库中不存在组件开发指令指示开发的目标HTML5组件之后，判断单元401还可以用于：

检测用户根据组件开发指令开发的目标HTML5组件以及与该目标HTML5组件相匹配的目标API接口，其中，该目标API接口用于调用该目标HTML5组件；

将上述目标HTML5组件以及与该目标HTML5组件相匹配的目标API接口存储至组件仓库。

通过实施这种可选的实施方式，当组件仓库中不存在目标HTML5组件时，可以检测用户开发的目标HTML5组件以及与该目标HTML5组件相匹配的目标API接口，并将其存储至组件仓库。这一过程可以不断完善组件仓库中存储的HTML5组件，能够提高组件开发的效率。

集成单元402，用于当判断单元401判断出组件仓库中存在目标HTML5组件时，调用组件仓库中与目标HTML5组件相匹配的目标API接口，用以集成目标HTML5组件。

作为一种可选的实施方式，集成单元402还可以用于：

当检测到组件测试指令时，通过调用相应的API接口对组件仓库中存储的若干HTML5组件进行测试。

通过实施这种可选的实施方式，可以直接调用API接口对组件仓库中的HTML5组件进行测试。相较于现有技术中测试HTML5组件需要对HTML5项目进行编译、运行以及打包的过程，利用组件仓库直接管理HTML5组件实现快速批量测试更加方便。

通过实施图4所描述的HTML5组件的智能开发装置，利用数据共享技术建立共享的组件仓库，开发组件时能够在组件仓库中直接调用已有的组件，减少了重复开发HTML5项目组件的情况发生的概率，并且，可以直接调用已有的组件的API接口，实现自动集成组件，提高了集成组件的效率。

图5是根据一示例性实施例示出的另一种HTML5组件的智能开发装置的框图。图5是在图4基础上优化得到的，与图4所示的HTML5组件的智能开发装置相比，图5所示的HTML5组件的智能开发装置还可以包括：

获取单元403，用于在判断单元401判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件之前，对Git仓库中的HTML5组件进行API接口封装，获得与HTML5组件对应的API接口。

作为一种可选的实施方式，在判断单元401判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件之前，获取单元403还可以用于：

根据组件开发指令修改配置文件，获得目标配置文件；

本发明实施例中，HTML5组件的智能开发装置可以通过修改submodule.json配置文件来配置需要集成的组件。

利用目标配置文件获取组件开发指令指示开发的目标HTML5组件。

存储单元404，用于将获取单元403获取的HTML5组件以及HTML5组件对应的API接口存储至组件仓库。

本发明实施例中，可以利用node.js封装GitSubmodule的shell脚本命令来在Git仓库中建立相应的组件仓库，将HTML5组件以及HTML5组件对应的API接口存储至该组件仓库，还可以利用package.json自定义命令将该组件仓库中的组件集成到HTML5项目。

具体的，在存储单元404将HTML5组件以及HTML5组件对应的API接口存储至组件仓库之后，存储单元404向判断单元401发送触发指令，以触发判断单元401判断组件仓库中是否存在组件开发指令指示开发的目标HTML5组件。

作为一种可选的实施方式，存储单元404用于将HTML5组件以及HTML5组件对应的API接口存储至组件仓库的方式具体为：

存储单元404，用于将HTML5组件以及HTML5组件对应的API接口存储至组件仓库中与HTML5组件匹配的分支目录，组件仓库包括至少一个分支目录。

本发明实施例中，组件仓库中包含若干个分支目录，每个分支目录对应有其所属的组件类别。其中，组件类别可以包括但不限于用户界面组件、图标组件、报表组件和表格组件等。HTML5组件的智能开发装置可以将HTML5组件以及HTML5组件对应的API接口存储至组件仓库中与该HTML5组件匹配的分支目录中，从而利用分支目录快速确定出与该分支目录对应的HTML5组件信息，在HTML5组件仓库中查找需要查找的HTML5组件所属于的分支目录，再在该分支目录下查找HTML5组件信息，从而提高在HTML5组件仓库中查找HTML5组件信息的效率。

可选的，分支目录可以包括一级分支目录、二级分支目录等，可以先将HTML5组件确定出其属于某一级分支目录，再在某一级分支目录所包括的二级分支目录中确定该HTML5组件属于的二级分支目录。分支目录具体设置的分支层级数不做限定，可以设置到N级分支目录，N为大于等于三的整数。

通过实施这种可选的实施方式，可以根据HTML5组件的类别不同将其存储至不同的组件仓库中的分支目录，以便于后续根据HTML5组件的类别进行相应的操作，便于对HTML5组件的管理。

作为另一种可选的实施方式，在存储单元404将HTML5组件以及HTML5组件对应的API接口存储至组件仓库之后，存储单元404还可以用于：

当操作指令指示对某一分支目录进行删除操作时，删除某一分支目录下的HTML5组件以及HTML5组件对应的API接口；

当操作指令指示对某一分支目录进行调用操作时，调用某一分支目录下的HTML5组件对应的API接口；

当操作指令指示对某一分支目录进行复制操作时，复制某一分支目录下的HTML5组件以及HTML5组件对应的API接口。

通过实施这种可选的实施方式，可以批量对同一分支目录下的HTML5组件进行删除、调用以及复制等操作，满足使用者的多种需求。

可选的，图5所示的HTML5组件的智能开发装置还可以包括：

确定单元405，用于在调用单元402调用组件仓库中与目标HTML5组件相匹配的目标API接口，用以集成目标HTML5组件之后，根据目标需求信息确定与目标需求信息相匹配的功能模块。

本发明实施例中，功能模块为封装后的功能模块。

集成单元402，用于将确定单元405确定的功能模块与目标HTML5组件集成至目标HTML5项目。

存储单元404，还用于存储集成单元402集成的目标HTML5项目、目标HTML5组件以及功能模块至预设HTML5项目开发库。

作为一种可选的实施方式，在存储单元404存储目标HTML5项目、目标HTML5组件以及功能模块至预设HTML5项目开发库之后，存储单元404还可以用于：

当检测到针对待开发HTML5项目的开发指令时，在预设HTML5项目开发库获取与待开发HTML5项目对应存储的待开发HTML5项目组件和待开发功能模块；

根据待开发HTML5项目组件和待开发功能模块生成目标开发环境，目标开发环境用于开发人员开发待开发HTML5项目。

通过实施这种可选的实施方式，可以在开发人员开发某一待开发HTML5项目时，自动生成包含该待开发HTML5项目所需的待开发HTML5项目组件和待开发功能模块的开发环境，提高了开发HTML5项目的自动化程度。

通过实施图5所描述的HTML5组件的智能开发装置，利用数据共享技术建立共享的组件仓库，开发组件时能够在组件仓库中直接调用已有的组件，减少了重复开发HTML5项目组件的情况发生的概率，并且，可以直接调用已有的组件的API接口，实现自动集成组件，提高了集成组件的效率。

本发明还提供一种电子设备，该电子设备包括：

处理器；

存储器，该存储器上存储有计算机可读指令，该计算机可读指令被处理器执行时，实现如前所示的HTML5组件的智能开发方法。

该电子设备可以是图1所示HTML5组件的智能开发装置100。

在一示例性实施例中，本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，实现如前所示的HTML5组件的智能开发方法。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围执行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (10)

1.一种HTML5组件的智能开发方法，其特征在于，所述方法包括：

当检测到组件开发指令时，判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件；

如果是，调用所述组件仓库中与所述目标HTML5组件相匹配的目标API接口，用以集成所述目标HTML5组件。

2.根据权利要求1所述的方法，其特征在于，在所述判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件之前，所述方法还包括：

对Git仓库中的HTML5组件进行API接口封装，获得与所述HTML5组件对应的API接口；

将所述HTML5组件以及所述HTML5组件对应的API接口存储至组件仓库。

3.根据权利要求2所述的方法，其特征在于，所述将所述HTML5组件以及所述HTML5组件对应的API接口存储至组件仓库，包括：

将所述HTML5组件以及所述HTML5组件对应的API接口存储至组件仓库中与所述HTML5组件匹配的分支目录，所述组件仓库包括至少一个分支目录。

4.根据权利要求3所述的方法，其特征在于，在所述将所述HTML5组件以及所述HTML5组件对应的API接口存储至组件仓库中与所述HTML5组件匹配的分支目录之后，所述方法还包括：

当操作指令指示对某一分支目录进行删除操作时，删除所述某一分支目录下的所述HTML5组件以及所述HTML5组件对应的API接口；

当操作指令指示对某一分支目录进行调用操作时，调用所述某一分支目录下的所述HTML5组件对应的API接口；

当操作指令指示对某一分支目录进行复制操作时，复制所述某一分支目录下的所述HTML5组件以及所述HTML5组件对应的API接口。

5.根据权利要求1所述的方法，其特征在于，在所述判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件之前，所述方法还包括：

根据所述组件开发指令修改配置文件，获得目标配置文件；

利用所述目标配置文件获取所述组件开发指令指示开发的目标HTML5组件。

6.根据权利要求1至5任一项所述的方法，其特征在于，在所述调用所述组件仓库中与所述目标HTML5组件相匹配的目标API接口，用以集成所述目标HTML5组件之后，所述方法还包括：

根据目标需求信息确定与所述目标需求信息相匹配的功能模块；

将所述功能模块与所述目标HTML5组件集成至目标HTML5项目；

存储所述目标HTML5项目、所述目标HTML5组件以及所述功能模块至预设HTML5项目开发库。

7.根据权利要求6所述的方法，其特征在于，在所述存储所述目标HTML5项目、所述目标HTML5组件以及所述功能模块至预设HTML5项目开发库之后，所述方法还包括：

当检测到针对待开发HTML5项目的开发指令时，在所述预设HTML5项目开发库获取与所述待开发HTML5项目对应存储的待开发HTML5项目组件和待开发功能模块；

根据所述待开发HTML5项目组件和所述待开发功能模块生成目标开发环境，所述目标开发环境用于开发人员开发所述待开发HTML5项目。

8.一种HTML5组件的智能开发装置，其特征在于，所述装置包括：

判断单元，用于当检测到组件开发指令时，判断组件仓库中是否存在所述组件开发指令指示开发的目标HTML5组件；

集成单元，用于当所述判断单元判断出所述组件仓库中存在所述目标HTML5组件时，调用所述组件仓库中与所述目标HTML5组件相匹配的目标API接口，用以集成所述目标HTML5组件。

9.一种电子设备，其特征在于，所述电子设备包括：

处理器；

存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，实现如权利要求1至7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，其存储计算机程序，所述计算机程序使得计算机执行权利要求1～7任一项所述的方法。