一种动态栅格生成方法、设备、存储介质技术

本发明专利技术公开了一种动态栅格生成方法、设备、存储介质，包括以下步骤：步骤S1、初始化表格控件，通过表格控件建立表格，所述表格包含至少一个单元格；步骤S2、通过所述表格控件调整所有所述单元格；添加若干表格元素至调整后的单元格中，为所述表格元素配置元素数据并调整所述表格元素；步骤S3、以单元格作为最小循环单位，设置单元格的循环方式，完成动态栅格的设置。本发明专利技术可在表格中设置多种表格元素，满足使用需求。满足使用需求。满足使用需求。

【技术实现步骤摘要】
一种动态栅格生成方法、设备、存储介质


[0001]本专利技术涉及网页生成
，尤其涉及一种动态栅格生成方法、设备、存储介质。

技术介绍

[0002]当前拖拽元素生成展示网页的技术使用场景广泛，其中拖拽的元素包括图片、视频、文本、表格、网页表单等。其中表格元素现有技术的实现大多是通过先配置出表格的列数，再配置表格第一行每一个单元格的数据，通过第一行每个单元格配置的数据循环渲染出表格的其它行。
[0003]但是上述表格中每一个单元格所包含的内容是固定的，只能在一个单元格中配置图片、文本或者其它某一种元素，无法满足现有的使用需求。

技术实现思路

