一种H5页面的生成方法及装置制造方法及图纸

本申请提供了一种H5页面的生成方法及装置，其中，方法包括：获取包括目标图层的初始设计稿；获取标记后的设计稿，所述标记后的设计稿为根据页面组件需求对目标图层标记得到，页面组件需求用于指示目标H5页面的配置信息；通过图层解析插件解析所述标记后的设计稿，以得到领域特定语言DSL文件；基于与领域特定语言DSL文件相匹配的组件模板数据生成所述目标H5页面。本申请实施例基于页面组件需求对设计稿进行标记，通过图层解析插件将标记后的设计稿转换为DSL文件，并基于DSL文件生成所需的H5页面。由此可见，本申请实施例提供了一种基于图层自动化解析以实现H5页面自动化生成的方法，提高了H5页面的开发效率。

【技术实现步骤摘要】

本申请涉及网页开发，尤其涉及一种h5页面的生成方法及装置。

技术介绍

1、h5页面是指基于超文本标记语言5(hypertext markup language 5，html5)技术开发的网页页面。h5页面由于其便捷的编辑与维护、适用于多种设备、易于传播等优势得到广泛应用。

2、一个h5页面，从构思到开发出来，其开发周期很短，这要求开发人员在短时间内全新开发出一个h5页面，然而现有的h5页面开发过程中，h5页面的素材是通过设计部门将设计稿中的素材裁剪后给到运营部门，运营部门使用素材在活动模板编辑器进行相关配置，跨部门协作过程以及配置过程中可能存在错误导致现有的h5页面开发过程效率低。

技术实现思路

1、有鉴于此，本申请提供了一种h5页面的生成方法及装置，用以提高h5页面的开发效率。

2、其技术方案如下：

3、第一方面，本申请实施例提供了一种h5页面的生成方法，所述方法包括：

4、获取初始设计稿，所述初始设计稿包括目标图层；

5、获取标记后的设计稿，所述本文档来自技高网...

【技术保护点】

1.一种H5页面的生成方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述获取标记后的设计稿，包括：

3.根据权利要求2所述的方法，其特征在于，所述通过图层解析插件解析所述标记后的设计稿，得到领域特定语言DSL文件，包括：

4.根据权利要求3所述的方法，其特征在于，所述解析所述预处理后的图层集，获得所述领域特定语言DSL文件，包括：

5.根据权利要求3或4所述的方法，其特征在于，在所述解析所述预处理后的图层集之前，所述方法还包括：

6.根据权利要求3或4所述的方法，其特征在于，所述基于与所述领域特定语...

【技术特征摘要】

1.一种h5页面的生成方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述获取标记后的设计稿，包括：

3.根据权利要求2所述的方法，其特征在于，所述通过图层解析插件解析所述标记后的设计稿，得到领域特定语言dsl文件，包括：

4.根据权利要求3所述的方法，其特征在于，所述解析所述预处理后的图层集，获得所述领域特定语言dsl文件，包括：

5.根据权利要求3或4所述的方法，其特征在于，在所述解析所述预处理后的图层...

【专利技术属性】
技术研发人员：张喜，张宗博，
申请(专利权)人：深圳依时货拉拉科技有限公司，
类型：发明
国别省市：