[发明专利]前端组件转换方法、装置、设备及可读存储介质

说明书

本发明公开了一种前端组件转换方法、装置、设备及可读存储介质，所述方法包括：接收用户通过客户端发送过来的前端组件确定信息；所述前端组件确定信息用于指示用户所要的前端组件；根据所述前端组件确定信息，获知用户确定的前端组件；判断本地是否有与所述前端组件对应的目标类型前端组件；若无，读取本地预存的前端组件的前端组件数据，并基于预设的组件数据转换规则将所述前端组件数据转换为目标类型组件文件格式，以得到目标类型前端组件数据；根据所述目标类型前端组件数据生成目标类型前端组件。本发明能够使得前端脚手架适用的前端组件的框架类型增加，并能够加快前端脚手架的开发效率及降低开发成本。

技术领域

本发明涉及计算机技术领域，尤其涉及一种前端组件转换方法、装置、设备及可读存储介质。

背景技术

现今市面上前端工程脚手架种类繁多，是各大厂商为了解决开发人员对前端工程快速建设而给出的解决方案，例如目前有Angular、React和Vue三种前端框架来作为前端工程脚手架。其中，前端组件可以为UI组件或底层组件等，且不同的前端脚手架适用的前端组件的框架类型也不同(例如有些前端脚手架只针对Angular框架类型的UI组件，有些则只针对Vue框架类型的UI组件)。因此，目前的前端脚手架适用的前端组件的框架类型有限，导致前端脚手架可选用的前端组件的框架类型也有限。若要前端脚手架要适用不同框架类型的前端组件，目前需要人工来对前端组件及前端脚手架来进行相应的配置优化，这样需要大量的开发人员投入到该配置优化的过程中来，导致整个开发的周期较长且开发成本较高。

发明内容

本发明实施例提供一种前端组件转换方法、装置、设备及可读存储介质，能使得前端脚手架适用的前端组件的框架类型增加，并能够加快前端脚手架的开发效率及降低开发成本。

本发明一实施例提供一种前端组件转换方法，其包括：

接收用户通过客户端发送过来的前端组件确定信息；所述前端组件确定信息用于指示用户所要的前端组件；

根据所述前端组件确定信息，获知用户确定的前端组件；

判断本地是否有与所述前端组件对应的目标类型前端组件；所述前端组件适用的前端框架类型与所述目标类型前端组件适用的前端框架类型不同；

若无，读取本地预存的前端组件的前端组件数据，并基于预设的组件数据转换规则将所述前端组件数据转换为目标类型组件文件格式，以得到目标类型前端组件数据；

根据所述目标类型前端组件数据生成目标类型前端组件。

作为上述方案的改进，在所述根据用户输入的前端组件种类信息，确定用户所选定的前端组件之前，所述方法还包括：

接收用户通过客户端发送过来的前端组件查询指令；

根据所述前端组件查询指令，查询本地预存的所有前端组件；

将前端组件的查询结果返回给所述客户端，以使所述客户端将前端组件的查询结果以前端组件选项的形式在客户端的显示界面上显示出来，以供用户选择。

作为上述方案的改进，所述前端组件为UI组件。

作为上述方案的改进，所述目标类型前端组件为Vue类型UI组件。

作为上述方案的改进，所述读取本地预存的前端组件的前端组件数据，并基于预设的组件数据转换规则将所述前端组件数据转换为目标类型组件文件格式，以得到目标类型前端组件数据，包括：

读取本地预存的前端组件的前端组件数据；