一种生成网页的方法和设备，及存储介质技术

本申请实施例公开了一种生成网页的方法和设备，及存储介质，所述生成网页的方法包括：获取目标任务脚本对应的目标网页参数；其中，目标网页参数包括目标源文件、标记语言以及目标应用环境，目标任务脚本是根据待生成的网页的网页参数生成的；根据目标源文件和标记语言生成第一代码文件；其中，第一代码文件为使待生成的网页适用于不同页面布局的CSS代码；基于目标应用环境和第一代码文件生成第二代码文件；其中，第二代码文件为使待生成的网页适用于不同应用环境的代码；根据第二代码文件生成目标应用环境对应的目标页面。本申请满足了多应用场景下不同布局的网页页面展示的开发需求，网页开发效率更高，性能更好。性能更好。性能更好。

【技术实现步骤摘要】
一种生成网页的方法和设备，及存储介质


[0001]本专利技术涉及计算机
，尤其涉及一种生成网页的方法和设备，及存储介质。

技术介绍

[0002]在互联网浪潮下，各种网站如雨后春笋般涌现，各类公司的业务也开始向线上发展，使得通过布局合理且美观的网页页面去吸引更多的客户，并且，伴随着电子技术的高速发展，也随之产生了大量的网页页面展示的开发需求，如桌面浏览器端、第5代超文本标记语言(Hyper Text Markup Language，H5)、微信小程序等。
[0003]然而，现有网页页面的开发受限于开发人员的技术水准，存在网页页面开发效率低且质量差的缺陷，并且仅支持桌面浏览器端的固定尺寸的网页页面生成模式，不仅导致了生成的网页页面不能适应多种页面布局，同时也无法满足多应用场景下网页页面展示的开发需求。

技术实现思路

