[发明专利]一种页面布局信息确定方法及装置

说明书

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

技术领域

本发明涉及数据处理技术领域，具体涉及一种页面布局信息确定方法及装置。

背景技术

在常见的后台管理系统中，卡片组件即卡片，是一种常见的展示需求，但是这类需求很难实现较好的展示效果，主要原因包括：PC分辨率不统一，用户在进入页面时候，由于页面宽度不一致，而且用户在访问页面的时候，有时会改变页面宽度来做一些其他工作，所以，在页面布局的时候不光要考虑到首屏宽度，还要考虑到页面宽度动态变化的情况。

现有技术通过定性增加或者减少卡片个数，以及对卡片宽度进行缩放的方式适应页面宽度动态变化的情况，但是，页面布局方式的精细化程度不够，使得页面布局展示效果较差，例如容易出现过多的页面留白等。

发明内容

针对现有技术中的问题，本发明实施例提供一种页面布局信息确定方法及装置，能够至少部分地解决现有技术中存在的问题。

一方面，本发明提出一种页面布局信息确定方法，包括：

若监听到页面宽度发生变化，则计算初始页面布局信息；

根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息。

其中，所述初始页面布局信息包括初始卡片外边距和初始卡片个数；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：

根据所述变化后的页面宽度、所述初始卡片外边距和所述初始卡片个数，计算所述页面布局信息中的卡片宽度。

其中，所述初始页面布局信息包括初始卡片宽度和初始卡片个数；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：

根据所述变化后的页面宽度、所述初始卡片宽度和所述初始卡片个数，计算所述页面布局信息中的卡片外边距。

其中，所述初始页面布局信息包括初始卡片宽度、初始卡片个数和初始卡片外边距；相应的，所述根据变化后的页面宽度和所述初始页面布局信息，确定与预配置的页面布局信息计算方式对应变化后的页面布局信息，包括：

根据所述变化后的页面宽度、所述初始卡片宽度、所述初始卡片个数和所述初始卡片外边距，计算所述页面布局信息中的页面内边距。

其中，所述页面布局信息包括卡片宽度、卡片外边距和卡片个数；相应的，所述页面布局信息确定方法还包括：

若根据所述卡片宽度、所述卡片外边距和页面宽度计算出的计算结果大于预设留白宽度，则对所述卡片个数进行调整；

根据调整后的卡片个数、所述卡片外边距和所述页面宽度，计算优化调整后的卡片宽度。

其中，根据所述卡片宽度、所述卡片外边距和页面宽度计算所述计算结果，包括：

计算所述页面宽度与所述卡片外边距之间的差值；

计算所述差值与所述卡片宽度的余数，并将所述余数作为所述计算结果。

其中，所述根据调整后的卡片个数、所述卡片外边距和所述页面宽度，计算优化调整后的卡片宽度，包括：