页面生成方法、装置、计算机设备和存储介质制造方法及图纸

本申请涉及一种页面生成方法、装置、计算机设备和存储介质,通过实时获取终端显示页面的页面信息，并根据终端对展示的页面中的页面元素进行移动或调整操作的更新请求，生成待更新的页面元素的属性信息，以根据待更新的页面元素的属性信息计算页面中其他页面元素占用栅格区域的起始坐标替换位置，进而渲染生成新的页面。从而实现不需要通过后台进行编辑，仅通过对原有的页面中的页面元素进行操作即可对页面布局进行更新，极大的提高了页面布局的效率和灵活性。

Page generation method, device, computer equipment and storage medium

【技术实现步骤摘要】
页面生成方法、装置、计算机设备和存储介质
本申请涉及计算机
，特别是涉及一种页面生成方法、装置、计算机设备和存储介质。
技术介绍
随着互联网系统的高速发展，越来越多的用户选择通过移动终端访问互联网，以获取互联网中的各种资源信息。通常，通过移动终端中显示的页面可以快速获取资源信息。而对于移动终端显示页面中展示的页面元素，一般会针对每个页面元素都编写对应的框架，并针对框架和填充的数据编写相应的样式。然而，传统技术中页面元素均是加载在页面的固定位置，且不能移动，每次对页面元素进行位置或大小调整都需要在后台修改页面参数，从而花费较多的时间和精力。
技术实现思路
基于此，有必要针对上述对页面元素进行调整需要修改后台参数的技术问题，提供一种页面生成方法、装置、计算机设备和存储介质。为了实现上述目的，一方面，本申请实施例提供了一种页面生成方法，所述方法包括：获取当前显示的页面信息，其中，页面信息包括以多个栅格为背景的画布以及映射在画布上的多个页面元素；接收对页面元素的更新请求，生成待更新的页面元素的属性信息，其中，待更新的页面元素的属性信息包括待更新的页面元素占用画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目；根据待更新的页面元素占用画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目，计算当前页面上除所述页面元素外的其他页面元素占用画布上栅格区域的起始坐标替换位置；根据待更新的页面元素的属性信息以及当前页面上除页面元素外的其他页面元素占用画布上栅格区域的起始坐标替换位置，渲染生成新的页面。在其中一个实施例中，接收对所述页面元素的更新请求，生成待更新的页面元素的属性信息，包括：接收对页面元素的移动或缩放处理，检测对页面元素进行移动或缩放处理的偏移量；根据页面元素占用画布上栅格区域的初始坐标位置、占用栅格的初始数目以及偏移量，生成对页面元素进行移动或缩放处理后的属性信息，将对页面元素进行移动或缩放处理后的属性信息作为待更新的页面元素的属性信息。在其中一个实施例中，根据页面元素占用画布上栅格区域的初始坐标位置、占用栅格的初始数目以及所述偏移量，生成对所述页面元素进行移动或缩放处理后的属性信息，包括：将偏移量对应到栅格的预设宽度以及高度，得到偏移量占用栅格的第二数目以及方向信息；根据页面元素占用画布上栅格区域的初始坐标位置、占用栅格的初始数目以及偏移量占用栅格的第二数目和方向信息，计算对页面元素进行移动或缩放处理后占用画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目。在其中一个实施例中，根据待更新的页面元素占用画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目，计算当前页面上除所述页面元素外的其他页面元素占用画布上栅格区域的起始坐标替换位置，包括：根据待更新的页面元素占用画布上栅格区域的第一起始坐标位置、占用栅格的第一数目，以及当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的初始坐标位置和对应占用栅格的数目，判断其他页面元素与所述待更新的页面元素之间是否存在重复占用的栅格；若存在，则根据其他页面元素对应占用栅格的数目，对其他页面元素占用画布上栅格区域的初始坐标位置进行加权处理，直到与待更新的页面元素之间不存在重复占用的栅格，将对初始坐标位置进行加权处理后的坐标位置作为其他页面元素占用画布上栅格区域的起始坐标替换位置。在其中一个实施例中，根据其他页面元素对应占用栅格的数目，对其他页面元素占用画布上栅格区域的初始坐标位置进行加权处理，直到与待更新的页面元素之间不存在重复占用的栅格，包括：根据其他页面元素对应占用栅格的数目，将其他页面元素占用画布上栅格区域的初始坐标位置在水平方向或垂直方向上进行加权处理；若加权处理后的其他页面元素的栅格区域与待更新的页面元素之间仍存在重复占用的栅格，则检测加权处理后的栅格区域是否到达画布的展示边界；若加权处理后的其他页面元素的栅格区域未到达画布的展示边界，则重复上述加权处理的步骤，直到加权处理后的其他页面元素的栅格区域与待更新的页面元素之间不存在重复占用的栅格。在其中一个实施例中，上述方法还包括：若加权处理后的其他页面元素的栅格区域到达画布的展示边界，则在平行于展示边界的方向上对其他页面元素进行加权处理，直到加权处理后的其他页面元素的栅格区域与待更新的页面元素之间不存在重复占用的栅格。在其中一个实施例中，渲染生成新的页面之前，上述方法还包括：根据待更新的页面元素的属性信息以及当前画布上除所述页面元素外的其他页面元素占用画布上栅格区域的起始坐标替换位置，更新对应页面元素的初始属性信息，其中，页面元素的初始属性信息包括所述页面元素占用所述画布上栅格区域的初始坐标位置以及占用栅格的初始数目；则渲染生成新的页面，包括：根据更新后的页面元素的属性信息渲染生成对应的页面元素，得到新的页面。另一方面，本申请实施例还提供了一种页面生成装置，包括：页面信息获取模块，用于获取当前显示的页面信息，其中，页面信息包括以多个栅格为背景的画布以及映射在所述画布上的多个页面元素；更新请求接收模块，用于接收对页面元素的更新请求，生成待更新的页面元素的属性信息，其中，待更新的页面元素的属性信息包括待更新的页面元素占用画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目；坐标更新模块，用于根据待更新的页面元素占用画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目，计算当前页面上除页面元素外的其他页面元素占用画布上栅格区域的起始坐标替换位置；页面生成模块，用于根据待更新的页面元素的属性信息以及当前页面上除页面元素外的其他页面元素占用画布上栅格区域的起始坐标替换位置，渲染生成新的页面。又一方面，本申请实施例还提供了一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如上所述方法的步骤。再一方面，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述方法的步骤。上述页面生成方法、装置、计算机设备和存储介质，通过实时获取终端显示页面的页面信息，并根据终端对展示的页面中的页面元素进行移动或调整操作的更新请求，生成待更新的页面元素的属性信息，以根据待更新的页面元素的属性信息计算页面中其他页面元素占用栅格区域的起始坐标替换位置，进而渲染生成新的页面。从而实现不需要通过后台进行编辑，仅通过对原有的页面中的页面元素进行操作即可对页面布局进行更新，极大的提高了页面布局的效率和灵活性。附图说明图1为一个实施例中页面生成方法的应用环境图；图2为一个实施例中页面生成方法的流程示意图；图3为一个实施例中生成待更新的页面元素的属性信息的步骤的流程示意图；图4为一个实施例中生成其他页面元素占用栅格区域的起始坐标替换位置的步骤的流程示意图；图5为另一个实施例中生成其他页面元素占用栅格区域的起始坐标替换位置的步骤的流程示意图；图本文档来自技高网...