[0004]本申请实施例提供了一种生成网页的方法和设备，及存储介质，主要用于解决现有网页页面开发过程中，生成的网页页面无法支持自适应布局，以及无法适用于多应用场景展示的问题。
[0005]本申请实施例的技术方案是这样实现的：
[0006]第一方面，本申请实施例提供了一种生成网页的方法，所述方法包括：
[0007]获取目标任务脚本对应的目标网页参数；其中，所述目标网页参数包括目标源文件、标记语言以及目标应用环境，所述目标任务脚本是根据待生成的网页的网页参数生成的；
[0008]根据所述目标源文件和所述标记语言生成第一代码文件；其中，所述第一代码文件用于使所述待生成的网页适用于不同页面布局；
[0009]基于所述目标应用环境和所述第一代码文件生成第二代码文件；其中，所述第二代码文件用于使所述待生成的网页适用于不同应用环境；
[0010]根据所述第二代码文件生成所述目标应用环境对应的目标页面。
[0011]第二方面，本申请实施例提供了一种生成网页的设备，所述设备包括获取单元以及生成单元，
[0012]所述获取单元，用于获取目标任务脚本对应的目标网页参数；其中，所述目标网页参数包括目标源文件、标记语言以及目标应用环境，所述目标任务脚本是根据待生成的网页的网页参数生成的；
[0013]所述生成单元，用于根据所述目标源文件和所述标记语言生成第一代码文件；其中，所述第一代码文件用于使所述待生成的网页适用于不同页面布局；以及基于所述目标应用环境和所述第一代码文件生成第二代码文件；其中，所述第二代码文件用于使所述待生成的网页适用于不同应用环境；以及根据所述第二代码文件生成所述目标应用环境对应
的目标页面。
[0014]第三方面，本申请实施例提供了一种生成网页的设备，所述设备包括处理器、存储有所述处理器可执行指令的存储器，当所述指令被所述处理器执行时，实现如上所述的生成网页的方法。
[0015]第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有程序，应用于生成网页的设备中，所述程序被处理器执行时，实现如上所述的生成网页的方法。
[0016]本申请实施例提供了一种生成网页的方法和设备，及存储介质，该生成网页的设备获取目标任务脚本对应的目标网页参数；其中，目标网页参数包括目标源文件、标记语言以及目标应用环境，目标任务脚本是根据待生成的网页的网页参数生成的；根据目标源文件和标记语言生成第一代码文件；其中，第一代码文件用于使待生成的网页适用于不同页面布局；基于目标应用环境和第一代码文件生成第二代码文件；其中，第二代码文件用于使待生成的网页适用于不同应用环境；根据第二代码文件生成目标应用环境对应的目标页面。也就是说，在本申请的实施例中，生成网页的设备通过执行目标网页参数对应的目标编译任务，不仅生成了能够适应不同布局的页面展示的源代码文件，并且将该源代码文件结合目标应用环境生成可以在该目标应用环境下进行网页展示的目标代码文件，实现了网页页面的自适应布局，以及支持多端页面展示，进一步满足了多应用场景下不同布局的网页页面展示的开发需求，网页开发效率更高，性能更好。
附图说明
[0017]图1为本申请实施例提出的生成网页的设备的组成结构示意图一；
[0018]图2为本申请实施例提出的生成网页的方法的实现流程示意图；
[0019]图3为本申请实施例提出的示例性的一个HTML节点的数据结构示意图；
[0020]图4为本申请实施例提出的生成网页的设备的组成结构示意图二；
[0021]图5为本申请实施例提出的生成网页的设备的组成结构示意图三。
具体实施方式
[0022]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。可以理解的是，此处所描述的具体实施例仅用于解释相关申请，而非对该申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关申请相关的部分。
[0023]对本专利技术实施例进行进一步详细说明之前，对本专利技术实施例中涉及的名词和术语进行说明，本专利技术实施例中涉及的名词和术语适用于如下的解释。
[0024]1)超文本标记语言(Hypertext Markup Language，HTML)：是用于描述网页文档的一种广泛使用的标记语言，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，也就是说，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。
[0025]2)层叠样式表(Cascading Style Sheets，CSS)：则通常用来设计网页的风格(比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格)。通过设立级联样式表CSS文档，可以统一地控制HTML网页文档中各部分的显示属性，从而方便开发人员更有效地控制网页外观。
[0026]3)脚本语言JavaScript：一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。进一步的，通过JavaScript，您可以重构整个HTML文档，可以添加、移除、改变或重排页面上的项目。
[0027]4)文档对象模型(Document Object Model，DOM)：可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构，是表示和处理一个HTML的常用方法，DOM实际上是以面向对象方式描述的文档模型，定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。要改变页面的某个东西，JavaScript就需要获得对HTML文档中所有元素进行访问的入口，这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过DOM来获得。
[0028]目前，现有网页页面的开发受限于开发人员的技术水准，存在网页页面开发效率低且质量差的缺陷，并且仅支持桌面浏览器端的固定尺寸的网页页面生成模式，不仅导致了生成的网页本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种生成网页的方法，其特征在于，所述方法包括：获取目标任务脚本对应的目标网页参数；其中，所述目标网页参数包括目标源文件、标记语言以及目标应用环境，所述目标任务脚本是根据待生成的网页的网页参数生成的；根据所述目标源文件和所述标记语言生成第一代码文件；其中，所述第一代码文件为使所述待生成的网页适用于不同页面布局的层叠样式表CSS代码；基于所述目标应用环境和所述第一代码文件生成第二代码文件；其中，所述第二代码文件为使所述待生成的网页适用于不同应用环境的代码；根据所述第二代码文件生成所述目标应用环境对应的目标页面。2.根据权利要求1所述的方法，其特征在于，所述根据所述目标源文件和所述标记语言生成第一代码文件，包括：建立所述目标源文件对应的虚拟文档对象模型DOM树；其中，所述虚拟DOM树用于通过树结构来表征所述目标源文件中的多个元素信息之间的关系；根据所述虚拟DOM树、所述标记语言生成所述第一代码文件。3.根据权利要求2所述的方法，其特征在于，所述建立所述目标源文件对应的虚拟DOM树，包括：获取所述目标源文件对应的初始数据；其中，所述初始数据包括所述目标源文件对应的所述多个元素信息；遍历所述多个元素信息，生成所述多个元素信息对应的多个虚拟DOM节点；其中，一个元素信息对应一个虚拟DOM节点；基于所述多个虚拟DOM节点构建所述虚拟DOM树。4.根据权利要求3所述的方法，其特征在于，所述标记语言包括样式属性语言和功能语言，所述根据所述虚拟DOM树、所述标记语言生成所述第一代码文件，包括：遍历所述虚拟DOM树中的所述多个虚拟DOM节点，构建目标DOM树；基于所述目标DOM树、所述功能语言以及所述样式属性语言，分别生成功能代码文件和样式属性代码文件；根据所述目标DOM树、所述功能代码文件和所述样式属性代码文件生成所述第一代码文件。5.根据权利要求4所述的方法，其特征在于，所述基于所述目标DOM树、所述功能语言以及所述样式属性语言，分别生成功能代码文件和样式属性代码文件，包括：基于所述功能语言和所述目标DOM树生成所述功能代码文件；根据预设布局策略和所述样式属性语言生成所述样式属性代码文件；其中，所述预设布局策略用于建立不同页面的布局规则。6.根据权利要求1所述的方法，其特征在于，所述基于所述目标应用环境和所述第一代码文件生成第二代码文件，包括：读取所述目标应用环境对应的预设字段；其中，所述预设字段用于对不同应用环境进行区分；根据所述预设字段确定所述目标应用环境对应的编译配置信息；通过所述编译配置信息，将所述第一代码文件转换为所述第二代码文件。7.根据权利要求1所述的方法，其特征在于，所述基于所述目标应用环境和所述第一代
码文件生成第二代码文件之后，所述方法还包括：将所述第一代码文件和所述第二代码文件上传至服务器，以实现基于浏览器的代码文件下载和网页渲染。8.一种生成网页的设备，其特征在于，所述设备包括获取单元以及生成单元，所述获取单元，用于获取目标任务脚本对应的目标网页参数；其中，所述目标网页参数包括目标源文件、标记语言以及目标应用环境，所述目标任务脚本是根据待生成的网页的网页参数生成的；所述生成...

【专利技术属性】
技术研发人员：顾志晖，
申请(专利权)人：中国移动通信集团有限公司，
类型：发明
国别省市：