[发明专利]网页生成方法、装置及电子设备

说明书

本申请公开了一种网页生成方法、装置及电子设备，所述方法包括：获取内容组件的选取指令，根据所述选取指令在组件编辑区域内设置所述内容组件；获取所述组件编辑区域内所述内容组件的各数据源，根据各所述数据源从服务器提取与各所述数据源对应的各组件数据；响应所述内容组件的组件数据编辑指令，根据所述组件数据编辑指令选定所述组件编辑区域内各所述内容组件的组件数据；响应数据源编辑结束指令，根据各所述组件编辑区域内各所述内容组件的所述组件数据以及排序信息生成网页数据，以供浏览器加载所述网页数据生成网页。

技术领域

本申请涉及计算机技术领域，特别涉及一种网页生成方法、装置及电子设备。

背景技术

网页是网站的基本要件，现有的前端开发中，网页的生成主要是通过直接编写页面代码来描述页面的样式和内容，并根据页面代码生成HTML文件后，利用浏览器加载HTML文件来实现网页的生成。但是在应用过程中，发现如果产生基于用户体验的页面样式修改等需求，往往需要对页面代码进行大量修改，带来了大量成本。此外，当大量页面需要针对同一问题进行修改时，修改时间较长，难以做到及时更新网页样式，降低前端开发效率。

发明内容

本申请的目的在于至少解决现有技术中存在的技术问题之一，提供一种网页生成方法、装置、计算机可读存储介质以及电子设备，在前端开发过程中提高前端开发的效率。

本申请实施例提供一种网页生成方法，包括：

获取内容组件的选取指令，根据所述选取指令在组件编辑区域内设置所述内容组件；

获取所述组件编辑区域内所述内容组件的各数据源，根据各所述数据源从服务器提取与各所述数据源对应的各组件数据；

响应所述内容组件的组件数据编辑指令，根据所述组件数据编辑指令选定所述组件编辑区域内各所述内容组件的组件数据；

响应数据源编辑结束指令，根据各所述组件编辑区域内各所述内容组件的所述组件数据以及排序信息生成网页数据，以供浏览器加载所述网页数据生成网页。

进一步的，在本申请实施例中，所述数据源包括已配置接口和数据，所述已配置接口包括接口链接与接口参数，所述数据可以包括按钮文案、文本、图片链接中的一种或多种。

进一步的，所述选取指令包括所述内容组件的位置移动指令；

所述根据所述选取指令在组件编辑区域内设置所述内容组件，包括：

根据所述位置移动指令确定所述内容组件在所属组件编辑区域内的组件位置；

检测根据所述组件位置设置的内容组件是否与所述组件编辑区域内的其他内容组件至少部分重叠，并在检测到所述组件位置中的内容组件与所述其他内容组件至少部分重叠时，根据重叠的各内容组件的层级顺序进行覆盖显示。

进一步的，根据所述组件数据集以及所述组件编辑区域内各所述内容组件的排序信息生成网页数据，包括：

根据所述组件编辑区域内各所述内容组件的排序信息生成内容组件的html结构后，将所述组件数据集写入所述html结构中并保存；

根据已写入所述组件数据集的所述html结构生成网页数据。

进一步的，在本申请实施例中，还包括：获取组件生成指令，根据所述组件生成指令中的组件标记，匹配对应的样式源，以根据所述样式源从所述服务器提取对应的样式数据生成所述内容组件。

进一步的，在本申请实施例中，所述样式源包括所述内容组件的尺寸数据、图片/视频设置数据、字体设置数据、段落设置数据、动态效果设置数据、版面内容位置设置数据等。

更进一步的，所述根据所述组件生成指令中的组件标记，匹配对应的样式源，包括：