CN105760155A - 一种web界面布局方法及装置 - Google Patents
一种web界面布局方法及装置 Download PDFInfo
- Publication number
- CN105760155A CN105760155A CN201610059532.1A CN201610059532A CN105760155A CN 105760155 A CN105760155 A CN 105760155A CN 201610059532 A CN201610059532 A CN 201610059532A CN 105760155 A CN105760155 A CN 105760155A
- Authority
- CN
- China
- Prior art keywords
- control
- component group
- packet
- page
- target widget
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种web界面布局方法及装置,其中方法包括:针对至少一个控件分别配置相应地控件属性设置表;根据配置的至少一个控件属性设置表,生成数据分组对象;将所述数据分组对象中的每一个控件进行分组整理;根据分组整理后的数据分组对象,进行界面布局的展示。根据本方案,在用户需要对界面布局进行调整,只需根据自身对界面布局的要求,修改配置控件属性设置表即可,本方案可以根据用户配置的控件属性设置表实现对每一个控件的整理和展示,从而空页实现对web界面布局的调整,进而可以满足不同用户对web界面的布局要求。
Description
技术领域
本发明涉及信息管理技术领域,特别涉及一种web界面布局方法及装置。
背景技术
在现有技术中,web界面的布局是由开发设计人员预先设置好的,界面元素的显示和排列是固定的。随着web信息系统应用的普及以及用户信息化水平的不断提高,终端用户对web界面的显示要求越来越高,并且不同终端用户对于web界面的布局要求也不同,因此,如何满足不同终端用户对web界面的布局要求,是目前急需研究的主题。
发明内容
本发明实施例提供了一种web界面布局方法及装置,以实现对web界面布局的调整。
第一方面,本发明实施例提供了一种web界面布局方法,包括:
针对至少一个控件分别配置相应地控件属性设置表;
根据配置的至少一个控件属性设置表,生成数据分组对象;
将所述数据分组对象中的每一个控件进行分组整理;
根据分组整理后的数据分组对象,进行界面布局的展示。
其中,所述将所述数据分组对象中的每一个控件进行分组整理,包括:
针对所述数据分组对象中每一个控件属性设置表分别执行如下操作:
S31:判断当前控件属性设置表中控件的当前页分组是否为空,若当前页分组不为空,则进一步判断该当前页分组名称是否存在,若该当前页分组名称存在,则执行S32;若当前页分组为空,则进一步判断该当前页分组的前页分组是否为空,若前页分组不为空,则创建空页分组,并执行S32;若前页分组为空,则进一步判断该前页分组名称是否存在,若该前页分组名称存在,则执行S32;若该前页分组名称不存在,则创建空页分组,并执行S32;
S32:判断组分组是否存在,若组分组存在,则执行S33;若组分组不存在,则创建组分组,并执行S33;
S33:将当前控件属性设置表中控件的界面元素放置到组分组中。
其中,所述根据分组整理后的数据分组对象,进行界面布局的展示,包括:
针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器,并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中;
针对每一个当前页分组容器中的每一个当前页分组对象,分别执行如下操作:在确定当前组分组对象中包括未被放置的目标控件时,则根据预先设置的界面属性信息,将所述目标控件放置到界面的相应位置处,直到当前组分组对象中的所有控件被放置结束。
其中,所述将所述目标控件放置到界面的相应位置处,包括:
在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,增加新行,并将所述目标控件放置在增加的新行上。
其中,所述将所述目标控件放置到界面的相应位置处,包括:
在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置,直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时,增加新行,并将该未被放置的目标控件放置到增加的新行上。
第二方面,本发明实施例还提供了一种web界面布局装置,包括:
配置单元,用于针对至少一个控件分别配置相应地控件属性设置表;
生成单元,用于根据配置的至少一个控件属性设置表,生成数据分组对象;
整理单元,用于将所述数据分组对象中的每一个控件进行分组整理;
展示单元,用于根据分组整理后的数据分组对象,进行界面布局的展示。
其中,所述整理单元,具体用于针对所述数据分组对象中每一个控件属性设置表分别执行如下操作:
判断当前控件属性设置表中控件的当前页分组是否为空;
若当前页分组不为空,则进一步判断该当前页分组名称是否存在;
若该当前页分组名称存在,则判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若当前页分组为空,则进一步判断该当前页分组的前页分组是否为空;
若前页分组不为空,则创建空页分组,并判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若前页分组为空,则进一步判断该前页分组名称是否存在;
若该前页分组名称存在,则判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若该前页分组名称不存在,则创建空页分组,并判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中。
其中,所述展示单元,具体用于针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器,并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中;针对每一个当前页分组容器中的每一个当前页分组对象,分别执行如下操作:在确定当前组分组对象中包括未被放置的目标控件时,则根据预先设置的界面属性信息,将所述目标控件放置到界面的相应位置处,直到当前组分组对象中的所有控件被放置结束。
其中,所述展示单元,用于将所述目标控件放置到界面的相应位置处,具体包括:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,增加新行,并将所述目标控件放置在增加的新行上。
其中,所述展示单元,用于将所述目标控件放置到界面的相应位置处,具体包括:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置,直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时,增加新行,并将该未被放置的目标控件放置到增加的新行上。
本发明实施例提供了一种web界面布局方法及装置,在用户需要对界面布局进行调整,只需根据自身对界面布局的要求,修改配置控件属性设置表即可,本方案可以根据用户配置的控件属性设置表实现对每一个控件的整理和展示,从而空页实现对web界面布局的调整,进而可以满足不同用户对web界面的布局要求。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的一种方法流程图;
图2是本发明一个实施例提供的另一种方法流程图;
图3是本发明一个实施例提供的界面布局示意图;
图4是本发明一个实施例提供的一种分组整理流程图;
图5是本发明一个实施例提供的一种界面布局展示流程图;
图6是本发明一个实施例提供的装置所在设备的硬件架构图;
图7是本发明一个实施例提供的装置结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,本发明实施例提供了一种web界面布局方法,该方法可以包括以下步骤:
步骤101:针对至少一个控件分别配置相应地控件属性设置表。
步骤102:根据配置的至少一个控件属性设置表,生成数据分组对象。
步骤103:将所述数据分组对象中的每一个控件进行分组整理。
步骤104:根据分组整理后的数据分组对象,进行界面布局的展示。
可见上述实施例方案,在用户需要对界面布局进行调整,只需根据自身对界面布局的要求,修改配置控件属性设置表即可,本方案可以根据用户配置的控件属性设置表实现对每一个控件的整理和展示,从而空页实现对web界面布局的调整,进而可以满足不同用户对web界面的布局要求。
在本发明一个实施例中,所述根据分组整理后的数据分组对象,进行界面布局的展示,可以包括:
针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器,并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中;
针对每一个当前页分组容器中的每一个当前页分组对象,分别执行如下操作:在确定当前组分组对象中包括未被放置的目标控件时,则根据预先设置的界面属性信息,将所述目标控件放置到界面的相应位置处,直到当前组分组对象中的所有控件被放置结束。
在本发明一个实施例中,在将目标控件放置到界面的相应位置处可以是:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,增加新行,并将所述目标控件放置在增加的新行上。
对于上述实施例,在当前行的剩余列数小于目标控件的占用列数时,通过增加新行放置目标控件,并没有考虑到当前行的剩余列数空白的情况。因此,在本发明一个实施例中,所述将所述目标控件放置到界面的相应位置处,可以包括:
在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置,直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时,增加新行,并将该未被放置的目标控件放置到增加的新行上。
为使本发明的目的、技术方案和优点更加清楚,下面结合附图及具体实施例对本发明作进一步地详细描述。
如图2所示,本发明实施例提供了一种web界面布局方法,该方法可以包括以下步骤:
步骤201:设置显示界面的最大显示列数。
对于显示界面的设置,一般可以设置界面标识和界面最大显示列数,该界面最大显示列数的设置可以控制界面元素横向排列的最大个数,请参考表1。
表1:
界面最大显示列数的最小值为1,即至少要显示一列,最大值无限制,由于显示屏的宽度有限,为了保证界面元素排列正确,可以设置该界面最大显示列数不大于4,否则排列太密集,无法正常查看。
步骤202:根据用户需求针对至少一个控件分别配置控件属性设置表。
为了满足用户需求,用户可以根据自身需求配置控件属性设置表,该需求可以包括:界面上常用的元素要显示在界面最前方;界面不常用的元素可以放在选项卡等控件中,需要时点击才查看;同类的界面元素要显示到一起,并能明确分组标识;用户当前界面要放置更可能多的信息,不要滚动条,等。
请参考表2,为针对一个控件进行配置的控件属性设置表。
表2:
在本实施例中,请参考图3,页分组是指图3中的“基本信息”“物资列表”“扣款明细”,通过点击“基本信息”页分组,弹出的所有控件信息均属于该“基本信息”页分组的内容。以“基本信息”页分组为例,说明组分组,该组分组是指“招标信息”“保证金信息”“供应商信息”。
根据该步骤,可以实现对界面控件进行多级多次分组,并按显示顺序控制分组和控件的排列顺序。以及可以控制界面控件横向显示列数,并通过定义控件的显示列数来控制控件的宽度,使之能自适应显示屏幕的宽度。
在本发明一个实施例中,界面控件使用页(Tab)分组和组(Group)分组两个属性进行分组,页(Tab)分组属性优先于组(Group)分组。
其中,页(Tab)分组如为空,则界面控件或组容器直接按顺序显示在界面上。如果页(Tab)分组为空的控件排序顺序中有页(Tab)分组或组(Group)分组不为空的控件,则先生成页(Tab)分组或组(Group)分组,然后在生成相应控件,即其可以被页(Tab)分组或组(Group)分组分开,可用于实现页头页尾显示的情形;
其中,页(Tab)分组不为空,所有分组组合为一个选项卡显示,同一分组的控件显示到一个选项卡上。页(Tab)分组下可以有组(Group)分组。
其中,组(Group)分组如果为空,则控件显示在页面上或对应的页(Tab)分组上。根据显示顺序,为空的组(Group)分组控件,可以被其他不为空组分组控件隔开。
其中,组(Group)分组如不为空,则控件分组名称相同的显示在一起,显示在HTML标签fieldset中。
在本发明一个实施例中,界面设置显示最大列数,一个名称显示格和一个控件显示格为一列。控件显示列可以调整占用列数。控件显示列数不能大于界面显示列数。如果控件占用n列,那么这个控件占用的显示格数为2n-1个。
步骤203:根据配置的至少一个控件属性设置表,生成数据分组对象。
在本实施例中,数据分组对象是用来存储按照分组规则预整理后数据的数据结构,方便界面布局展示流程进行界面控件组织和展示。
其中,生成的数据分组对象的属性可以包括:页分组名称、前页分组名称、组序号、组分组对象中的至少一种。其中,组分组对象的属性可以包括:组分组名称、控件个数、控件对象列表中的至少一种,控件对象列表中的对象按显示先后顺序排序。
在本发明一个实施例中,由于该web界面的布局是根据用户需求来设置的,那么在生成数据分组对象时,可以根据控件属性设置表中的显示项来生成,只需将显示项包括“显示”的控件加入到数据分组对象中即可。
步骤204:将所述数据分组对象中的每一个控件进行分组整理。
在本发明一个实施例中,请参考图4,根据数据分组对象读取每一个控件所对应的控件属性设置表中的设置的控件信息,并执行如下操作:
A101:判断当前控件属性设置表中控件的当前页分组是否为空,若是,则执行A102;若否,则执行A106。
A102:判断前页分组是否为空,若是,则执行A103;若否,则执行A105。
A103:判断前页分组名称是否存在,若是,则执行A108;若否,则执行A104。
A104:创建空页分组,并执行A108。
A105:创建空页分组,将页分组序号+1,并执行A108。
A106:判断页分组名称是否存在,若是,执行A108;若否,执行A107。
A107:创建页分组,并执行A108。
A108:判断组分组是否存在,若是,则执行A110;若否,则执行A109。
A109:创建组分组,并执行A110。
A110:将当前控件属性设置表中控件的界面元素放置到组分组中。
其中,A101-A107为页分组整理过程,A108-A110为组分组整理过程。
步骤205:根据分组整理后的数据分组对象,进行界面布局的展示。
请参考图5,在数据分组对象中取出页分组对象执行如下操作:
A201:判断页分组对象是否为空页分组,若否,执行A202;若是,则将该空页分组直接展示在显示界面的相应位置。
其中,若页分组对象为空页分组,表明该页分组对象只包括一个界面元素,请参考图3中的“单位名称”“采购合同名称”“采购合同编号”。
A202:增加页分组容器,并将该页分组对象下的所有控件都放入到该页分组容器中,并执行A203。
A203:从页分组容器中取出一个组分组对象,并判断该组分组对象是否为空组分组,若否,执行A204;若是,则将该空组分组直接展示在为显示界面的该页分组容器下。
请参考图3中的“招标信息”为空组分组。
A204:增加组分组容器,并将该组分组对象下的所有控件都放入到该组分组容器中,并执行A205。
A205:取出该组分组对象中的一个控件,判断该控件是否未使用,若是,执行A206;若否,执行A215。
A206:判断该未使用的控件是否需要从新行开始,若是,执行A207;若否,执行A208。
由于在步骤201中,设置了显示界面的界面最大显示列数,例如,为图3中的3列,那么组分组下的每一个控件按照其所占用列数的情况进行排列,若该每一行的3列被全部占用,那么需要从新行开始。
A207:增加新行容器,并执行A208。
A208:判断组内当前控件占用列+当前行使用列是否大于最大列数,若是,执行A209;若否,执行A211。
组内当前控件占用列+当前行使用列是否大于最大列数,即当前行剩余列数是否不小于当前控件的占用列。
A209:标记控件对象为已处理,并执行A210。
A210:组分组对象内是否有下一个未处理控件,若是,执行A205;若否,执行A211。
A211:新增该当前控件,并标记该控件对象为已使用、已处理,并执行A212。
该方案可以处理一个控件占用列数过大在上一行放不下而产生空行,其下方某个控件可以放下,需要把这个控件提前的情况。
A212:组内当前控件占用列+当前行使用列是否等于最大列数,若是,执行A213,若否,执行A214。
A213:结束旧行,并执行A205。
A214:增加空格,并执行A213。
A215:判断是否有下一个组分组,若是,则执行A203;若否,则执行A216。
A216:判断是否有下一个页分组,若是,则执行A201;若否,则结束。
如图6、图7所示,本发明实施例提供了一种web界面布局装置。装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。从硬件层面而言,如图6所示,为本发明实施例提供的一种web界面布局装置所在设备的一种硬件结构图,除了图6所示的处理器、内存、网络接口、以及非易失性存储器之外,实施例中装置所在的设备通常还可以包括其他硬件,如负责处理报文的转发芯片等等。以软件实现为例,如图7所示,作为一个逻辑意义上的装置,是通过其所在设备的CPU将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。本实施例提供的一种web界面布局装置,包括:
配置单元701,用于针对至少一个控件分别配置相应地控件属性设置表;
生成单元702,用于根据配置的至少一个控件属性设置表,生成数据分组对象;
整理单元703,用于将所述数据分组对象中的每一个控件进行分组整理;
展示单元704,用于根据分组整理后的数据分组对象,进行界面布局的展示。
其中,所述整理单元,具体用于针对所述数据分组对象中每一个控件属性设置表分别执行如下操作:
判断当前控件属性设置表中控件的当前页分组是否为空;
若当前页分组不为空,则进一步判断该当前页分组名称是否存在;
若该当前页分组名称存在,则判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若当前页分组为空,则进一步判断该当前页分组的前页分组是否为空;
若前页分组不为空,则创建空页分组,并判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若前页分组为空,则进一步判断该前页分组名称是否存在;
若该前页分组名称存在,则判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若该前页分组名称不存在,则创建空页分组,并判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中。
其中,所述展示单元,具体用于针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器,并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中;针对每一个当前页分组容器中的每一个当前页分组对象,分别执行如下操作:在确定当前组分组对象中包括未被放置的目标控件时,则根据预先设置的界面属性信息,将所述目标控件放置到界面的相应位置处,直到当前组分组对象中的所有控件被放置结束。
其中,所述展示单元,用于将所述目标控件放置到界面的相应位置处,具体包括:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,增加新行,并将所述目标控件放置在增加的新行上。
其中,所述展示单元,用于将所述目标控件放置到界面的相应位置处,具体包括:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置,直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时,增加新行,并将该未被放置的目标控件放置到增加的新行上。
综上,本发明实施例至少可以实现如下有益效果:
1、本发明实施例中,在用户需要对界面布局进行调整,只需根据自身对界面布局的要求,修改配置控件属性设置表即可,本方案可以根据用户配置的控件属性设置表实现对每一个控件的整理和展示,从而空页实现对web界面布局的调整,进而可以满足不同用户对web界面的布局要求。
2、本发明实施例中,旨在帮助web信息系统快速定制界面布局,可方便重新布局界面元素,当界面元素增加或减少时亦能的适用,方便的实现界面布局调整。该方法的主要特征在于系统可设置界面显示最大列数,控件显示占用列数、页(Tab)分组、组(Group)分组、排列顺序等属性,通过这些属性设置,可以实现复杂的界面布局,方便的把界面元素进行多次分组,并控制其显示大小。利用这种设置方法可以实现界面的快速布局和调整,有效的节省开发人员的界面调整工作量和工作时间,实现复杂界面的高效管理。
上述装置内的各单元之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个〃〃〃〃〃〃”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储在计算机可读取的存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后需要说明的是:以上所述仅为本发明的较佳实施例,仅用于说明本发明的技术方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种web界面布局方法,其特征在于,包括:
针对至少一个控件分别配置相应地控件属性设置表;
根据配置的至少一个控件属性设置表,生成数据分组对象;
将所述数据分组对象中的每一个控件进行分组整理;
根据分组整理后的数据分组对象,进行界面布局的展示。
2.根据权利要求1所述的方法,其特征在于,所述将所述数据分组对象中的每一个控件进行分组整理,包括:
针对所述数据分组对象中每一个控件属性设置表分别执行如下操作:
S31:判断当前控件属性设置表中控件的当前页分组是否为空,若当前页分组不为空,则进一步判断该当前页分组名称是否存在,若该当前页分组名称存在,则执行S32;若当前页分组为空,则进一步判断该当前页分组的前页分组是否为空,若前页分组不为空,则创建空页分组,并执行S32;若前页分组为空,则进一步判断该前页分组名称是否存在,若该前页分组名称存在,则执行S32;若该前页分组名称不存在,则创建空页分组,并执行S32;
S32:判断组分组是否存在,若组分组存在,则执行S33;若组分组不存在,则创建组分组,并执行S33;
S33:将当前控件属性设置表中控件的界面元素放置到组分组中。
3.根据权利要求1所述的方法,其特征在于,所述根据分组整理后的数据分组对象,进行界面布局的展示,包括:
针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器,并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中;
针对每一个当前页分组容器中的每一个当前页分组对象,分别执行如下操作:在确定当前组分组对象中包括未被放置的目标控件时,则根据预先设置的界面属性信息,将所述目标控件放置到界面的相应位置处,直到当前组分组对象中的所有控件被放置结束。
4.根据权利要求3所述的方法,其特征在于,所述将所述目标控件放置到界面的相应位置处,包括:
在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,增加新行,并将所述目标控件放置在增加的新行上。
5.根据权利要求3所述的方法,其特征在于,所述将所述目标控件放置到界面的相应位置处,包括:
在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置,直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时,增加新行,并将该未被放置的目标控件放置到增加的新行上。
6.一种web界面布局装置,其特征在于,包括:
配置单元,用于针对至少一个控件分别配置相应地控件属性设置表;
生成单元,用于根据配置的至少一个控件属性设置表,生成数据分组对象;
整理单元,用于将所述数据分组对象中的每一个控件进行分组整理;
展示单元,用于根据分组整理后的数据分组对象,进行界面布局的展示。
7.根据权利要求6所述的web界面布局装置,其特征在于,所述整理单元,具体用于针对所述数据分组对象中每一个控件属性设置表分别执行如下操作:
判断当前控件属性设置表中控件的当前页分组是否为空;
若当前页分组不为空,则进一步判断该当前页分组名称是否存在;
若该当前页分组名称存在,则判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若当前页分组为空,则进一步判断该当前页分组的前页分组是否为空;
若前页分组不为空,则创建空页分组,并判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若前页分组为空,则进一步判断该前页分组名称是否存在;
若该前页分组名称存在,则判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中;
若该前页分组名称不存在,则创建空页分组,并判断组分组是否存在;
若组分组存在,则将当前控件属性设置表中控件的界面元素放置到组分组中;
若组分组不存在,则创建组分组,并将当前控件属性设置表中控件的界面元素放置到组分组中。
8.根据权利要求6所述的web界面布局装置,其特征在于,所述展示单元,具体用于针对分组整理后的数据分组对象中不为空页分组的每一个目标页分组对象分别增加页分组容器,并将每一个目标页分组对象所包括的控件信息添加到相应的页分组容器中;针对每一个当前页分组容器中的每一个当前页分组对象,分别执行如下操作:在确定当前组分组对象中包括未被放置的目标控件时,则根据预先设置的界面属性信息,将所述目标控件放置到界面的相应位置处,直到当前组分组对象中的所有控件被放置结束。
9.根据权利要求8所述的web界面布局装置,其特征在于,所述展示单元,用于将所述目标控件放置到界面的相应位置处,具体包括:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,增加新行,并将所述目标控件放置在增加的新行上。
10.根据权利要求8所述的web界面布局装置,其特征在于,所述展示单元,用于将所述目标控件放置到界面的相应位置处,具体包括:在确定当前组分组对象中包括未被放置的目标控件时,判断当前放置有控件的行上的剩余列数是否不小于所述目标控件的占用列数,若是,则将所述目标控件放置在当前放置有控件的行的剩余列数上,否则,继续对当前组分组对象中所包括的其他未被放置的目标控件进行放置,直到该当前组分组对象中剩余的未被放置的目标控件均为当前放置有控件的行的剩余列数小于每一个目标控件的占用列数时,增加新行,并将该未被放置的目标控件放置到增加的新行上。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610059532.1A CN105760155A (zh) | 2016-01-28 | 2016-01-28 | 一种web界面布局方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610059532.1A CN105760155A (zh) | 2016-01-28 | 2016-01-28 | 一种web界面布局方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105760155A true CN105760155A (zh) | 2016-07-13 |
Family
ID=56342644
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610059532.1A Pending CN105760155A (zh) | 2016-01-28 | 2016-01-28 | 一种web界面布局方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105760155A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106371707A (zh) * | 2016-10-24 | 2017-02-01 | 北京小米移动软件有限公司 | 标签处理方法、装置及终端 |
CN107463368A (zh) * | 2017-06-23 | 2017-12-12 | 成都飞机工业(集团)有限责任公司 | 一种静态和动态人机界面自动生成方法 |
CN114741064A (zh) * | 2022-04-14 | 2022-07-12 | 中国联合网络通信集团有限公司 | 页面生成方法、装置、系统及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101382887A (zh) * | 2008-09-19 | 2009-03-11 | 金蝶软件(中国)有限公司 | 一种调整界面布局的方法及装置 |
CN101655793A (zh) * | 2009-09-25 | 2010-02-24 | 金蝶软件(中国)有限公司 | 一种界面生成方法及装置 |
CN104391703A (zh) * | 2014-11-21 | 2015-03-04 | 用友软件股份有限公司 | 快速完成页面布局的装置和方法 |
CN105094832A (zh) * | 2015-08-01 | 2015-11-25 | 李志丹 | 一种所见即所得的动态生成用户界面的方法和系统 |
-
2016
- 2016-01-28 CN CN201610059532.1A patent/CN105760155A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101382887A (zh) * | 2008-09-19 | 2009-03-11 | 金蝶软件(中国)有限公司 | 一种调整界面布局的方法及装置 |
CN101655793A (zh) * | 2009-09-25 | 2010-02-24 | 金蝶软件(中国)有限公司 | 一种界面生成方法及装置 |
CN104391703A (zh) * | 2014-11-21 | 2015-03-04 | 用友软件股份有限公司 | 快速完成页面布局的装置和方法 |
CN105094832A (zh) * | 2015-08-01 | 2015-11-25 | 李志丹 | 一种所见即所得的动态生成用户界面的方法和系统 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106371707A (zh) * | 2016-10-24 | 2017-02-01 | 北京小米移动软件有限公司 | 标签处理方法、装置及终端 |
CN107463368A (zh) * | 2017-06-23 | 2017-12-12 | 成都飞机工业(集团)有限责任公司 | 一种静态和动态人机界面自动生成方法 |
CN114741064A (zh) * | 2022-04-14 | 2022-07-12 | 中国联合网络通信集团有限公司 | 页面生成方法、装置、系统及存储介质 |
CN114741064B (zh) * | 2022-04-14 | 2024-05-17 | 中国联合网络通信集团有限公司 | 页面生成方法、装置、系统及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102201009B (zh) | 一种表单生成方法和装置 | |
US8560941B2 (en) | Schema based user interface mechanisms | |
CN109471857A (zh) | 基于sql语句的数据修改方法、装置及存储介质 | |
CN105760155A (zh) | 一种web界面布局方法及装置 | |
CN107122188A (zh) | 项目进度条图像生成的方法及装置 | |
CN105740219A (zh) | 一种报表的自定义方法及装置 | |
CN106484726A (zh) | 一种页面展示方法及装置 | |
CN110414926A (zh) | 台账管理方法、装置及计算机可读存储介质 | |
US9152617B2 (en) | System and method for processing objects | |
CN110390182A (zh) | 一种确定小程序类目的方法、系统及设备 | |
CN104536998A (zh) | 一种数据导入方法及装置 | |
CN107590259A (zh) | 一种数据服务的发布方法和装置 | |
CN116663088A (zh) | 标签自动排版布局方法、系统、电子设备及存储介质 | |
CN114741064B (zh) | 页面生成方法、装置、系统及存储介质 | |
CN109343844A (zh) | 一种基于Flex票据数据对比纠正的方法 | |
CN110378566A (zh) | 信息核对方法、设备、存储介质及装置 | |
CN109783389A (zh) | 元素控件自动测试方法、装置及电子设备 | |
CN106570004B (zh) | 一种数据管理方法及装置 | |
CN111694627B (zh) | 桌面编辑方法及装置 | |
CN114398226A (zh) | 一种网络资产报告生成方法及装置 | |
CN106933544A (zh) | 申报表生成方法及系统 | |
CN111191057A (zh) | 一种自定义检索方法、装置、电子设备及其存储介质 | |
US10698943B2 (en) | Method and apparatus for recognizing slide | |
CN110263310A (zh) | 数据图生成方法、装置及计算机可读存储介质 | |
CN108197193A (zh) | 一种多视图数据的显示方法、系统及相关装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20160713 |