CN114116731A - 一种基于indexedDB存储的数据分离存储展示方法及装置 - Google Patents
一种基于indexedDB存储的数据分离存储展示方法及装置 Download PDFInfo
- Publication number
- CN114116731A CN114116731A CN202210076518.8A CN202210076518A CN114116731A CN 114116731 A CN114116731 A CN 114116731A CN 202210076518 A CN202210076518 A CN 202210076518A CN 114116731 A CN114116731 A CN 114116731A
- Authority
- CN
- China
- Prior art keywords
- media
- storage
- history record
- indexeddb
- history
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/22—Indexing; Data structures therefor; Storage structures
- G06F16/2219—Large Object storage; Management thereof
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2453—Query optimisation
- G06F16/24534—Query rewriting; Transformation
- G06F16/24549—Run-time optimisation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/248—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- Software Systems (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明提供一种基于indexedDB存储的数据分离存储展示方法及装置,方法包括:在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的媒介对象;所述媒介对象包括媒介流属性以及唯一ID属性,并将媒介对象存储至媒介存储仓库;将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;当需要展现一历史记录时,从历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的媒介对象的唯一ID属性,从媒介存储仓库找出对应的媒介对象,将媒介流展示到前台页面对应位置。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种基于indexedDB存储的数据分离存储展示方法及装置。
背景技术
在没有服务器支持的情况下,web浏览器使用indexedDB存储数据。比如存储一条历史记录数据,这个数据有个列表属性是一个多项数组,每个项里包含了一个属性对象是非常大的,如base64媒介(或者其他的数据流),此时需要再次上传这个历史记录里的媒介到另外一个设备,这个时候需要重新再上传这些媒介走一次流程,用户体验极差;并且复制这条历史记录数据形成一条新的历史记录,indexedDB需要存储这条复制的历史记录,导致占用用户的磁盘空间,并且占用磁盘空间的大小会随着这种复制增加而增加,且增加速度非常快。
发明内容
本发明要解决的技术问题,在于提供一种基于indexedDB存储的数据分离存储展示方法及装置,在需要大批量,重复性操作的时候,大大减少了用户磁盘暴增的可能。
第一方面,本发明提供了一种基于indexedDB存储的数据分离存储展示方法,包括:
步骤1、在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的第一媒介对象;所述第一媒介对象包括媒介流属性以及唯一ID属性,并将第一媒介对象存储至indexedDB媒介存储仓库;
步骤2、将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;
步骤3、当需要展现一历史记录时,从indexedDB历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的第二媒介对象的唯一ID属性,从indexedDB媒介存储仓库找出对应的第一媒介对象,将媒介流展示到前台页面对应位置。
进一步地,还包括步骤4、当需要复制某一历史记录时,仅需要复制该历史记录对象。
第二方面,本发明提供了一种基于indexedDB存储的数据分离存储展示装置,包括:
存储模块,在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的第一媒介对象;所述第一媒介对象包括媒介流属性以及唯一ID属性,并将第一媒介对象存储至indexedDB媒介存储仓库;
分离模块,将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;
展示模块,当需要展现一历史记录时,从indexedDB历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的第二媒介对象的唯一ID属性,从indexedDB媒介存储仓库找出对应的第一媒介对象,将媒介流展示到前台页面对应位置。
进一步地,还包括复制模块,当需要复制某一历史记录时,仅需要复制该历史记录对象。
本发明实施例中提供的一个或多个技术方案,至少具有如下技术效果或优点:
本申请实施例提供的一种基于indexedDB存储的数据分离存储展示方法及装置,通过本发明的技术,使得复制N个这样的历史记录对象,也不至于导致用户磁盘暴增,因为一个大的流媒体数据可能就达到几MB,通过次方案,比如我复制了多条这样子的历史记录,里面操作的媒介流数据,其中只保存一份,大大减少了用户磁盘压力。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
下面参照附图结合实施例对本发明作进一步的说明。
图1为本发明的流程图;
图2为本发明实施例一中方法中的流程图;
图3为本发明实施例二中装置的结构示意图。
具体实施方式
如图1所示,本申请实施例中的技术方案,总体思路如下:
1、在多媒介批量上传时候,通过唯一ID生成模块,为每个媒介生成唯一ID,生成一个媒介对象,媒介对象包含媒介流属性和唯一ID属性等其他属性。将此媒介对象存入indexedDB媒介存储仓库。
2、历史记录对象里的列表属性数组,存储的对象是通过分离函数,对大数据量媒介对象分离后的对象。所述分离函数是通过js对象属性移除操作符,将每个媒介对象分离得到不包含大数据媒介流,带唯一ID属性的媒介对象;此时这个列表属性里面不包含大数据量的媒介流等数据,将该媒介对象添加至历史记录对象中的媒介列表数组中。将此历史记录对象存入indexedDB历史记录存储仓库。
3、当展示历史记录详情的时候,需要展示这些媒介,我们通过历史记录对象的列表属性数组的媒介对象里的唯一ID去indexedDB媒介存储仓库查找当前数组项显示媒介数据,将此媒介展示到前台页面对应位置。
4、此时我们可以复制N个这样的历史记录对象,也不至于导致用户磁盘暴增。因为一个大的流媒体数据可能就达到几MB,通过次方案,比如我复制了多条这样子的历史记录,里面操作的媒介流数据,我只保存一份。大大减少了用户磁盘压力。
实施例一
如图2所示,本实施例提供一种基于indexedDB存储的数据分离存储展示方法,包括:
步骤1、在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的第一媒介对象;所述第一媒介对象包括媒介流属性以及唯一ID属性,并将第一媒介对象存储至indexedDB媒介存储仓库;
步骤2、将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;
步骤3、当需要展现一历史记录时,从indexedDB历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的第二媒介对象的唯一ID属性,从indexedDB媒介存储仓库找出对应的第一媒介对象,将媒介流展示到前台页面对应位置;
步骤4、当需要复制某一历史记录时,仅需要复制该历史记录对象。
基于同一发明构思,本申请还提供了与实施例一中的方法对应的装置,详见实施例二。
实施例二
如图3所示,在本实施例中提供了一种基于indexedDB存储的数据分离存储展示装置,包括:
存储模块,在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的第一媒介对象;所述第一媒介对象包括媒介流属性以及唯一ID属性,并将第一媒介对象存储至indexedDB媒介存储仓库;
分离模块,将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;
展示模块,当需要展现一历史记录时,从indexedDB历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的第二媒介对象的唯一ID属性,从indexedDB媒介存储仓库找出对应的第一媒介对象,将媒介流展示到前台页面对应位置;
复制模块,当需要复制某一历史记录时,仅需要复制该历史记录对象。
由于本发明实施例二所介绍的装置,为实施本发明实施例一的方法所采用的装置,故而基于本发明实施例一所介绍的方法,本领域所属人员能够了解该装置的具体结构及变形,故而在此不再赘述。凡是本发明实施例一的方法所采用的装置都属于本发明所欲保护的范围。
虽然以上描述了本发明的具体实施方式,但是熟悉本技术领域的技术人员应当理解,我们所描述的具体的实施例只是说明性的,而不是用于对本发明的范围的限定,熟悉本领域的技术人员在依照本发明的精神所作的等效的修饰以及变化,都应当涵盖在本发明的权利要求所保护的范围内。
Claims (4)
1.一种基于indexedDB存储的数据分离存储展示方法,其特征在于:包括:
步骤1、在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的第一媒介对象;所述第一媒介对象包括媒介流属性以及唯一ID属性,并将第一媒介对象存储至indexedDB媒介存储仓库;
步骤2、将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;
步骤3、当需要展现一历史记录时,从indexedDB历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的第二媒介对象的唯一ID属性,从indexedDB媒介存储仓库找出对应的第一媒介对象,将媒介流展示到前台页面对应位置。
2.根据权利要求1所述的一种基于indexedDB存储的数据分离存储展示方法,其特征在于:
还包括步骤4、当需要复制某一历史记录时,仅需要复制该历史记录对象。
3.一种基于indexedDB存储的数据分离存储展示装置,其特征在于:包括:
存储模块,在多个媒介上传时,为每个媒介生成唯一ID,并生成一对应的第一媒介对象;所述第一媒介对象包括媒介流属性以及唯一ID属性,并将第一媒介对象存储至indexedDB媒介存储仓库;
分离模块,将每个第一媒介对象通过分离得到不包含媒介流属性,带唯一ID属性的第二媒介对象,将所述第二媒介对象添加至历史记录对象中的媒介列表数组中,将该历史记录对象存储至indexedDB历史记录存储仓库;
展示模块,当需要展现一历史记录时,从indexedDB历史记录存储仓库查找对应的历史记录对象,根据历史记录对象中的历史记录数组中的第二媒介对象的唯一ID属性,从indexedDB媒介存储仓库找出对应的第一媒介对象,将媒介流展示到前台页面对应位置。
4.根据权利要求3所述的一种基于indexedDB存储的数据分离存储展示装置,其特征在于:
还包括复制模块,当需要复制某一历史记录时,仅需要复制该历史记录对象。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210076518.8A CN114116731B (zh) | 2022-01-24 | 2022-01-24 | 一种基于indexedDB存储的数据分离存储展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210076518.8A CN114116731B (zh) | 2022-01-24 | 2022-01-24 | 一种基于indexedDB存储的数据分离存储展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114116731A true CN114116731A (zh) | 2022-03-01 |
CN114116731B CN114116731B (zh) | 2022-04-22 |
Family
ID=80361218
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210076518.8A Active CN114116731B (zh) | 2022-01-24 | 2022-01-24 | 一种基于indexedDB存储的数据分离存储展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114116731B (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1392699A (zh) * | 2001-06-13 | 2003-01-22 | 索尼公司 | 数据传送系统和装置、记录装置、编辑控制和处理方法 |
CN103678463A (zh) * | 2012-09-13 | 2014-03-26 | 佳能欧洲股份有限公司 | 将元数据与媒体对象相关联的方法和装置 |
CN103970903A (zh) * | 2014-05-27 | 2014-08-06 | 重庆大学 | 基于Web的大型工业系统反馈数据实时处理方法及系统 |
US20150312122A1 (en) * | 2014-04-25 | 2015-10-29 | Canon Kabushiki Kaisha | Information processing terminal and control method |
CN105229633A (zh) * | 2013-03-13 | 2016-01-06 | 萨勒斯福斯通讯有限公司 | 用于实现数据上传、处理和预测查询api公开的系统、方法和装置 |
CN107239546A (zh) * | 2017-06-05 | 2017-10-10 | 成都知道创宇信息技术有限公司 | 一种网页局部内容跟踪与提醒的方法 |
CN111177094A (zh) * | 2019-09-23 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 日志数据处理方法、装置、电子设备及存储介质 |
CN111966894A (zh) * | 2020-08-05 | 2020-11-20 | 深圳市欢太科技有限公司 | 信息查询方法、装置、存储介质及电子设备 |
CN112685487A (zh) * | 2021-01-15 | 2021-04-20 | 金现代信息产业股份有限公司 | 在浏览器环境下通过IndexedDB模拟关系型数据库的方法和装置 |
-
2022
- 2022-01-24 CN CN202210076518.8A patent/CN114116731B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1392699A (zh) * | 2001-06-13 | 2003-01-22 | 索尼公司 | 数据传送系统和装置、记录装置、编辑控制和处理方法 |
CN103678463A (zh) * | 2012-09-13 | 2014-03-26 | 佳能欧洲股份有限公司 | 将元数据与媒体对象相关联的方法和装置 |
CN105229633A (zh) * | 2013-03-13 | 2016-01-06 | 萨勒斯福斯通讯有限公司 | 用于实现数据上传、处理和预测查询api公开的系统、方法和装置 |
US20150312122A1 (en) * | 2014-04-25 | 2015-10-29 | Canon Kabushiki Kaisha | Information processing terminal and control method |
CN103970903A (zh) * | 2014-05-27 | 2014-08-06 | 重庆大学 | 基于Web的大型工业系统反馈数据实时处理方法及系统 |
CN107239546A (zh) * | 2017-06-05 | 2017-10-10 | 成都知道创宇信息技术有限公司 | 一种网页局部内容跟踪与提醒的方法 |
CN111177094A (zh) * | 2019-09-23 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 日志数据处理方法、装置、电子设备及存储介质 |
CN111966894A (zh) * | 2020-08-05 | 2020-11-20 | 深圳市欢太科技有限公司 | 信息查询方法、装置、存储介质及电子设备 |
CN112685487A (zh) * | 2021-01-15 | 2021-04-20 | 金现代信息产业股份有限公司 | 在浏览器环境下通过IndexedDB模拟关系型数据库的方法和装置 |
Non-Patent Citations (4)
Title |
---|
FURKAN PALIGU: "Browser Forensic Investigations of WhatsApp Web Utilizing IndexedDB Persistent Storage", 《FUTURE INTERNET》 * |
MAYSSA JEMEL ET AL.: "Content protection and secure synchronization of HTML5 local storage data", 《2014 IEEE 11TH CONSUMER COMMUNICATIONS AND NETWORKING CONFERENCE》 * |
张飞宇: "基于元数据的非结构化多媒体数据资源共享系统的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
罗宏俊: "基于Web技术进行移动应用开发和中间件的研究", 《计算机系统应用》 * |
Also Published As
Publication number | Publication date |
---|---|
CN114116731B (zh) | 2022-04-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107223241B (zh) | 上下文缩放 | |
US8099681B2 (en) | Systems and methods for propagating alerts via a hierarchy of grids | |
US10157173B2 (en) | Optimizing rendering of data tables | |
US10061834B1 (en) | Incremental out-of-place updates for datasets in data stores | |
US20130086459A1 (en) | Automatic Scoping of Data Entities | |
US9367211B1 (en) | Interface tab generation | |
CN108829809B (zh) | 一种信息展示方法及其终端设备、网络设备 | |
US10902192B2 (en) | Dynamic digital document visual aids in a digital medium environment | |
CN104731896A (zh) | 一种数据处理方法及系统 | |
US20210304379A1 (en) | System and Methods for an Image Mosaic Representing a Group of Links | |
US20150186491A1 (en) | Personalized electronic magazine | |
CN105373608A (zh) | 一种基于输入法的场景式内容推送方法及其系统 | |
CN103885959A (zh) | 一种网页书签的生成方法和装置 | |
CN105630792A (zh) | 一种信息显示、推送方法及装置 | |
CN114116731B (zh) | 一种基于indexedDB存储的数据分离存储展示方法及装置 | |
CN110704431A (zh) | 一种海量数据的分级存储管理方法 | |
CN112035555B (zh) | 一种信息展示方法、装置及设备 | |
CN111984198A (zh) | 消息队列实现方法、装置及电子设备 | |
CN109308310B (zh) | 一种用于资产管理平台的子系统数据互联处理方法 | |
CN102467527A (zh) | 工作桌面展现系统、方法及其应用服务器 | |
CN115981918A (zh) | 数据恢复方法、装置、电子设备及存储介质 | |
JPH10162081A (ja) | 商品情報提示システム | |
CN105190510A (zh) | 增量地消费内容 | |
CN111506768A (zh) | 一种车载视频数据存储方法、装置、服务器及存储介质 | |
CN104834664A (zh) | 面向光盘库的全文检索系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |