[发明专利]一种前端界面的生成方法、装置、电子设备及存储介质

说明书

本申请实施例提供了一种前端界面的生成方法、装置、电子设备及计算机可读存储介质，涉及软件开发技术领域。该方法包括：根据接收到的客户端类型，确定与客户端类型对应的组件库；其中，组件库包括多个界面元素组件；界面元素组件是对对应的界面元素的功能代码进行模块化封装得到的；基于获取到的针对界面元素组件的第一选择信息，从组件库中选择出目标组件；基于目标组件，生成与客户端类型相匹配的前端界面。本申请实施例有效提升前端界面开发工作的高效性和便捷性。

技术领域

本申请涉及软件开发技术领域，具体而言，本申请涉及一种前端界面的生成方法、装置、电子设备及存储介质。

背景技术

前端开发是创建WEB(World Wide Web，全球广域网)页面或APP(Application，应用程序)等前端界面呈现给用户的过程，实现互联网产品的用户界面交互。前端开发从网页制作演变而来，随着互联网技术的发展，大量高性能的移动终端设备应用也应运而生，现代网页和用户界面更加美观、交互效果显著，功能更加强大。

现有技术中，开发人员一般通过编写前端代码来实现前端界面的生成和维护，受制于开发人员编程风格和技术水平的差异，存在前端界面开发效率低、难以维护的问题。

发明内容

本申请提供了一种前端界面的生成方法、装置、电子设备及计算机可读存储介质，可以解决前端界面开发效率低下的问题。所述技术方案如下：

第一方面，提供了一种前端界面的生成方法，该方法包括：

根据接收到的客户端类型，确定与客户端类型对应的组件库；其中，组件库包括多个界面元素组件；界面元素组件是对对应的界面元素的功能代码进行模块化封装得到的；

基于获取到的针对界面元素组件的第一选择信息，从组件库中选择出目标组件；

基于目标组件，生成与客户端类型相匹配的前端界面。

在一个可能的实现方式中，基于目标组件，生成与客户端类型相匹配的前端界面，包括：

获取目标模板；目标模板包括至少一个界面元素组件；

从至少一个界面元素组件中确定目标界面元素组件，用目标组件替换目标界面元素组件，得到更新模板，基于更新模板生成前端界面；或者，将目标组件添加到目标模板，得到更新模板，基于更新模板生成前端界面。

在一个可能的实现方式中，获取目标模板，包括：

确定与客户端类型对应的模板库；模板库中包括多个模板；每一模板是由预设的至少一个界面元素组件组合得到的；

接收针对模板库的第二选择信息，基于第二选择信息从模板库中选择出目标模板。

在另一个可能的实现方式中，该方法还包括：

若检测到前端界面的生成次数大于或等于预设次数，或接收到针对更新模板的模板添加指令，将更新模板更新至模板库中。

在另一个可能的实现方式中，基于目标组件，生成与客户端类型相匹配的前端界面，包括：

获取针对目标组件的目标配置信息；

基于目标配置信息对目标组件的属性进行渲染操作，得到渲染后的目标组件；

基于渲染后的目标组件，生成前端界面。

在另一个可能的实现方式中，获取针对目标组件的目标配置信息，包括：

基于目标组件的类型，从预设的属性数据库中查询与类型相匹配的目标配置信息；或者，

接收用户输入的针对目标组件的实时配置信息，基于实时配置信息生成目标配置信息。

在又一个可能的实现方式中，该方法还包括：