[发明专利]前端代码的开发方法、装置、设备和计算机存储介质

说明书

本发明公开了一种前端代码的开发方法，包括以下步骤：接收基于预设前端框架触发的开发请求，获取所述开发请求中包含的待显示信息；接收组件添加请求，获取所述组件添加请求中包含的组件类型，从预设组件集合中选取与所述组件类型匹配的开发基础组件；建立所述待显示信息与所述开发基础组件之间的映射关系，以将所述待显示信息对应显示在所述开发基础组件中；将所述待显示信息与所述映射关系添加至所述预设前端框架中，得到前端代码。本发明还公开了一种前端代码的开发装置、设备和计算机存储介质。本发明通过组件化开发的方法，提高了代码的复用率，减少了开发人员工作量，提高了开发效率。

技术领域

本发明涉及信息技术领域，尤其涉及前端代码的开发方法、装置、设备和计算机存储介质。

背景技术

由于线上产品更新较快，在线上产品的开发过程中，需要开发人员编写对应的项目代码，项目代码分为前端代码和后端代码，由于前端代码用于渲染生成的对应的页面，后端代码用于处理对应的项目逻辑；这就导致了前端代码中会出现重复的代码信息，例如，前端页面中通常包含有表格、选框、或者其他图像元素，前端页面中各个图像元素对应的代码是相似的，前端开发人员需要重复的进行代码的编写，在产品项目确定的情况下，如何减少前端代码的重复编写，并进一步减少开发成本，提高开发效率，成了目前产品开发的亟待解决的技术问题。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提供一种前端代码的开发方法、装置、设备和计算机存储介质，旨在解决提高前端开发效率。

为实现上述目的，本发明提供一种前端代码的开发方法，所述前端代码的开发方法包括以下步骤：

接收基于预设前端框架触发的开发请求，获取所述开发请求中包含的待显示信息；

接收组件添加请求，获取所述组件添加请求中包含的组件类型，从预设组件集合中选取与所述组件类型匹配的开发基础组件；

建立所述待显示信息与所述开发基础组件之间的映射关系，以将所述待显示信息对应显示在所述开发基础组件中；

将所述待显示信息与所述映射关系添加至所述预设前端框架中，得到前端代码。

可选地，所述接收基于预设前端框架触发的开发请求，获取所述开发请求中包含的待显示信息的步骤之前，包括：

统计预设前端页面中各类型控件的出现频率，将所述出现频率高于预设值的控件作为常用控件；

设置所述常用控件对应的Json协议和配置文件，并将所述Json协议、所述配置文件和所述常用控件封装成对应的基础组件；

将各所述基础组件汇总得到所述预设组件集合。

可选地，所述接收组件添加请求，获取所述组件添加请求中包含的组件类型，从预设组件集合中选取与所述组件类型匹配的开发基础组件的步骤，包括：

接收组件添加请求，获取所述组件添加请求中包含的组件类型，将所述组件类型与所述预设组件集合中各组件标签的类型信息进行比对；

将所述组件标签中类型信息与所述组件类型匹配的基础组件作为开发基础组件。

可选地，所述建立所述待显示信息与所述开发基础组件之间的映射关系，以将所述待显示信息对应显示在所述开发基础组件中的步骤，包括：

建立所述待显示信息与所述开发基础组件之间的映射关系，并显示所述开发基础组件对应的组件编辑窗口，以供用户在所述组件编辑窗口中设置所述开发基础组件对应的显示规则；