一种网页生成方法、装置、终端及存储介质制造方法及图纸

本发明专利技术公开了一种网页生成方法、装置、终端及存储介质，其中，网页生成包括：获取目标图层文件；解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；确定所述网页元素列表中的至少一个目标网页元素；根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；根据所述网页组件元素生成目标网页。本发明专利技术在快速还原设计稿的基础上，提高了制作具有较强交互性网页的效率。

A web page generation method, device, terminal and storage medium

【技术实现步骤摘要】
一种网页生成方法、装置、终端及存储介质
本专利技术涉及计算机
，特别涉及一种网页生成方法、装置、终端及存储介质。
技术介绍
随着计算机技术的快速发展，智能手机等终端设备已深入到人们的生活中，用户通过智能手机可以更加快速、便捷的浏览各种网页，因此对网页的需求量大大增加。网页的制作需要基于设计师的页面设计稿，相关技术中，在进行网页制作时，网页开发者要花费大量的时间去手动测量设计稿中的距离等信息并将测量的信息手动输入至编辑工具中，导致网页制作的效率大大降低，而且制作的网页的用户体验效果也比较差。
技术实现思路
为了解决现有技术的问题，本专利技术实施例提供了一种网页生成方法、装置、终端及存储介质。所述技术方案如下：一方面，提供了一种网页生成方法，所述方法包括：获取目标图层文件；解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；确定所述网页元素列表中的至少一个目标网页元素；根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；根据所述网页组件元素生成目标网页。另一方面，提供了一种网页生成装置，所述装置包括：第一获取模块，用于获取目标图层文件；解析模块，用于解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；第一确定模块，用于确定所述网页元素列表中的至少一个目标网页元素；第二确定模块，用于根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；展示模块，用于展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；更新模块，用于根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；生成模块，用于根据所述网页组件元素生成目标网页。在一个可选的实施方式中，所述解析模块包括：解析子模块，用于解析所述目标图层文件，得到所述目标图层文件中的图层信息列表；所述图层信息列表中的图层信息至少包括图层属性；格式转换模块，用于按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到所述网页元素列表；其中，所述网页元素列表中的网页元素与所述图层信息列表中的图层信息相对应。在一个可选的实施方式中，所述解析模块还包括：接收模块，用于接收对所述图层信息列表中图层信息的移动；第三确定模块，用于确定移动后的图层信息列表中各图层信息之间的嵌套关系，得到调整图层信息列表；相应的，所述格式转换模块，具体用于按照所述目标网页所对应的数据格式，对所述调整图层信息列表中的图层信息进行格式转换，得到网页元素列表。在一个可选的实施方式中，所述图层信息还包括图层样式；所述网页元素还包括与所述图层样式相对应的元素样式信息；所述格式转换模块包括：第二获取模块，用于获取编辑区域的宽度信息；第三获取模块，用于获取所述图层样式中的目标对象；第四确定模块，用于根据预置的视窗宽度与根元素字体大小的对应关系，确定所述编辑区域的宽度信息所对应的字体大小；计算模块，用于计算所述目标对象，与所述编辑区域的宽度信息所对应的字体大小的比值；第五确定模块，用于根据所述比值确定所述目标对象在所述元素样式信息中的描述。在一个可选的实施方式中，所述解析模块还包括：判断模块，用于判断所述图层信息中是否包含图片；第一存储模块，用于在判断模块判断的结果为是时，将所述图片存储至内容分发网络中；第四获取模块，用于获取所述图片在所述内容分发网络中的图片存储地址；替换模块，用于将所述图层信息所对应的网页元素中的图片替换为所述图片存储地址。在一个可选的实施方式中，所述展示模块在确定所述配置界面中的配置信息时，响应于对所述配置界面中预设第三方应用的选择指令，确定目标第三方应用；获取所述目标第三方应用的配置参数；确定所述目标第三方应用在不同操作状态下所对应的目标网页元素的展示样式；其中，所述目标第三方应用的配置参数和所述目标网页元素的展示样式作为所述配置信息。在一个可选的实施方式中，所述装置还包括：第二存储模块，用于将所述目标网页存储在指定存储空间；第五获取模块，用于获取所述目标网页在所述指定存储空间中的网页存储地址；发布模块，用于发布所述网页存储地址。另一方面，提供了一种终端，包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述网页生成方法。另一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述的网页生成方法。本专利技术实施例通过确定网页元素列表中的目标网页元素，根据对预设功能组件集合中功能组件的选择指令，确定该目标网页元素指向的目标功能组件，然后展示该目标功能组件的配置界面，确定该配置界面中的配置信息，并根据该配置信息更新目标网页元素的属性信息，从而得到指向目标功能组件的网页组件元素，再基于该网页组件元素生成目标网页，进而将目标网页元素转换成具有某种交互功能的组件，可以在快速还原设计稿的基础上，制作出具有多种交互功能的网页，提高了制作具有较强交互性网页的效率，以及用户浏览网页时的体验效果。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的一种实施环境的示意图；图2是本专利技术实施例提供的一种网页生成方法的流程示意图；图3a是本专利技术实施例提供的获取目标图层文件的部分界面示意图；图3b是本专利技术实施例提供的网页元素列表的部分界面示意图；图4是本专利技术实施例提供的解析目标图层文件得到用于构成网页的网页元素列表的一种方法的流程示意图；图5a是本专利技术实施例提供的根据对预设功能组件集合中功能组件的选择指令，确定目标网页元素指向的目标功能组件的部分界面示意图；图5b是本专利技术实施例提供的目标功能组件的配置界面的部分界面示意图；图6是本专利技术实施例提供的一种网页生成装置的结构示意图；图7是本专利技术实施例提供的一种终端的硬件结构框图。具体实施方式下面将结合本专利技术实施例中的附图，对本发本文档来自技高网...

