网页源代码的生成方法及装置制造方法及图纸

本发明专利技术公开了一种网页源代码的生成方法及装置，其中，该方法包括：响应操控指令，在组件列表中选择组件元素，其中，所述组件元素为组成页面视图的抽象单元；在预设画布中添加所述组件元素，在预设配置框中设置所述组件元素的配置信息；根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码。通过本发明专利技术，解决了相关技术中只能手动输入网页源代码的技术问题，操作人员不需要编辑代码，提高了网站的开发速度。

【技术实现步骤摘要】
网页源代码的生成方法及装置
本专利技术涉及计算机领域，尤其是一种网页源代码的生成方法及装置。
技术介绍
相关技术中，网站制作、发布一般对开发者具有一定的技术要求，需要开发者掌握一些专业的网站开发语言；针对一些项目或者活动，如果市场人员或产品运营发现需求后再交付开发去开发，非常不利于快速发布相关的活动或者项目。相关技术中，开发并发布一个网站，至少需要两个步骤：编写网站代码；代码发布上线，上面两个步骤，都需要专业技术人员才能完成，网页源代码的创作难度非常高，网页制作速度非常低。针对相关技术中存在的上述问题，目前尚未发现有效的解决方案。
技术实现思路
为了解决相关技术中只能手动输入网页源代码的技术问题，本专利技术实施例提供了一种网页源代码的生成方法及装置。根据本专利技术的一个实施例，提供了一种网页源代码的生成方法，包括：响应操控指令，在组件列表中选择组件元素，其中，所述组件元素为组成页面视图的抽象单元；在预设画布中添加所述组件元素，在预设配置框中设置所述组件元素的配置信息；根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码。可选的，在根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码之后，所述方法还包括：基于所述网页源代码编译所述web网站的超文本标记语言HTML文档；将所述HTML文档存储至网络服务器；将所述HTML文档的存储地址设置为所述web网站的链接地址；发布所述链接地址。可选的，在组件列表中选择组件元素包括：在所述组件列表中选择基础组件元素，以及在所述组件列表中选择业务组件元素，其中，所述业务组件元素由多个基础元素组合得到，所述基础组件元素包括以下至少之一：视频、图片、文本、按钮、跑马灯、分割线。可选的，根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码包括：提取所述配置信息中的配置参数；基于所述配置参数更新所述组件元素在网络端的组件代码；合并更新后的组件代码和网页框架代码，得到web网站的网页源代码。可选的，在根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码之后，所述方法还包括：从所述网络端获取所述网页源代码；以组件元素为单元编辑所述网页源代码；将编辑后的网页源代码上传到所述网络端。可选的，在组件列表中选择组件元素之前，所述方法还包括：通过脚手架工具创建多个待选组件元素的组件代码；响应上传指令，获取各个组件代码的预览截图，创建所述组件代码的版本号，将所述组件代码打包封装成JavaScript格式的代码文档；将所述预览截图和所述代码文档上传至内容分发网络CDN节点。可选的，通过脚手架工具创建多个待选组件元素的组件代码包括：配置第一组件元素与第二组件元素之间的调用函数接口，其中，所述第一组件元素和所述第二组件元素为以下类型之一的组件：视频、图片、文本、按钮、跑马灯、分割线；通过脚手架工具采用所述调用函数接口关联所述第一组件元素与第二组件元素的组件代码，以创建第三组件元素。根据本专利技术的另一个实施例，提供了一种网页源代码的生成装置，包括：选择模块，用于响应操控指令，在组件列表中选择组件元素，其中，所述组件元素为组成页面视图的抽象单元；处理模块，用于在预设画布中添加所述组件元素，在预设配置框中设置所述组件元素的配置信息；生成模块，用于根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码。可选的，所述装置还包括：编辑模块，用于在所述生成模块根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码之后，基于所述网页源代码编译所述web网站的超文本标记语言HTML文档；存储模块，用于将所述HTML文档存储至网络服务器；设置模块，用于将所述HTML文档的存储地址设置为所述web网站的链接地址；发布模块，用于发布所述链接地址。可选的，所述选择模块，具体用于：在所述组件列表中选择基础组件元素，以及在所述组件列表中选择业务组件元素，其中，所述业务组件元素由多个基础元素组合得到，所述基础组件元素包括以下至少之一：视频、图片、文本、按钮、跑马灯、分割线。可选的，所述生成模块，具体用于：提取所述配置信息中的配置参数；基于所述配置参数更新所述组件元素在网络端的组件代码；合并更新后的组件代码和网页框架代码，得到web网站的网页源代码。可选的，所述装置还包括：获取模块，用于在所述生成模块根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码之后，从所述网络端获取所述网页源代码；编辑模块，用于以组件元素为单元编辑所述网页源代码；第一上传模块，用于将编辑后的网页源代码上传到所述网络端。可选的，所述装置还包括：创建模块，用于所述选择模块在组件列表中选择组件元素之前，通过脚手架工具创建多个待选组件元素的组件代码；封装模块，用于响应上传指令，获取各个组件代码的预览截图，创建所述组件代码的版本号，将所述组件代码打包封装成JavaScript格式的代码文档；第二上传模块，用于将所述预览截图和所述代码文档上传至内容分发网络CDN节点。可选的，所述创建模块，具体用于：配置第一组件元素与第二组件元素之间的调用函数接口，其中，所述第一组件元素和所述第二组件元素为以下类型之一的组件：视频、图片、文本、按钮、跑马灯、分割线；通过脚手架工具采用所述调用函数接口关联所述第一组件元素与第二组件元素的组件代码，以创建第三组件元素。根据本专利技术的又一个实施例，还提供了一种存储介质，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。根据本专利技术的又一个实施例，还提供了一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。通过本实施例的方案，响应操控指令，在组件列表中选择组件元素，然后在预设画布中添加组件元素，在预设配置框中设置组件元素的配置信息，最后根据组件元素和配置信息在网络端生成web网站的网页源代码，使用组件元素替换复杂难懂的组件代码，只需要通过简单的配置操作，就可以完成一个网页页面的制作和上线，根据活动实际需求，可以通过组件元素自动生成网站的源码文件，进而编译生成网站页面并自动化发布。解决了相关技术中只能手动输入网页源代码的技术问题，操作人员不需要编辑网页代码，提高了网站的开发速度。下面通过附图和实施例，对本专利技术的技术方案做进一步的详细描述。附图说明构成说明书的一部分的附图描述了本专利技术的实施例，并且连同描述一起用于解释本专利技术的原理。参照附图，根据下面的详细描述，可以更加清楚地理解本专利技术，其中：图1是本专利技术实施例的一种网页源代码的生成计算机的硬件结构框图；图2是根据本专利技术实施例的一种网页源代码的生成方法的流程图；图3是本专利技术实施例发布组件的流程图；图4是本专利技术发布网页项目的流程图；图5是本专利技术实施例的系统结构图；图6是本专利技术一个实施方式中本文档来自技高网...