[0004]为了克服现有技术的不足，本专利技术的目的在于提供一种动态栅格生成方法，可在表格中设置多种表格元素，满足使用需求。
[0005]本专利技术的目的之二在于提供一种设备，执行一种动态栅格生成方法，可在表格中设置多种表格元素，满足使用需求。
[0006]本专利技术的目的之三在于提供一种存储介质，执行一种动态栅格生成方法，可在表格中设置多种表格元素，满足使用需求。
[0007]本专利技术的目的之一采用如下技术方案实现：
[0008]一种动态栅格生成方法，本方法包括以下步骤：
[0009]步骤S1、初始化表格控件，通过表格控件建立表格，所述表格包含至少一个单元格；
[0010]步骤S2、通过所述表格控件调整所有所述单元格；添加若干表格元素至调整后的单元格中，为所述表格元素配置元素数据并调整所述表格元素；r/>[0011]步骤S3、以单元格作为最小循环单位，设置单元格的循环方式，完成动态栅格的设置。
[0012]进一步地，还包括以下步骤：
[0013]步骤S4、获取表格扩展的基本信息，根据所述基本信息渲染所述表格的单元格；所述扩展的基本信息包括扩展方向、渲染行数或渲染列数、展现方式。
[0014]进一步地，所述步骤S2中通过所述表格控件调整所述单元格，具体为，
[0015]接收拖动表格控件指令，根据所述拖动表格控件指令的起始位置及结束位置，确定所述表格调整的最终位置及表格的尺寸。
[0016]进一步地，所述步骤S2中通过所述表格控件调整所述单元格，具体为，通过所述表格控件设置所述表格的尺寸及位置，由表格控件生成对应尺寸、位置的表格。
[0017]进一步地，所述表格的尺寸包括表格的宽度及高度，所述表格的宽度及高度不超
过所述表格控件中设置的宽度及高度。
[0018]进一步地，所述步骤S1中，初始化表格控件，具体为设置所述表格控件的宽度、高度、所述表格的基本信息，所述表格的基本信息包括表格的尺寸范围、行数或列数的阈值。
[0019]进一步地，所述表格元素包括以下至少一项：图片、文本、视频、表单。
[0020]进一步地，所述单元格的展现方式包括溢出滚动或溢出隐藏。
[0021]本专利技术的目的之二采用如下技术方案实现：
[0022]一种设备，其包括处理器、存储器及存储于所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上任一所述一种动态栅格生成方法。
[0023]本专利技术的目的之三采用如下技术方案实现：
[0024]一种存储介质，其上存储有计算机程序，所述计算机程序被执行时实现如上任一所述一种动态栅格生成方法。
[0025]相比现有技术，本专利技术的有益效果在于：
[0026]本专利技术公开了一种动态栅格生成方法、设备、存储介质，通过表格控件设置所述表格，在表格内设置若干表格元素，以单元格作为最小循环单位设置单元格的循环方式，实现在表格中设置多种表格元素，解决现有网页中的网页元素各种属性固定，用户无法根据具体需求进行动态修改的问题，满足使用需求。
附图说明
[0027]图1为本专利技术所提供实施例的流程示意图。
具体实施方式
[0028]下面，结合附图以及具体实施方式，对本专利技术做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
[0029]本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0030]需要说明的是，在本专利技术中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本专利技术要求的保护范围之内。
[0031]本专利技术提供了一种动态栅格生成方法，可在表格中设置多种表格元素，满足使用
需求。
[0032]具体的，如图1所示，本方法包括了以下步骤：
[0033]步骤S1、初始化表格控件，通过表格控件建立表格，所述表格包含至少一个单元格。表格控件用于设置、调整所述表格。初始化表格控件，具体为设置所述表格控件的宽度、高度、所述表格的基本信息，所述表格的基本信息包括表格的尺寸范围、行数或列数的阈值，便于后续在预定范围调整表格，适应网页的需求。
[0034]步骤S2、通过所述表格控件调整所有所述单元格；添加若干表格元素至调整后的单元格中，为所述表格元素配置元素数据并调整所述表格元素。
[0035]表格中的单元格固定于表格空间的左上角，单元格可以通过表格空间进行调整。所述步骤S2中通过所述表格控件调整所述单元格，具体为，接收拖动表格控件指令，根据所述拖动表格控件指令的起始位置及结束位置，确定所述表格调整的最终位置及表格的尺寸。
[0036]通过表格控件调整所述单元格的另一种是实施方式是通过所述表格控件设置所述表格的尺寸及位置，由表格控件生成对应尺寸、位置的表格。在无法手动拖动，或者难以拖动至准确位置的情况下，可以通过表格控件直接设置，便于精准定位所述表格。所述表格的尺寸包括表格的宽度及高度，所述表格的宽度及高度不超过所述表格控件中设置的宽度及高度，以适应网页中表格要求。
[0037]所述表格元素包括以下至少一项：图片、文本、视频、表单。单元格中的表格元素可以为以上任意一种或多种，以满足用户的使用需求。在单元格中添加的表格元素可单独配置其包含的数据。更多的，所述表格元素可相对单元格进行位置、尺寸的调整，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动态栅格生成方法，其特征在于，本方法包括以下步骤：步骤S1、初始化表格控件，通过表格控件建立表格，所述表格包含至少一个单元格；步骤S2、通过所述表格控件调整所有所述单元格；添加若干表格元素至调整后的单元格中，为所述表格元素配置元素数据并调整所述表格元素；步骤S3、以单元格作为最小循环单位，设置单元格的循环方式，完成动态栅格的设置。2.如权利要求1所述的一种动态栅格生成方法，其特征在于，还包括以下步骤：步骤S4、获取表格扩展的基本信息，根据所述基本信息渲染所述表格的单元格；所述扩展的基本信息包括扩展方向、渲染行数或渲染列数、展现方式。3.如权利要求2所述的一种动态栅格生成方法，其特征在于，所述步骤S2中通过所述表格控件调整所述单元格，具体为，接收拖动表格控件指令，根据所述拖动表格控件指令的起始位置及结束位置，确定所述表格调整的最终位置及表格的尺寸。4.如权利要求2所述的一种动态栅格生成方法，其特征在于，所述步骤S2中通过所述表格控件调整所述单元格，具体为，通过所述表格控件设置所述表格的尺寸及位置，...

【专利技术属性】
技术研发人员：陈曙，熊大为，谢凯凯，
申请(专利权)人：长沙朗源电子科技有限公司，
类型：发明
国别省市：