一种web应用程序离线数据的处理方法及装置制造方法及图纸

本发明专利技术实施例公开了一种web应用程序离线数据的处理方法及装置，其中该方法包括：当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；将目标编辑数据实时保存至本地数据库，并实时判断本地数据库与目标服务器之间的网络连接是否中断；若是，则待本地数据库与目标服务器之间恢复网络连接后，根据预设规则对本地数据库和目标服务器的数据进行更新；本发明专利技术实施例的应用页面可脱离目标服务器离线使用，即使在网络中断时也能可靠地将数据保存到本地数据库，并在网络恢复时通过后台脚本将本地数据库与目标服务器的数据同步更新。

【技术实现步骤摘要】
一种web应用程序离线数据的处理方法及装置
本专利技术涉及web应用程序
，尤其涉及一种web应用程序离线数据的处理方法及装置。
技术介绍
web应用是应用程序（application）的其中一种形式，可以通过网页浏览器直接访问，有一些显著的优势，如跨平台、免安装和更新及时等，然而也存在一些劣势，即对网络的依赖较高，在设备脱机的情况下难以保证可用性及操作的可持续性。目前多数的web应用对于网络的依赖较高，每一次的数据操作都需要从服务器下载或上传数据，在网络状态不佳或者脱机状态下会导致操作中断或者无法正常使用。因此，要保证web应用的离线使用，并且能够确保用户的操作不中断，数据能够正常地保存变得尤为重要。目前普遍采用浏览器的本地存储（localStorage）来实现数据的离线存储。通常从服务器下载数据并存储在本地存储，并随着每一次的下载数据而及时更新，当设备脱机时，直接读取本地存储中的数据呈现给用户。本地存储（localStorage）是一种常用的web应用存储介质，曾解决web应用无法在本地储存应用数据的问题，然而如今应用程序的功能日渐丰富，随之其数据结构也日渐复杂。由于本地存储存在的一些弊端，如存储上限小（通常上限2.5M-10M）、读写阻塞、数据结构化弱、无法提供复杂的检索、无法提供事务（transaction）支持等，已无法满足现代部分web应用程序的存储需求。此外，由于web应用的特殊性，在用户关闭应用页面后，web应用的生命周期也随之结束，相应的操作，包括数据同步的操作也随之中断。专利
技术实现思路
基于此，有必要针对上述问题，提出一种web应用程序离线数据的处理方法及装置，以实现即使在网络中断时也能可靠地将数据保存到本地数据库，并在网络恢复时通过后台脚本将本地数据库与目标服务器的数据同步更新。本专利技术实施例的第一技术方案为：一种web应用程序离线数据的处理方法，其包括：当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；将所述目标编辑数据实时保存至本地数据库，并实时判断所述本地数据库与目标服务器之间的网络连接是否中断；若是，则待所述本地数据库与所述目标服务器之间恢复网络连接后，根据预设规则对所述本地数据库和所述目标服务器的数据进行更新；其中，所述目标应用页面为所述目标web应用程序对应的网页，所述目标操作终端的所述本地数据库与所述目标服务器需通过所述后台脚本相互进行网络通信，且所述本地数据库与所述目标应用页面可通过页面脚本进行离线通信。本专利技术实施例的第二技术方案为：一种web应用程序离线数据的处理装置，其包括：数据获取模块，用于当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；网络判断模块，用于将所述目标编辑数据实时保存至本地数据库，并实时判断所述本地数据库与目标服务器之间的网络连接是否中断；数据更新模块，用于当所述本地数据库与所述目标服务器之间的网络连接中断时，则待所述本地数据库与所述目标服务器之间恢复网络连接后，根据预设规则对所述本地数据库和所述目标服务器的数据进行更新；其中，所述目标应用页面为所述目标web应用程序对应的网页，所述目标操作终端的所述本地数据库与所述目标服务器需通过所述后台脚本相互进行网络通信，且所述本地数据库与所述目标应用页面可通过页面脚本进行离线通信。本专利技术实施例的第三技术方案为：一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行以下步骤：当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；将所述目标编辑数据实时保存至本地数据库，并实时判断所述本地数据库与目标服务器之间的网络连接是否中断；若是，则待所述本地数据库与所述目标服务器之间恢复网络连接后，根据预设规则对所述本地数据库和所述目标服务器的数据进行更新；其中，所述目标应用页面为所述目标web应用程序对应的网页，所述目标操作终端的所述本地数据库与所述目标服务器需通过所述后台脚本相互进行网络通信，且所述本地数据库与所述目标应用页面可通过页面脚本进行离线通信。本专利技术实施例的第四技术方案为：一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行以下步骤：当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；将所述目标编辑数据实时保存至本地数据库，并实时判断所述本地数据库与目标服务器之间的网络连接是否中断；若是，则待所述本地数据库与所述目标服务器之间恢复网络连接后，根据预设规则对所述本地数据库和所述目标服务器的数据进行更新；其中，所述目标应用页面为所述目标web应用程序对应的网页，所述目标操作终端的所述本地数据库与所述目标服务器需通过所述后台脚本相互进行网络通信，且所述本地数据库与所述目标应用页面可通过页面脚本进行离线通信。采用本专利技术实施例，具有如下有益效果：本专利技术在目标web应用程序和后台脚本在目标操作终端初始化之后，通过获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据，然后将目标编辑数据实时保存至本地数据库，并实时判断本地数据库与目标服务器之间的网络连接是否中断，若是则待本地数据库与目标服务器之间恢复网络连接后，根据预设规则对本地数据库和目标服务器的数据进行更新，即使在网络中断时也能可靠地将数据保存到本地数据库，实现了在网络恢复时通过后台脚本将本地数据库与目标服务器的数据同步更新的目的。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。其中：图1为一个实施例中web应用程序离线数据的处理方法一实施方式的实施流程图；图2为一个实施例中web应用程序离线数据的处理方法一实施方式的另一实施流程图；图3为一个实施例中web应用程序离线数据的处理装置一实施方式的结构框图；图4为一个实施例中计算机设备一实施方式的结构框图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。Web应用程序是一种可以通过Web访问的应用程序，其最大好处是用户很容易访问应用程序，用户只需要有浏览器即可，不需要再安装其他软件。web应用程序产生的数据往往只保存在服务器端。用户每一次的查看、添加和删除数据都需要经本文档来自技高网...

