一种基于页面控件的自由布局方法及装置制造方法及图纸

本发明专利技术公开了一种基于页面控件的自由布局方法及装置，该方法包括：将主页面划分为多个页面模块，其中，每个页面模块嵌套一个iframe组件；确定主页面的初始布局信息，初始布局信息用于表示多个页面模块在主页面的初始布局位置；将初始布局信息存储于主页面对应的第一存储空间；确定主页面的页面调整需求；根据主页面的页面调整需求，确定主页面的自定义布局信息；将自定义布局信息存储于第二存储空间。可见，实施本发明专利技术能够根据需求调整布局信息，提高了页面布局设计的个性化程度，有利于改善用户对网页的浏览体验，同时提高了网页页面布局的灵活性，从而提高了网页页面布局的效率，有利于提高网页开发的效率。有利于提高网页开发的效率。有利于提高网页开发的效率。

【技术实现步骤摘要】
一种基于页面控件的自由布局方法及装置


[0001]本专利技术涉及计算机
，尤其涉及一种基于页面控件的自由布局方法及装置。

技术介绍

[0002]在网页开发过程中，页面布局设计是最重要的环节之一，网页的页面布局设计会影响用户对网页的浏览体验。
[0003]传统的页面布局方式只能按照原有设计方案实现静态的展示方式，即页面元素在网页发布上线后位置保持固定。但在实际应用中，使用传统的页面展示方案难以灵活调整网页的页面布局。因此，提出一种能够提高网页页面布局效率的技术方案显得尤为重要。

技术实现思路

[0004]本专利技术所要解决的技术问题在于，提供一种基于页面控件的自由布局方法及装置，能够提高网页页面布局的灵活性，从而提高了网页页面布局的效率。
[0005]为了解决上述技术问题，本专利技术第一方面公开了一种基于页面控件的自由布局方法，所述方法包括：
[0006]将主页面划分为多个页面模块，其中，每个所述页面模块嵌套一个iframe组件；
[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]其中，所述排布方式包括网格排布和瀑布流排布。
[0038]作为一种可选的实施方式，在本专利技术第一方面中，所述将主页面划分为多个页面模块，包括：
[0039]确定主页面对应的页面划分需求；
[0040]根据所述页面划分需求，将所述主页面划分为多个页面模块；
[0041]其中，每个所述iframe组件内嵌一个HTML页面。
[0042]本专利技术第二方面公开了一种基于页面控件的自由布局装置，所述装置包括：
[0043]划分模块，用于将主页面划分为多个页面模块，其中，每个所述页面模块嵌套一个iframe组件；
[0044]确定模块，用于确定所述主页面的初始布局信息，所述初始布局信息用于表示多
个所述页面模块在所述主页面的初始布局位置；
[0045]存取模块，用于将所述初始布局信息存储于所述主页面对应的第一存储空间；
[0046]所述确定模块，还用于确定所述主页面的页面调整需求；
[0047]所述确定模块，还用于根据所述主页面的页面调整需求，确定所述主页面的自定义布局信息；
[0048]所述存取模块，还用于将所述自定义布局信息存储于第二存储空间。
[0049]作为一种可选的实施方式，在本专利技术第二方面中，所述确定模块确定所述主页面的页面调整需求的具体方式包括：
[0050]当检测到页面调整请求时，接收所述页面调整请求以及所述页面调整请求对应的用户信息，所述用户信息包括用户性别、用户年龄、用户地区、用户专业和用户职业中的一种或多种的组合；
[0051]根据所述用户信息，推测用户偏好内容；
[0052]根据所述页面调整请求和所述用户偏好内容，确定所述页面调整请求对应的页面调整需求。
[0053]作为一种可选的实施方式，在本专利技术第二方面中，所述用户信息还包括用户标识；
[0054]所述存取模块将所述自定义布局信息存储于第二存储空间的具体方式包括：
[0055]根据所述用户标识，确定所述用户标识对应的第二存储空间；
[0056]将所述用户标识对应的自定义布局信息存储于所述用户标识对应的第二存储空间；
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于页面控件的自由布局方法，其特征在于，所述方法包括：将主页面划分为多个页面模块，其中，每个所述页面模块嵌套一个iframe组件；确定所述主页面的初始布局信息，所述初始布局信息用于表示多个所述页面模块在所述主页面的初始布局位置；将所述初始布局信息存储于所述主页面对应的第一存储空间；确定所述主页面的页面调整需求；根据所述主页面的页面调整需求，确定所述主页面的自定义布局信息；将所述自定义布局信息存储于第二存储空间。2.根据权利要求1所述的基于页面控件的自由布局方法，其特征在于，所述确定所述主页面的页面调整需求，包括：当检测到页面调整请求时，接收所述页面调整请求以及所述页面调整请求对应的用户信息，所述用户信息包括用户性别、用户年龄、用户地区、用户专业和用户职业中的一种或多种的组合；根据所述用户信息，推测用户偏好内容；根据所述页面调整请求和所述用户偏好内容，确定所述页面调整请求对应的页面调整需求。3.根据权利要求2所述的所述的基于页面控件的自由布局方法，其特征在于，所述用户信息还包括用户标识；所述将所述自定义布局信息存储于第二存储空间，包括：根据所述用户标识，确定所述用户标识对应的第二存储空间；将所述用户标识对应的自定义布局信息存储于所述用户标识对应的第二存储空间；在所述将所述自定义布局信息存储于第二存储空间之后，所述方法还包括：当检测到所述用户标识对应的主页面展示请求时，根据所述用户标识，从所述用户标识对应的第二存储空间取出所述用户标识对应的自定义布局信息；根据所述用户标识对应的自定义布局信息，展示所述主页面。4.根据权利要求1所述的基于页面控件的自由布局方法，其特征在于，所述确定所述主页面的页面调整需求，包括：确定所述主页面的关注度收集周期，所述关注度收集周期包括多个时间间隔相等的收集时间段；根据所述关注度收集周期，收集各所述页面模块对应的关注度信息，所述关注度信息包括点击率、浏览时长、点赞数量和评分中的一种或多种组合；根据所述关注度信息和各类型所述关注度信息对应的权重系数，计算各所述页面模块对应的关注数值；根据各所述页面模块对应的关注数值，确定各所述页面模块的关注度排名；根据各所述页面模块对应的关注度排名，确定所述主页面的页面调整需求。5.根据权利要求4所述的基于页面控件的自由布局方法，其特征在于，所述将所述自定义布局信息存储于第二存储空间，包括：确定所述关注度收集周期的每个所述收集时间...

【专利技术属性】
技术研发人员：林镇锋，陈翅俊，黄荣智，田松林，刘兆平，赵铭，周海，
申请(专利权)人：南方电网数字平台科技广东有限公司，
类型：发明
国别省市：