一种浏览器端编辑应用程序时的数据恢复方法及装置技术领域
本发明属于浏览器端应用程序编辑数据存储技术领域，具体涉及一种浏览器端编
辑应用程序时的数据恢复方法及装置。
背景技术
目前，很多应用程序都是基于浏览器端开发，例如在线编辑、图表绘制等，在用户
编辑完保存页面信息时，碰到网络不稳定会出现保存失败，导致用户信息丢失带来的损失。
发明内容
本发明的目的在于解决上述的技术问题而提供一种浏览器端编辑应用程序时的
数据恢复方法，其实现了将编辑的页面数据离线优先保存在浏览器索引数据库中，在数据
恢复时可读取离线保存的数据，并调用远程存储API将保存在浏览器索引数据库中的数据
进行保存，从而避免了由于网络不稳定导致数据的存储失败，导致数据丢失的问题。
为实现上述目的，本发明采用如下技术方案：
一种浏览器端编辑应用程序时的数据恢复方法，包括以下步骤：
在数据编辑模式下调用离线数据存储模块对浏览器端编辑完成的数据预处理并异步
将数据离线存储在浏览器索引数据库中；
在数据恢复时，调用离线数据恢复模块指定恢复数据索引，从所述浏览器索引数据库
中读取指定的恢复数据索引对应的数据并保留，然后进入数据恢复模式，调用远程API保存
所读取的数据；
在数据恢复模式下远程API保存所述离线数据恢复模块读取并保留的数据，并在保存
完成后进入数据编辑模式。
在数据编辑模式下调用离线数据存储模块对浏览器端编辑完成的数据预处理并
异步将数据离线存储在浏览器索引数据库中的步骤如下：
对编辑完成的零散数据进行结构化处理，生成结构化对象数据；
按预设存储策略将所述结构化对象数据离线存储在浏览器索引数据库中。
所述按预设存储策略将所述结构化对象数据离线存储在浏览器索引数据库中的
步骤如下：
判断要保存数据量是否大于预定存储量上限值；
如果是，则自要保存数据中第一条数据始删除相应的数据，使要保存数据的数量小于
等于所述预定存储量上限值，然后再将数据离线存储在浏览器索引数据库中。
在数据编辑模式下调用离线数据存储模块对浏览器端编辑完成的数据预处理并
异步将数据离线存储在浏览器索引数据库中的步骤之后，还包括以下步骤：
调用远程API保存离线储存在所述浏览器索引数据库中的数据。
在数据恢复模式下，不调用离线数据存储模块异步将数据离线存储在浏览器索引
数据库中。
本发明的目的还在于提供一种浏览器端编辑应用程序时的数据恢复装置，包括：
离线数据存储模块，用于在数据编辑模式下对浏览器端编辑完成的数据预处理并异步
将数据离线存储在浏览器索引数据库中；
离线数据恢复模块，用于在数据恢复时，指定恢复数据索引，从所述浏览器索引数据库
中读取指定的恢复数据索引对应的数据并保留，并在调用远程API后由远程API保存。
所述离线数据存储模块包括：
数据预处理单元，用于对编辑完成的零散数据进行结构化处理，生成结构化对象数据。
所述离线数据存储模块进一步包括：
判断单元，用于判断要保存数据量是否大于预定存储量上限值；
数据删除单元，用于判断单元判断要保存数据量大于预定存储量上限值时，自要保存
数据中第一条数据始删除相应的数据，使要保存数据的数量小于等于所述预定存储量上限
值；
数据存储单元，用于将符合要求的数据离线存储在浏览器索引数据库中。
所述离线数据存储模块进一步包括：
存储限值设定单元，用于设定所述结构化对象数据离线存储的存储数量上限值。
所述离线数据恢复模块包括：
恢复数据索引指定单元，用于指定恢复数据索引；
恢复数据读取保留单元，用于从所述浏览器索引数据库中读取指定的恢复数据索引对
应的数据并保留。
本发明通过在数据编辑模式下调用离线数据存储模块对浏览器端编辑完成的数
据预处理并异步将数据离线存储在浏览器索引数据库中；在数据恢复时，调用离线数据恢
复模块指定恢复数据索引，从所述浏览器索引数据库中读取指定的恢复数据索引对应的数
据并保留，然后进入数据恢复模式，调用远程API保存所读取的数据；在数据恢复模式下远
程API同步保存所述离线数据恢复模块读取并保留的数据，这样就避免了因在编辑应用程
序数据时，因网络不稳定而导致数据内容保存失败而丢失的问题。
附图说明
图1为本发明实施例提供的浏览器端编辑应用程序时的数据恢复方法的流程示意
图；
图2为本发明实施例提供的浏览器端编辑应用程序时的数据恢复方法的离线存储数据
的流程示意图；
图3为本发明实施例提供的浏览器端编辑应用程序时的数据恢复装置的原理图；
图4为本发明实施例提供的浏览器端编辑应用程序时的数据恢复装置的离线数据存储
模块的原理图；
图5为本发明实施例提供的浏览器端编辑应用程序时的数据恢复装置的离线数据恢复
模块的原理图。
具体实施方式
下面，结合实例对本发明的实质性特点和优势作进一步的说明，但本发明并不局
限于所列的实施例。
参见图1所示，一种浏览器端编辑应用程序时的数据恢复方法，包括以下步骤：
在数据编辑模式下调用离线数据存储模块对浏览器端编辑完成的数据预处理并异步
将数据离线存储在浏览器索引数据库中；
在数据恢复时，调用离线数据恢复模块指定恢复数据索引，从所述浏览器索引数据库
中读取指定的恢复数据索引对应的数据并保留，然后进入数据恢复模式，调用远程API保存
所读取的数据；
在数据恢复模式下远程API保存所述离线数据恢复模块读取并保留的数据，并在保存
完成后进入数据编辑模式。
在进行数据恢复时，所述离线数据恢复模块指定恢复数据索引时可以根据数据的
存储ID来指定数据恢复。所述离线数据恢复模块根据指定的数据存储id进行数据恢复，在
数据恢复模式中保存操作的数据会将从数据库中读取内容发送给远程服务器的存储api实
现同步存储，而不会将页面的数据进行离线存储。同步储存操作完成后，系统自动恢复数据
编辑模式。
本发明通过在数据编辑模式下调用离线数据存储模块对浏览器端编辑完成的数
据预处理并异步将数据离线存储在浏览器索引数据库中；在数据恢复时，调用离线数据恢
复模块指定恢复数据索引，从所述浏览器索引数据库中读取指定的恢复数据索引对应的数
据并保留，然后进入数据恢复模式，调用远程API保存所读取的数据；在数据恢复模式下远
程API同步保存所述离线数据恢复模块读取并保留的数据，这样就避免了因在编辑应用程
序数据时，因网络不稳定而导致数据内容保存失败而丢失的问题。
进一步的，本发明中，在数据编辑模式下，调用离线数据存储模块对浏览器端编辑
完成的数据预处理并异步将数据离线存储在浏览器索引数据库中的步骤具体如下：
对编辑完成的零散数据进行结构化处理，生成结构化对象数据；然后按预设存储策略
将所述结构化对象数据离线存储在浏览器索引数据库中。
通过对零散数据进行结构化处理，生成结构化对象数据，方便对数据后期的存储
管理控制，对数据量进行计算。
其中，本发明中，所述按预设存储策略将所述结构化对象数据离线存储在浏览器
索引数据库中的步骤具体如下，参见图2所示：
判断要保存数据量是否大于预定存储量上限值；
如果是，则自要保存数据中第一条数据始删除相应的数据，使要保存数据的数量小于
等于所述预定存储量上限值，然后再将数据离线存储在浏览器索引数据库中。
如可以预先设定数据存储量的上限值 为50条或30条，如超过50条或30条，则删除
第一条数据，从而始终使要保存数据的数量小于等于所述预定存储量上限值，从而保证了
数据存储数量在一个固定的值，当然这一值也可以根据需要进行调整。
进一步的，本发明中，在数据编辑模式下调用离线数据存储模块对浏览器端编辑
完成的数据预处理并异步将数据离线存储在浏览器索引数据库中的步骤之后，还包括以下
步骤，参见图1所示：
调用远程API同步保存离线储存在所述浏览器索引数据库中的数据。
这样，在数据编辑模式下，即在浏览器上进行程序编辑过程中，也可以实现对编辑
完成的数据优先进行离线存储后，同时实现了远程在线存储的需要，通过优先离线存储数
据而后在调用远程存储API保存离线储存在所述浏览器索引数据库中的数据，不但解决了
因网络不稳定或断线导致数据无法保存的问题，同时也实现了编辑数据的在线存储，从而
不会影响编辑数据的即时性存储的要求，不会影响数据存储的效率与同步性。
需要说明的是，本发明中，在数据恢复模式下，不调用离线数据存储模块异步将数
据离线存储在浏览器索引数据库中。即在进行数据恢复时，单单进行数据恢复的工作，这样
可以防止数据恢复与离线存储的冲突，从而也可以加快数据恢复的时间，减少数据恢复的
延迟。
本发明的目的还在于提供一种浏览器端编辑应用程序时的数据恢复装置，参见图
3所示，包括：
离线数据存储模块，用于在数据编辑模式下对浏览器端编辑完成的数据预处理并异步
将数据离线存储在浏览器索引数据库中；
离线数据恢复模块，用于在数据恢复时，指定恢复数据索引，从所述浏览器索引数据库
中读取指定的恢复数据索引对应的数据并保留，然后进入数据恢复模式，并在调用远程存
储API后由远程存储API保存。
其中，所述离线数据存储模块与离线数据恢复模块连接调用模块，所述调用模块
用于调用所述离线数据存储模块与离线数据恢复模块进行离线数据存储与离线数据恢复
操作以及调用远程存储API远程同步存储数据。
需要说明的是，本发明中，在调用远程存储API后，在数据恢复模式下远程存储API
保存所述离线数据恢复模块读取并保留的数据，并在保存完成后，所述数据编辑模式可自
动切换进入数据编辑模式，用于数据的编辑处理。
进一步的，本发明中，参见图4所示，所述离线数据存储模块包括：
数据预处理单元，用于对编辑完成的零散数据进行结构化处理，生成结构化对象数据。
通过对零散数据进行结构化处理，生成结构化对象数据，方便对数据后期的存储管理控制，
对数据量进行计算。
进一步的，本发明中，参见图4所示，所述离线数据存储模块包括：
判断单元，用于判断要保存数据量是否大于预定存储量上限值；数据删除单元，与所述
判断单元相连接的，用于判断单元判断要保存数据量大于预定存储量上限值时，自要保存
数据中第一条数据始删除相应的数据，使要保存数据的数量小于等于所述预定存储量上限
值；数据存储单元，与所述判断单元以及数据删除单元相连接，用于将符合要求的数据离线
存储在浏览器索引数据库中。如可以预先设定数据存储量的上限值 为50条或30条，如超过
50条或30条，则删除第一条数据，从而始终使要保存数据的数量小于等于所述预定存储量
上限值，从而保证了数据存储的数量在一个固定的值，当然，这一值也可以根据需要进行调
整。
进一步的，本发明中，所述离线数据存储模块还包括：
存储限值设定单元，与所述判断单元相连接，用于设定所述结构化对象数据离线存储
的存储数量上限值。所述存储限值设定单元用于外部输入存储数量上限设定值并存储该存
储数量上限设定值
本发明中，参见图5所示，所述离线数据恢复模块包括：
恢复数据索引指定单元，用于指定恢复数据索引；恢复数据读取保留单元，用于从所述
浏览器索引数据库中读取指定的恢复数据索引对应的数据并保留。所述恢复数据索引指定
单元可用于外部输入恢复数据索引指令，然后由根据恢复数据读取保留单元该指定指令，
从所述浏览器索引数据库中读取指定的恢复数据索引对应的数据并保留，之后进行数据恢
复模式，由远程存储API同步将从所述浏览器索引数据库中读取指定的恢复数据索引对应
的数据并保留的数据进行同步存储在远程服务器中。
本发明的浏览器端编辑应用程序时的数据恢复装置，在数据编辑模式下调用模块
调用离线数据存储模块，对浏览器端编辑完成的数据预处理并异步将数据离线存储在浏览
器索引数据库中之后，调用模块还执行以下步骤，参见图1所示：
调用远程API同步保存离线储存在所述浏览器索引数据库中的数据。
这样，在数据编辑模式下，即在浏览器上进行程序编辑过程中，也可以实现对编辑
完成的数据优先进行离线存储后，同时实现了远程在线存储的需要，通过优先离线存储数
据而后在调用远程存储API保存离线储存在所述浏览器索引数据库中的数据，不但解决了
因网络不稳定或断线导致数据无法保存的问题，同时也实现了编辑数据的在线存储，从而
不会影响编辑数据的即时性存储的要求，不会影响数据存储的效率与同步性。
需要说明的是，本发明中，在数据恢复模式下，调用模块不调用离线数据存储模块
异步将数据离线存储在浏览器索引数据库中。即在进行数据恢复时，单单进行数据恢复的
工作，这样可以防止数据恢复与离线存储的冲突，从而也可以加快数据恢复的时间，减少数
据恢复的延迟。
以上分析，可以看出，本发明通过在数据编辑模式下调用离线数据存储模块对浏
览器端编辑完成的数据预处理并异步将数据离线存储在浏览器索引数据库中；在数据恢复
时，调用离线数据恢复模块指定恢复数据索引，从所述浏览器索引数据库中读取指定的恢
复数据索引对应的数据并保留，然后进入数据恢复模式，调用远程API保存所读取的数据；
在数据恢复模式下远程API同步保存所述离线数据恢复模块读取并保留的数据，这样就避
免了因在编辑应用程序数据时，因网络不稳定而导致数据内容保存失败而丢失的问题。
以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人
员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应
视为本发明的保护范围。