【技术实现步骤摘要】
一种页面布局方法、装置、设备及存储介质
[0001]本专利技术实施例涉及计算机
，尤其涉及一种页面布局方法、装置、设备及存储介质。
技术介绍
[0002]通常为了方便监控一个程序的运行情况，会将该程序运行时产生的监控数据可视化在一个页面中。而为了多维度的监控该程序的运行情况，该程序的监控数据项会非常多。比如监控数据库的CPU使用率、内存使用率、磁盘读写速率、网络读写速率、会话数、事务数等等。那么当监控多个程序的运行情况时，监控数据项则会更多。在一个页面中可视化大量监控数据项，可读性会非常差。此时选择一些高度关注的监控项可视化在页面中是非常有必要的。而程序运维人员在不同的阶段关注的监控项可能不一样，比如在功能测试阶段更关注与运行报错有关的监控项，在性能测试阶段更关注与系统资源消耗以及任务处理速度有关的监控项，在线上使用阶段更关注与运行稳定性有关的监控项。
[0003]基于上述情况，提供自定义可视化页面布局功能非常有必要，可以灵活的将监控数据项可视化在页面中，进而提高整个可视化监控页面的可读性，提升工作效率。通常实...
【技术保护点】
【技术特征摘要】
1.一种页面布局方法，其特征在于，包括：响应于检测到用户针对显示页面上的添加布局块控件的触控操作，获取用户输入的待添加布局块的逻辑宽和待添加布局块的逻辑高；根据待添加布局块的逻辑宽、待添加布局块的逻辑高、网格的宽、网格的高、待添加布局块的逻辑偏移以及相邻网格间的空白间隔确定待添加布局块的属性信息；根据所述待添加布局块的属性信息在所述显示页面添加所述待添加布局块。2.根据权利要求1所述的方法，其特征在于，在根据待添加布局块的逻辑宽、待添加布局块的逻辑高、网格的宽、网格的高、待添加布局块的逻辑偏移以及相邻网格间的空白间隔确定待添加布局块的位置信息之前，还包括：获取满足第一预设条件的所述待添加布局块的逻辑偏移。3.根据权利要求2所述的方法，其特征在于，所述待添加布局块的逻辑偏移包括：待添加布局块的逻辑左偏移和待添加布局块的逻辑上偏移；根据待添加布局块的逻辑宽、待添加布局块的逻辑高、网格的宽、网格的高、待添加布局块的逻辑偏移以及相邻网格间的空白间隔确定待添加布局块的位置信息，包括：根据待添加布局块的逻辑宽、单个网格的宽以及相邻网格间的空白间隔确定待添加布局块的实际宽；根据待添加布局块的逻辑高、单个网格的高以及相邻网格间的空白间隔确定待添加布局块的实际高；根据单个网格的宽、相邻网格间的空白间隔以及待添加布局块的逻辑左偏移确定待添加布局块的实际左位置；根据单个网格的高、相邻网格间的空白间隔以及待添加布局块的逻辑上偏移确定待添加布局块的实际上位置；根据所述待添加布局块的实际宽、待添加布局块的实际高、待添加布局块的实际左位置以及待添加布局块的实际上位置确定待添加布局块的属性信息。4.根据权利要求3所述的方法，其特征在于，所述待添加布局块的逻辑偏移还包括：待添加布局块的逻辑右偏移和待添加布局块的逻辑下偏移；所述第一预设条件包括如下条件的至少一种：所述待添加布局块的逻辑左偏移大于或者等于已有布局块的逻辑右偏移；所述待添加布局块的逻辑右偏移小于或者等于已有布局块的逻辑左偏移；所述待添加布局块的逻辑上偏移大于或者等于已有布局块的逻辑下偏移；所述待添加布局块的逻辑下偏移小于或者等于已有布局块的逻辑上偏移。5.根据权利要求1所述的方法，其特征在于，还包括：响应于检测到用户针对显示页面上的第一布局块的删除操作，删除第一布局块；若第一布局块存在正下方布局块，则根据第一布局块的逻辑左偏移和第一布局块的逻辑右偏移确定第一待移动布局块，其中，所述第一待移动布局块为第一布局块正下方的布局块；若第一待移动布局块存在上方布局块，则将所述第一待移动布局块上移，直至所述第一待移动布局块和所述上方布局块之间相隔一个空白间隔；若第一待移动布局块不存在上方布局块，则将所述第一待移动布局块上移，直至所述
第一待移动布局块的逻辑上偏移为零。6.根据权利要求1所述的方法，其特征在于，还包括：响应于检测到用户针对显示页...
【专利技术属性】
技术研发人员：安沛贤，杨超，
申请(专利权)人：上海达梦数据库有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。