【技术保护点】
1.一种网页生成方法，其特征在于，所述方法包括：/n获取目标图层文件；/n解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；/n确定所述网页元素列表中的至少一个目标网页元素；/n根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；/n展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；/n根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；/n根据所述网页组件元素生成目标网页。/n

【技术特征摘要】
1.一种网页生成方法，其特征在于，所述方法包括：
获取目标图层文件；
解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；
确定所述网页元素列表中的至少一个目标网页元素；
根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；
展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；
根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；
根据所述网页组件元素生成目标网页。


2.根据权利要求1所述的网页生成方法，其特征在于，所述解析所述目标图层文件，得到用于构成网页的网页元素列表包括：
解析所述目标图层文件，得到所述目标图层文件中的图层信息列表；所述图层信息列表中的图层信息至少包括图层属性；
按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到所述网页元素列表；
其中，所述网页元素列表中的网页元素与所述图层信息列表中的图层信息相对应。


3.根据权利要求2所述的网页生成方法，其特征在于，在按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换之前，所述方法还包括：
接收对所述图层信息列表中图层信息的移动；
确定移动后的图层信息列表中各图层信息之间的嵌套关系，得到调整图层信息列表；
相应的，所述按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到网页元素列表包括：
按照所述目标网页所对应的数据格式，对所述调整图层信息列表中的图层信息进行格式转换，得到网页元素列表。


4.根据权利要求2所述的网页生成方法，其特征在于，所述图层信息还包括图层样式；所述网页元素还包括与所述图层样式相对应的元素样式信息；
所述按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到所述网页元素列表包括：
获取编辑区域的宽度信息；
获取所述图层样式中的目标对象；
根据预置的视窗宽度与根元素字体大小的对应关系，确定所述编辑区域的宽度信息所对应的字体大小；
计算所述目标对象，与所述编辑区域的宽度信息所对应的字体大小的比值；
根据所述比值确定所述目标对象在所述元素样式信息中的描述。


5.根据权利要求2...

【专利技术属性】
技术研发人员：罗永彬，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44