一种页面布局信息确定方法及装置制造方法及图纸

本发明专利技术提供一种页面布局信息确定方法及装置，涉及数据处理技术领域，可用于金融领域或其他技术领域。所述方法包括：若监听到页面宽度发生变化，则计算初始页面布局信息；根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。所述装置执行上述方法。本发明专利技术实施例提供的页面布局信息确定方法及装置，由于预配置的页面布局信息计算方式为具体的定量计算方式，因此可以定量计算出页面布局信息的具体计算数值，提高页面布局的精细化程度，也提升了页面布局展示效果。也提升了页面布局展示效果。也提升了页面布局展示效果。

【技术实现步骤摘要】
一种页面布局信息确定方法及装置


[0001]本专利技术涉及数据处理
，具体涉及一种页面布局信息确定方法及装置。

技术介绍

[0002]在常见的后台管理系统中，卡片组件即卡片，是一种常见的展示需求，但是这类需求很难实现较好的展示效果，主要原因包括：PC分辨率不统一，用户在进入页面时候，由于页面宽度不一致，而且用户在访问页面的时候，有时会改变页面宽度来做一些其他工作，所以，在页面布局的时候不光要考虑到首屏宽度，还要考虑到页面宽度动态变化的情况。
[0003]现有技术通过定性增加或者减少卡片个数，以及对卡片宽度进行缩放的方式适应页面宽度动态变化的情况，但是，页面布局方式的精细化程度不够，使得页面布局展示效果较差，例如容易出现过多的页面留白等。

技术实现思路

[0004]针对现有技术中的问题，本专利技术实施例提供一种页面布局信息确定方法及装置，能够至少部分地解决现有技术中存在的问题。
[0005]一方面，本专利技术提出一种页面布局信息确定方法，包括：
[0006]若监听到页面宽度发生变化，则计算初始页面布局信息；
[0007]根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。
[0008]其中，所述初始页面布局信息包括初始卡片外边距和初始卡片个数；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：
[0009]根据所述变化后的页面宽度、所述初始卡片外边距和所述初始卡片个数，计算所述页面布局信息中的卡片宽度。
[0010]其中，所述初始页面布局信息包括初始卡片宽度和初始卡片个数；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：
[0011]根据所述变化后的页面宽度、所述初始卡片宽度和所述初始卡片个数，计算所述页面布局信息中的卡片外边距。
[0012]其中，所述初始页面布局信息包括初始卡片宽度、初始卡片个数和初始卡片外边距；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：
[0013]根据所述变化后的页面宽度、所述初始卡片宽度、所述初始卡片个数和所述初始卡片外边距，计算所述页面布局信息中的页面内边距。
[0014]其中，所述页面布局信息包括卡片宽度、卡片外边距和卡片个数；相应的，所述页面布局信息确定方法还包括：
[0015]若根据所述卡片宽度、所述卡片外边距和页面宽度计算出的计算结果大于预设留白宽度，则对所述卡片个数进行调整；
[0016]根据调整后的卡片个数、所述卡片外边距和所述页面宽度，计算优化调整后的卡片宽度。
[0017]其中，根据所述卡片宽度、所述卡片外边距和页面宽度计算所述计算结果，包括：
[0018]计算所述页面宽度与所述卡片外边距之间的差值；
[0019]计算所述差值与所述卡片宽度的余数，并将所述余数作为所述计算结果。
[0020]其中，所述根据调整后的卡片个数、所述卡片外边距和所述页面宽度，计算优化调整后的卡片宽度，包括：
[0021]计算所述页面宽度与所述卡片外边距之间的差值；
[0022]计算所述差值与所述调整后的卡片个数的比值，并将比值结果与所述卡片外边距之差作为所述优化调整后的卡片宽度。
[0023]一方面，本专利技术提出一种页面布局信息确定装置，包括：
[0024]计算单元，用于若监听到页面宽度发生变化，则计算初始页面布局信息；
[0025]确定单元，用于根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。
[0026]再一方面，本专利技术实施例提供一种电子设备，包括：处理器、存储器和总线，其中，
[0027]所述处理器和所述存储器通过所述总线完成相互间的通信；
[0028]所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如下方法：
[0029]若监听到页面宽度发生变化，则计算初始页面布局信息；
[0030]根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。
[0031]本专利技术实施例提供一种非暂态计算机可读存储介质，包括：
[0032]所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行如下方法：
[0033]若监听到页面宽度发生变化，则计算初始页面布局信息；
[0034]根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。
[0035]本专利技术实施例提供的页面布局信息确定方法及装置，若监听到页面宽度发生变化，则计算初始页面布局信息；根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，由于预配置的页面布局信息计算方式为具体的定量计算方式，因此可以定量计算出页面布局信息的具体计算数值，提高页面布局的精细化程度，也提升了页面布局展示效果。
附图说明
[0036]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以
根据这些附图获得其他的附图。在附图中：
[0037]图1是本专利技术一实施例提供的页面布局信息确定方法的流程示意图。
[0038]图2是本专利技术另一实施例提供的页面布局信息说明示意图。
[0039]图3是本专利技术一实施例提供的页面布局信息确定装置的结构示意图。
[0040]图4为本专利技术实施例提供的电子设备实体结构示意图。
具体实施方式
[0041]为使本专利技术实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本专利技术实施例做进一步详细说明。在此，本专利技术的示意性实施例及其说明用于解释本专利技术，但并不作为对本专利技术的限定。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。
[0042]图1是本专利技术一实施例提供的页面布局信息确定方法的流程示意图，如图1所示，本专利技术实施例提供的页面布局信息确定方法，包括：
[0043]步骤S1：若监听到页面宽度发生变化，则计算初始页面布局信息。
[0044]步骤S2：根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。
[0045]在上述步骤S1中，装置若监听到页面宽度发生变化，则计算初始页面布局信息。装置可以是执行该方法的计算机设备，例如可以为服务器或客户端。初始页面布局信本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面布局信息确定方法，其特征在于，包括：若监听到页面宽度发生变化，则计算初始页面布局信息；根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。2.根据权利要求1所述的页面布局信息确定方法，其特征在于，所述初始页面布局信息包括初始卡片外边距和初始卡片个数；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：根据所述变化后的页面宽度、所述初始卡片外边距和所述初始卡片个数，计算所述页面布局信息中的卡片宽度。3.根据权利要求1所述的页面布局信息确定方法，其特征在于，所述初始页面布局信息包括初始卡片宽度和初始卡片个数；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：根据所述变化后的页面宽度、所述初始卡片宽度和所述初始卡片个数，计算所述页面布局信息中的卡片外边距。4.根据权利要求1所述的页面布局信息确定方法，其特征在于，所述初始页面布局信息包括初始卡片宽度、初始卡片个数和初始卡片外边距；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：根据所述变化后的页面宽度、所述初始卡片宽度、所述初始卡片个数和所述初始卡片外边距，计算所述页面布局信息中的页面内边距。5.根据权利要求1至4任一所述的页面布局信息确定方法，其特征在于，所述页面布局信息包括卡片宽度、卡...

【专利技术属性】
技术研发人员：胡渊，白杰，张奇峰，辛丽娟，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：