买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

龙图腾网获悉西安电子科技大学申请的专利基于Vue框架及瀑布流算法的复合类型数据展示方法获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN116009865B 。

龙图腾网通过国家知识产权局官网在2026-03-24发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202310108722.8，技术领域涉及：G06F8/38；该发明授权基于Vue框架及瀑布流算法的复合类型数据展示方法是由韩红;车兴锐;张森设计研发完成，并于2023-02-14向国家知识产权局提交的专利申请。

本基于Vue框架及瀑布流算法的复合类型数据展示方法在说明书摘要公布了：本发明公开了基于Vue框架及瀑布流算法的复合类型数据展示方法，主要解决现有技术展示数据类型单一，使用难度较大的问题。其实现方案为：1数据导入并获取数据元素及配置对象；2根据数据元素按照配置文件的要求分别构建图片格式数据单元、音频格式数据单元、视频格式数据单元、文本格式数据单元及时序图格式数据这5种单元模型；3基于瀑布流算法利用构建的各类数据单元模型建立瀑布流展示模型；4使用无极滚动算法进一步优化瀑布流展示模型，减少页面加载和请求的负担，以对数据元素进行展示。本发明可对不同类型数据进行可视化展示，且在页面空间上具有优良的展示性能，可用于用户对批量数据内部潜在关系的把控和数据探索。

本发明授权基于Vue框架及瀑布流算法的复合类型数据展示方法在权利要求书中公布了：1.一种基于Vue框架及瀑布流算法的复合类型数据展示方法，其特征在于，包括如下步骤： 1数据导入与读取： 1a使用fs.readFile方法将文件内容读取到内存中； 1b使用JSON.parse方法将文件内容解析为JSON对象，得到文件中的数据元素与配置对象，并将其分别保存至Vue对象中； 2根据1b获取的数据元素及配置对象，构建各类数据单元模型： 2a使用img标签，接受文件后缀为jpg、png及gif格式的数据元素，建立图片格式数据单元模型，用于展示图片原始信息，其页面效果根据其配置对象进行展示； 2b使用audio标签，接受文件后缀为MP3、Wav及Ogg格式的数据元素，建立音频格式数据单元模型，用于展示音频原始信息，其页面效果根据其配置对象进行展示；2c使用video标签，接受文件后缀为MP4、avi及mkv格式的数据元素，建立视频格式数据单元模型，用于展示视频原始信息，其页面效果根据其配置对象进行展示； 2d使用p标签，接受文件后缀为txt格式的数据元素，建立文本格式数据单元模型，用于展示文本类型数据的详细信息，其页面效果根据其配置对象进行展示； 2e使用echarts、highcharts及apexchart图表展示插件，接受文件后缀为json格式的数据元素，建立包括数字与时间的时序图格式数据单元模型，用于展示时序数据图表，其页面效果根据其配置对象进行展示； 3利用构建的各类数据单元模型，基于瀑布流算法建立瀑布流展示模型： 3a根据dom元素的原生属性以及每行需要展示的数据单元模型个数n，计算瀑布流展示模型中每列元素的宽度W和元素的高度H，并按照数据原始长宽比k进行自适应调整； 3b根据3a中得到的最下方一行的元素的高度确定当前数据单元模型的位置，根据最下方一行的元素的宽度确定当前数据单元模型的高度； 3c重复步骤3a和3b，直到所有数据单元模型的参数被确定，按照确定的参数将各类数据单元模型排列在相应位置，得到瀑布流展示模型，实现最优的视觉展示效果； 4使用无极滚动算法进一步优化瀑布流展示模型，对剩余未展示的数据进行展示： 4a根据瀑布流展示模型的dom元素原生属性元素的内容垂直滚动的像素数sT、元素包含内边距的像素高度cH以及元素包含内边距和边框，不包含外边距的像素高度oH，计算当前视窗区域与浏览器底部的实际距离L，并设定视窗区域与浏览器底部的最小距离S； 4b将当前视窗区域与浏览器底部的实际距离L与最小距离S进行比较： 若L小于S，则判断当前视窗区域已经滚动接近页面底部，执行4c； 否则，返回4a； 4c利用JavaScript的push原生方法，将剩余未展示的数据对象补充至保存当前所等待展示的数组中，按照其数据元素类型以及配置对象的定义进行展示。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人西安电子科技大学，其通讯地址为：710071 陕西省西安市太白南路2号；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。

以上内容由龙图腾AI智能生成。