【技术保护点】
1.一种网页源代码的生成方法，其特征在于，包括：/n响应操控指令，在组件列表中选择组件元素，其中，所述组件元素为组成页面视图的抽象单元；/n在预设画布中添加所述组件元素，在预设配置框中设置所述组件元素的配置信息；/n根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码。/n

【技术特征摘要】
1.一种网页源代码的生成方法，其特征在于，包括：
响应操控指令，在组件列表中选择组件元素，其中，所述组件元素为组成页面视图的抽象单元；
在预设画布中添加所述组件元素，在预设配置框中设置所述组件元素的配置信息；
根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码。


2.根据权利要求1所述的方法，其特征在于，在根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码之后，所述方法还包括：
基于所述网页源代码编译所述web网站的超文本标记语言HTML文档；
将所述HTML文档存储至网络服务器；
将所述HTML文档的存储地址设置为所述web网站的链接地址；
发布所述链接地址。


3.根据权利要求1所述的方法，其特征在于，在组件列表中选择组件元素包括：
在所述组件列表中选择基础组件元素，以及在所述组件列表中选择业务组件元素，其中，所述业务组件元素由多个基础元素组合得到，所述基础组件元素包括以下至少之一：视频、图片、文本、按钮、跑马灯、分割线。


4.根据权利要求1所述的方法，其特征在于，根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码包括：
提取所述配置信息中的配置参数；
基于所述配置参数更新所述组件元素在网络端的组件代码；
合并更新后的组件代码和网页框架代码，得到web网站的网页源代码。


5.根据权利要求1所述的方法，其特征在于，在根据所述组件元素和所述配置信息在网络端生成web网站的网页源代码之后，所述方法还包括：
从所述网络端获取所述网页源代码；
以组件元素为单元编辑所述网页源代码；
将编辑后的网页源代码上传到所述网络端。


6.根据权利要求1所述的方法，其特征在于，在组件列表中选择组件元素之前，所述方法还包括：
通过脚手架工具创建多个待选组件元素的组件代码；
响应上传指令，获取各个组件代码的预览截图，创建所述组件代码的版本号，将所述组件代码打包封装成JavaS...

【专利技术属性】
技术研发人员：籍文兵，李杰，
申请(专利权)人：北京健康之家科技有限公司，
类型：发明
国别省市：北京;11