一种基于网格布局的云盘可视化方法及系统技术方案

本发明专利技术公开了一种基于网格布局的云盘可视化方法，包括：通过底层API接口获取登录用户对应的云盘关联接口的数据集合；根据数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱；其中，网络云盘图谱中云盘块图标的大小根据登录用户对应的客户端浏览器的大小确定；该方法实现云计算系统平台的网格布局的云盘块图标，从而大大提高了用户交互性，减少了使用的复杂度；本发明专利技术还公开了一种基于网格布局的云盘可视化系统，具有上述有益效果。

Cloud disk visualization method and system based on grid layout

The invention discloses a cloud visualization method, grid layout based on cloud disk includes: login user interface to obtain the corresponding connection through the bottom of the API interface of the data set; according to the data collection, rendering network cloud maps using Html5 the grid of the layout of the page; the network cloud cloud disk block map the icon size is determined according to the corresponding user login client browser size; the implementation of cloud computing platform grid layout cloud disk block, which greatly improves the user interaction, reduced the complexity; the invention also discloses a cloud visualization system based on grid layout, has the beneficial effect.

【技术实现步骤摘要】

本专利技术涉及web信息前端领域，特别涉及一种基于网格布局的云盘可视化方法及系统。
技术介绍
随着当今信息通信技术的高速发展，信息数据量不断的扩大，信息数据复杂度不断的增加，如何可视化的管理如此庞大、复杂的信息成为web系统面临的一项重大任务。目前可视化的管理为列表显示的形式，即以列表视图将原始信息以列表的形式显示出来；传统的列表视图中列表垂直呈现多个连续的行元素。列表视图重在文本内容，因此通常只有一些小图标穿插在文本信息内。且为了同一时间能在当前屏幕中显示更多的列表项内容。当用户浏览列表视图时，他们的注意力从上到下依次降低且视觉外观上缺乏表现力。因此，如何有效提高用户对系统平台中云盘信息数据的了解，从而提升用户的体验，是本领域技术人员需要解决的技术问题。
技术实现思路
本专利技术的目的是提供一种基于网格布局的云盘可视化方法及系统，实现云计算系统平台的网格布局的云盘块图标，从而大大提高了用户交互性，减少了使用的复杂度。为解决上述技术问题，本专利技术提供一种基于网格布局的云盘可视化方法，包括：通过底层API接口获取登录用户对应的云盘关联接口的数据集合；根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱；其中，所述网络云盘图谱中云盘块图标的大小根据所述登录用户对应的客户端浏览器的大小确定。可选的，根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱，包括：获取所述登录用户对应的客户端浏览器的大小；根据所述客户端浏览器的大小，计算得到栅格单元的大小，并结合网格间隙的大小确定栅格单元中放置云盘块图标的网格大小；根据所述数据集合以及网格大小和网格间隙的大小，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱。可选的，所述通过底层API接口获取登录用户对应的云盘关联接口的数据集合，包括：通过底层API接口获取登录用户对应的云盘关联接口的Json格式的数据集合。可选的，本方案还包括：接收对云盘块图标的交互操作数据；调用与所述交互操作数据对应的交互操作程序并执行所述交互操作程序。本专利技术还提供一种基于网格布局的云盘可视化系统，包括：数据接收模块，用于通过底层API接口获取登录用户对应的云盘关联接口的数据集合；布局绘制模块，用于根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱；其中，所述网络云盘图谱中云盘块图标的大小根据所述登录用户对应的客户端浏览器的大小确定。可选的，所述布局绘制模块，包括：获取单元，用于获取所述登录用户对应的客户端浏览器的大小；第一计算单元，用于根据所述客户端浏览器的大小，计算得到栅格单元的大小，并结合网格间隙的大小确定栅格单元中放置云盘块图标的网格大小；布局绘制单元，用于根据所述数据集合以及网格大小和网格间隙的大小，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱。可选的，所述数据接收模块具体为通过底层API接口获取登录用户对应的云盘关联接口的Json格式的数据集合的模块。可选的，本方案还包括：输入模块，用于接收对云盘块图标的交互操作数据；交互操作模块，用于调用与所述交互操作数据对应的交互操作程序并执行所述交互操作程序。本专利技术所提供的一种基于网格布局的云盘可视化方法，包括：通过底层API接口获取登录用户对应的云盘关联接口的数据集合；根据数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱；其中，所述网络云盘图谱中云盘块图标的大小根据登录用户对应的客户端浏览器的大小确定；可见，该方法实现云计算系统平台的网格布局的云盘块图标，即以网格视图的形式直观的反应信息的各个属性，且当发生异常时，能够很快的定位到相应的设备；可有效提高用户对系统平台中云盘信息数据的了解，从而大大提高了用户交互性，减少了使用的复杂度；本专利技术还提供了一种基于网格布局的云盘可视化系统，具有上述有益效果，在此不再赘述。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1为本专利技术实施例所提供的基于网格布局的云盘可视化方法的流程图；图2为本专利技术实施例所提供的基于网格布局的云盘可视化方法的示意图；图3为本专利技术实施例所提供的基于网格布局的云盘可视化系统的结构框图。具体实施方式本专利技术的核心是提供一种基于网格布局的云盘可视化方法及系统，实现云计算系统平台的网格布局的云盘块图标，从而大大提高了用户交互性，减少了使用的复杂度。为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。网格视图中用来做布局的网格线和其他视觉线索将其明显区分出来。一个网格视图由在垂直和水平方向上重复排列的元素项构成。因此网格视图更吸引用户眼球；网格视图有助于用户区分单元项之间的视觉差异；即以网格视图的形式直观的反应信息的各个属性，且当发生异常时，能够很快的定位到相应的设备。因此，本实施例中可以实现云计算系统平台的网格布局的云盘图谱，从而大大提高了用户交互性，减少了使用的复杂度。为了便于实现该技术，可以采用html5JavaScript的设计方法。其中，JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。具体请参考图1，图1为本专利技术实施例所提供的基于网格布局的云盘可视化方法的流程图；该方法可以包括：S100、通过底层API接口获取登录用户对应的云盘关联接口的数据集合；其中，API(ApplicationProgrammingInterface，应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。具体的，该步骤中云计算系统平台租户(即云计算系统平台的使用用户)成功登陆系统平台后，可以从底层API接口获得对应的云盘关联接口数据集合；这里的云盘关联接口是与登录用户相对应的，提供这样的形式可以使得该方法适应性更强。每个登录用户都可以通过该接口获取与自身相关的数据集合，进而生成的云盘块图标为用户需要的。进一步，由于Json格式的数据格式规范且易于识别。这里的数据集合的格式可以是Json格式的数据集合。从而增强系统的可靠性。S110、根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱以实现云盘块图标的动态展示；其中，所述网络云盘图谱中云盘块图标的大小根据所述登录用户对应的客户端浏览器的大小确定。具体的，该步骤在使用Html5的对页面进行栅格化的布局绘制，依据浏览器的和大小自动生成相应的云盘块本文档来自技高网...

【技术保护点】
一种基于网格布局的云盘可视化方法，其特征在于，包括：通过底层API接口获取登录用户对应的云盘关联接口的数据集合；根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱；其中，所述网络云盘图谱中云盘块图标的大小根据所述登录用户对应的客户端浏览器的大小确定。

【技术特征摘要】
1.一种基于网格布局的云盘可视化方法，其特征在于，包括：通过底层API接口获取登录用户对应的云盘关联接口的数据集合；根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱；其中，所述网络云盘图谱中云盘块图标的大小根据所述登录用户对应的客户端浏览器的大小确定。2.根据权利要求1所述的基于网格布局的云盘可视化方法，其特征在于，根据所述数据集合，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱，包括：获取所述登录用户对应的客户端浏览器的大小；根据所述客户端浏览器的大小，计算得到栅格单元的大小，并结合网格间隙的大小确定栅格单元中放置云盘块图标的网格大小；根据所述数据集合以及网格大小和网格间隙的大小，利用Html5的对页面进行栅格化的布局绘制生成网络云盘图谱。3.根据权利要求2所述的基于网格布局的云盘可视化方法，其特征在于，所述通过底层API接口获取登录用户对应的云盘关联接口的数据集合，包括：通过底层API接口获取登录用户对应的云盘关联接口的Json格式的数据集合。4.根据权利要求1-3任一项所述的基于网格布局的云盘可视化方法，其特征在于，还包括：接收对云盘块图标的交互操作数据；调用与所述交互操作数据对应的交互操作程序并执行所述交互操作程序。5.一种...

【专利技术属性】
技术研发人员：高滨，高飞，刘正伟，
申请(专利权)人：郑州云海信息技术有限公司，
类型：发明
国别省市：河南;41