[发明专利]一种web界面布局方法及装置

说明书

技术领域

本发明涉及信息管理技术领域，特别涉及一种web界面布局方法及装置。

背景技术

在现有技术中，web界面的布局是由开发设计人员预先设置好的，界面元素的显示和排列是固定的。随着web信息系统应用的普及以及用户信息化水平的不断提高，终端用户对web界面的显示要求越来越高，并且不同终端用户对于web界面的布局要求也不同，因此，如何满足不同终端用户对web界面的布局要求，是目前急需研究的主题。

发明内容

本发明实施例提供了一种web界面布局方法及装置，以实现对web界面布局的调整。

第一方面，本发明实施例提供了一种web界面布局方法，包括：

针对至少一个控件分别配置相应地控件属性设置表；

根据配置的至少一个控件属性设置表，生成数据分组对象；

将所述数据分组对象中的每一个控件进行分组整理；

根据分组整理后的数据分组对象，进行界面布局的展示。

其中，所述将所述数据分组对象中的每一个控件进行分组整理，包括：

针对所述数据分组对象中每一个控件属性设置表分别执行如下操作：

S31：判断当前控件属性设置表中控件的当前页分组是否为空，若当前页分组不为空，则进一步判断该当前页分组名称是否存在，若该当前页分组名称存在，则执行S32；若当前页分组为空，则进一步判断该当前页分组的前页分组是否为空，若前页分组不为空，则创建空页分组，并执行S32；若前页分组为空，则进一步判断该前页分组名称是否存在，若该前页分组名称存在，则执行S32；若该前页分组名称不存在，则创建空页分组，并执行S32；

S32：判断组分组是否存在，若组分组存在，则执行S33；若组分组不存在，则创建组分组，并执行S33；

S33：将当前控件属性设置表中控件的界面元素放置到组分组中。

其中，所述根据分组整理后的数据分组对象，进行界面布局的展示，包括：

针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器，并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中；

针对每一个当前页分组容器中的每一个当前页分组对象，分别执行如下操作：在确定当前组分组对象中包括未被放置的目标控件时，则根据预先设置的界面属性信息，将所述目标控件放置到界面的相应位置处，直到当前组分组对象中的所有控件被放置结束。

其中，所述将所述目标控件放置到界面的相应位置处，包括：

在确定当前组分组对象中包括未被放置的目标控件时，判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数，若是，则将所述目标控件放置在当前放置有控件的行的剩余列数上，否则，增加新行，并将所述目标控件放置在增加的新行上。

其中，所述将所述目标控件放置到界面的相应位置处，包括：

在确定当前组分组对象中包括未被放置的目标控件时，判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数，若是，则将所述目标控件放置在当前放置有控件的行的剩余列数上，否则，继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置，直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时，增加新行，并将该未被放置的目标控件放置到增加的新行上。

第二方面，本发明实施例还提供了一种web界面布局装置，包括：

配置单元，用于针对至少一个控件分别配置相应地控件属性设置表；

生成单元，用于根据配置的至少一个控件属性设置表，生成数据分组对象；

整理单元，用于将所述数据分组对象中的每一个控件进行分组整理；

展示单元，用于根据分组整理后的数据分组对象，进行界面布局的展示。

其中，所述整理单元，具体用于针对所述数据分组对象中每一个控件属性设置表分别执行如下操作：

判断当前控件属性设置表中控件的当前页分组是否为空；

若当前页分组不为空，则进一步判断该当前页分组名称是否存在；

若该当前页分组名称存在，则判断组分组是否存在；

若组分组存在，则将当前控件属性设置表中控件的界面元素放置到组分组中；

若组分组不存在，则创建组分组，并将当前控件属性设置表中控件的界面元素放置到组分组中；

若当前页分组为空，则进一步判断该当前页分组的前页分组是否为空；