【技术保护点】
1.一种页面生成方法，其特征在于，所述方法包括：/n获取当前显示的页面信息，所述页面信息包括以多个栅格为背景的画布以及映射在所述画布上的多个页面元素；/n接收对所述页面元素的更新请求，生成待更新的页面元素的属性信息，所述待更新的页面元素的属性信息包括待更新的页面元素占用所述画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目；/n根据所述待更新的页面元素占用所述画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目，计算当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的起始坐标替换位置；/n根据所述待更新的页面元素的属性信息以及当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的起始坐标替换位置，渲染生成新的页面。/n

【技术特征摘要】
1.一种页面生成方法，其特征在于，所述方法包括：
获取当前显示的页面信息，所述页面信息包括以多个栅格为背景的画布以及映射在所述画布上的多个页面元素；
接收对所述页面元素的更新请求，生成待更新的页面元素的属性信息，所述待更新的页面元素的属性信息包括待更新的页面元素占用所述画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目；
根据所述待更新的页面元素占用所述画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目，计算当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的起始坐标替换位置；
根据所述待更新的页面元素的属性信息以及当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的起始坐标替换位置，渲染生成新的页面。


2.根据权利要求1所述的页面生成方法，其特征在于，所述接收对所述页面元素的更新请求，生成待更新的页面元素的属性信息，包括：
接收对所述页面元素的移动或缩放处理，检测对所述页面元素进行移动或缩放处理的偏移量；
根据所述页面元素占用所述画布上栅格区域的初始坐标位置、占用栅格的初始数目以及所述偏移量，生成对所述页面元素进行移动或缩放处理后的属性信息，将对所述页面元素进行移动或缩放处理后的属性信息作为待更新的页面元素的属性信息。


3.根据权利要求2所述的页面生成方法，其特征在于，所述根据所述页面元素占用所述画布上栅格区域的初始坐标位置、占用栅格的初始数目以及所述偏移量，生成对所述页面元素进行移动或缩放处理后的属性信息，包括：
将所述偏移量对应到所述栅格的预设宽度以及高度，得到所述偏移量占用栅格的第二数目以及方向信息；
根据所述页面元素占用所述画布上栅格区域的初始坐标位置、占用栅格的初始数目以及所述偏移量占用栅格的第二数目和方向信息，计算对所述页面元素进行移动或缩放处理后占用所述画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目。


4.根据权利要求1所述的页面生成方法，其特征在于，所述根据所述待更新的页面元素占用所述画布上栅格区域的第一起始坐标位置以及占用栅格的第一数目，计算当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的起始坐标替换位置，包括：
根据所述待更新的页面元素占用所述画布上栅格区域的第一起始坐标位置、占用栅格的第一数目，以及当前页面上除所述页面元素外的其他页面元素占用所述画布上栅格区域的初始坐标位置和对应占用栅格的数目，判断所述其他页面元素与所述待更新的页面元素之间是否存在重复占用的栅格；
若存在，则根据所述其他页面元素对应占用栅格的数目，对所述其他页面元素占用所述画布上栅格区域的初始坐标位置进行加权处理，直到与所述待更新的页面元素之间不存在重复占用的栅格，将对初始坐标位置进行加权处理后的坐标位置作为所述其他页面元素占用所述画布上栅格区域的起始坐标替换位置。


5.根据权利要求4所述的页面生成方法，...

【专利技术属性】
技术研发人员：张慧俊，
申请(专利权)人：浙江大搜车软件技术有限公司，
类型：发明
国别省市：浙江;33