【技术保护点】
1.一种web应用程序离线数据的处理方法，其特征在于，包括：/n当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；/n将所述目标编辑数据实时保存至本地数据库，并实时判断所述本地数据库与目标服务器之间的网络连接是否中断；/n若是，则待所述本地数据库与所述目标服务器之间恢复网络连接后，根据预设规则对所述本地数据库和所述目标服务器的数据进行更新；/n其中，所述目标应用页面为所述目标web应用程序对应的网页，所述目标操作终端的所述本地数据库与所述目标服务器需通过所述后台脚本相互进行网络通信，且所述本地数据库与所述目标应用页面可通过页面脚本进行离线通信。/n

【技术特征摘要】
1.一种web应用程序离线数据的处理方法，其特征在于，包括：
当目标web应用程序和后台脚本在目标操作终端初始化之后，获取用户对目标应用页面的可编辑文件进行编辑后的目标编辑数据；
将所述目标编辑数据实时保存至本地数据库，并实时判断所述本地数据库与目标服务器之间的网络连接是否中断；
若是，则待所述本地数据库与所述目标服务器之间恢复网络连接后，根据预设规则对所述本地数据库和所述目标服务器的数据进行更新；
其中，所述目标应用页面为所述目标web应用程序对应的网页，所述目标操作终端的所述本地数据库与所述目标服务器需通过所述后台脚本相互进行网络通信，且所述本地数据库与所述目标应用页面可通过页面脚本进行离线通信。


2.根据权利要求1所述的web应用程序离线数据的处理方法，其特征在于，若所述本地数据库与所述目标服务器之间的网络连接没有中断，则直接根据所述预设规则对所述本地数据库和所述目标服务器的数据进行更新。


3.根据权利要求1或2所述的web应用程序离线数据的处理方法，其特征在于，所述根据所述预设规则对所述本地数据库和所述目标服务器的数据进行更新，包括：
分别获取所述本地数据库和所述目标服务器的第一数据和第二数据，并将所述第一数据和所述第二数据进行对比；
将所述本地数据库相对于所述目标服务器所独有的第三数据发送至所述目标服务器存储，并获取所述目标服务器相对于所述本地数据库所独有的第四数据，将所述第四数据保存至所述本地数据库。


4.根据权利要求3所述的web应用程序离线数据的处理方法，其特征在于，所述将所述本地数据库相对于所述目标服务器所独有的第三数据发送至所述目标服务器存储，并获取所述目标服务器相对于所述本地数据库所独有的第四数据，将所述第四数据保存至所述本地数据库，之后包括：
获取所述本地数据库和所述目标服务器中数据ID相同的第五数据，并分别获取所述第五数据在所述本地数据库和所述目标服务器中的第一更新时间和第二更新时间；
将所述第一更新时间和所述第二更新时间中更新时间较迟的所述第一更新时间或所述第二更新时间作为所述第五数据的最新更新时间；
以所述最新更新时间对应的所述第五数据作为更新内容，同时对所述本地数据库和所述目标服务器中的所述第五数据对应的内容进行更新。


5.根据权利要求3所述的web应用程序离线数据的处理方法，其特征在于，所述根据所...

【专利技术属性】
技术研发人员：郑灿城，刘晓生，刘双，罗真，杨振豪，邓柳瑶，刘健昊，
申请(专利权)人：深圳市互联工场科技有限公司，
类型：发明
国别省市：广东;44