CN110765385B - 一种ofd文档网页端浏览的方法及系统 - Google Patents

Abstract

本发明提供一种OFD文档网页端浏览的方法及系统，浏览器将OFD文档标识传给服务器，服务器返回OFD文档的页结构信息给浏览器；浏览器根据接收的信息对OFD文档进行分组，生成所有分组的HTML标签，并生成当前分组下包含页的HTML标签。当前页为第n页，浏览器在浏览器缓存中查询第n‑1、n、n+1、n+2页是否已经加载，如果已经加载，则不做处理，如果没有加载，则向服务器请求加载相应页面数据。本发明采用异步加载的方式，按需加载，减少了浏览器端的等待时间，简化HTML文档结构，可以降低浏览器的渲染压力，提高浏览器的响应速度。

Description

一种OFD文档网页端浏览的方法及系统

技术领域

本发明涉及互联网领域，特别涉及一种OFD文档网页端浏览的方法及系统。

背景技术

长期以来，我国的版式电子文件大多使用国外的软件产品，采用国外的标准，例如日常工作中经常使用的PDF(Portable Document Format)便携式文档格式。在我国，PDF被广泛应用在电子出版、电子图书、文档管理等领域，档案领域主要采用PDF的子标准PDF/A作为数字档案长期保存格式。

除了国外的标准，还有一些厂商的私有格式标准也在使用，如党委机关使用的方正阿帕比CEBX格式(Common E-document of Blending XML)、政府机关使用的书生SEP格式、学术领域使用的知网CAJ格式等。

由于没有统一的版式电子文件标准，导致各行业各自为政，格式应用混乱、接口不统一、标准不开放、对行业应用需求支持不完整，电子文件信息交换、长期保存、功能拓展等都存在一定困难。最重要的是大量与国家安全相关的电子文件采用国外标准格式，在安全性、自主可控等方面存在重大隐患，因此，满足国内应用需要的、统一的版式电子文件格式标准OFD应运而生。

因为OFD格式目前应用不是很多，所以相应的格式阅读器、转换器也比较少。

目前预览或者编辑OFD文档，通常需要下载相应的客户端，不像网页端浏览轻量、便捷。客户端存在下载、安装繁琐、移植性差等问题，对网页轻阅读提出了严峻的考验。

现有网页浏览实现方案如中国专利申请公开号为CN107943915A，发明名称为“基于HTML5的OFD文件在线显示的方法以及装置”，对OFD文件进行浏览的方式为：

1、在浏览器输入浏览网址，服务器下载OFD文档，解压OFD文档。

2、按OFD标准解析OFD文档，将文档的XML格式转换成HTML结构+背景图模式。

3、将解析数据返回给网页端，网页端解析并进行展现。

这种浏览方式的缺点主要体现在以下几个方面：

1、网页打开慢，尤其初次打开并且页数较多的OFD文档，由于服务器解析时间长，等待时间会很长；

2、翻页卡顿、不流畅，尤其是页数多的文档，如几千页的文档，翻页体验相当差；

3、HTML页面文档结构复杂，多层嵌套，会过多的占用浏览器内存，使浏览器十分卡顿，甚至导致浏览器崩溃；

4、服务器端需要先将OFD文档进行解压，然后解析，对于文档页数较多的文档，解压时间会比较久；

5、同步解析OFD文档的所有页数，第一次加载会非常慢，并给服务器造成较大的压力。

发明内容

有鉴于此，为了解决现有技术的问题，本发明提供一种针对多页OFD文档在网页端快速预览的方法及系统，使OFD文档的预览轻量化。采用异步方式按需加载，旨在提升网页打开的速度，提高翻页的流畅度，精简HTML文档结构，减轻浏览器压力。并在服务器端加入缓存机制，提高服务器的响应速度，减轻服务器端压力，提高CPU和内存的使用率。

本发明的技术方案如下：

第一方面，本发明提供一种OFD文档网页端浏览的方法，包括以下步骤：

步骤S1、浏览器打开OFD文档，将OFD文档标识传给服务器；

步骤S2、服务器根据OFD文档标识到服务器缓存中查询，如果服务器缓存未命中，服务器无需解压直接读取并解析OFD文档的指定页的数据，将OFD文档的页结构信息返回给浏览器，同时更新服务器缓存，将OFD文档及其页结构信息保存到服务器缓存；如果服务器缓存命中，直接将OFD文档的页结构信息返回给浏览器；

步骤S3、浏览器根据接收的页结构信息，以页为单位对OFD文档进行分组，生成所有分组的分组标签；

步骤S4、查找待浏览的当前页第n页所在的当前分组第m组，并生成当前分组第m组下所有页标签；

步骤S5、在浏览器缓存中查询第n页是否已经加载，如果已经加载，说明第n页的背景图及文字标签已经渲染完成，则不做处理；如果没有加载，则向服务器请求加载第n页的背景图及文字信息，生成第n页的文字标签，对第n页进行渲染，并更新浏览器端缓存，标识第n页为已加载。

优选的，所述步骤S5还包括预生成的步骤，具体的步骤S5为：浏览器以第n页为基准在浏览器缓存中查询，判断第n-1、n、n+1、n+2页是否已经加载，如果已经加载，说明第n-1、n、n+1、n+2页的背景图及文字标签已经渲染完成，则不做处理；如果没有加载，则向服务器请求第n-1页、第n页、第n+1页、第n+2页的数据，加载相应页的背景图及文字信息，生成相应页的文字标签，对第n-1、n、n+1、n+2页进行渲染，并将n-1、n、n+1、n+2保存到浏览器缓存。

进一步的，所述的服务器缓存是包括了本地缓存和远端缓存的两级缓存。

进一步的，本地缓存和远端缓存的数据同步方式为：缓存生成时，先保存到本地缓存，再保存到远端缓存；读取缓存时，先读取本地缓存，如果未命中再读取远端缓存。

进一步的，对OFD文档进行分组时，每组的页数根据实际需要设定。

进一步的，还包括翻页的步骤：

步骤S6、用户进行翻页操作；

步骤S7、判断是否为组内翻页，如果是，则跳转到步骤S5，如果不是，则跳转到步骤S4。

第二方面，本发明提供一种OFD文档网页端浏览的系统，包括浏览器端和服务器端，所述的服务器端包括本地缓存和远端缓存，所述远端缓存与至少一个本地缓存交互，本地缓存用于保存本地单个服务器的数据，远端缓存用于保存集群环境下所有服务器的数据。

进一步的，本地缓存和远端缓存的数据同步方式为：缓存生成时，先保存到本地缓存，再保存到远端缓存；读取缓存时，先读取本地缓存，如果未命中再读取远端缓存。

进一步的，所述的浏览器端包括：

接收模块：用于接收OFD文档，将OFD文档标识传给服务器；

分组模块：以页为单位对OFD文档进行分组，生成所有分组的分组标签，并生成当前分组下的所有页标签；

显示模块：用于显示待浏览的OFD文档；

保存模块：用于保存待浏览页面和预生成的页面的背景图及文字信息。

进一步的，所述的分组模块对OFD文件进行分组时，每组的页数根据实际需要设定。

本发明的有益效果在于：

1、后台解析OFD文档时，直接从压缩文件中提取相关的文档流并进行解析，减少了解压所有文档的时间损耗；

2、采用异步加载的方式，按需加载，减少了浏览器端的等待时间；

3、采用浏览器缓存+服务器两级缓存(本地+远端)的方式，加快了系统的响应时间，对于同一文档不需要进行多次重复解析；

4、简化HTML文档结构，对于大文档，如3000页以上的OFD文档，可以降低浏览器的渲染压力，提高浏览器的响应速度。

附图说明

图1为本发明实施例一的OFD文档网页端浏览方法的步骤示意图；

图2为本发明实施例二的OFD文档网页端浏览方法的步骤示意图。

具体实施方式

下面结合附图对本公开实施例进行详细描述。

以下通过特定的具体实例说明本公开的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本公开的其他优点与功效。显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。本公开还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本公开的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

实施例一

发明的OFD文档网页端浏览方法的步骤包括：

步骤S1、浏览器打开OFD文档，将OFD文档标识传给服务器。

步骤S2、服务器根据OFD文档标识到服务器缓存中查询，如果服务器缓存未命中，服务器无需解压直接读取并解析OFD文档的指定页文件，将OFD文档的页结构信息返回给浏览器，同时更新服务器缓存，将OFD文档及其页结构信息保存到服务器缓存；如果服务器缓存命中，直接将OFD文档的页结构信息返回给浏览器。

本发明中的服务器缓存是包括了本地缓存和远端缓存的两级缓存。本地缓存和远端缓存的作用都是一样的，存储OFD文档的资源信息，包括背景图、字体、文本等信息。本地缓存主要是针对单个本地服务器本身的数据缓存，远端缓存可以与多个本地服务器实现分布式的数据交互。比如本地A服务器产生文档D的缓存，同步到了远端缓存中，那么本地B服务器在预览D文档的时候，就不用解析文件了，可以直接在远端缓存中获取到文档D的缓存数据。

本地缓存和远端缓存的数据同步方式为：缓存生成的时候，首先保存到本地缓存，然后保存到远端缓存。读取缓存的时候，首先读取本地缓存，如果未命中会去读取远端缓存。

步骤S3、浏览器根据接收的页结构信息，以页为单位对OFD文件进行分组，生成所有分组的HTML分组标签；

分组方式为：每组的页数可以根据需要进行设定，本实施例中默认分组大小是100，即每组包含100页，只是举例说明，不代表每组只能包含100页。

分组好处：这样分组以后可以有效的简化HTML文档结构，减轻浏览器的压力，解决翻页卡顿、网页打开慢的问题。例如，1000页的文档，我们会分为10组，那么初始生成的HTML文档结构其实就10个DIV标签，如果翻到第n组，才会去生成第n组包含的页面信息，而第n+1组及后面的组保持初始状态不变。

步骤S4、查找待浏览的当前页第n页所在的当前分组第m组，并生成当前分组第m组下所有HTML页标签。

当前组及页的识别方式为：其实主要是识别当前页的，因为如果知道分组大小，知道了当前是第几页，根据分组大小就可以计算当前分组。而当前页的识别，我们可以得到滚动条的滚动高度m，然后根据每一页的高度，来进行计算的，当页面累加高度刚刚大于等于滚动高度的时候，就可以确定当前是第几页，例如：第n页的高度<m，第n页高度+第n+1页高度>＝m，这个时候就可以确定当前页是第n+1页。当然，分组和分页的方式只是举例说明，并不代表本发明的分组和分页方式仅限于此方式。其他的分组和分页的方法也适用于本发明。

步骤S5、在浏览器缓存中查询第n页是否已经加载，如果已经加载，说明第n页的背景图及文字标签已经渲染完成，则不做处理；如果没有加载，则向服务器请求加载第n页的背景图及文字信息，生成第n页的HTML文字标签，对第n页进行渲染，并更新浏览器端缓存，标识第n页为已加载。

优选的，所述的步骤S5还包括预生成的步骤，浏览器以第n页为基准在浏览器缓存中查询，判断第n-1、n、n+1、n+2页是否已经加载，如果已经加载，说明第n-1、n、n+1、n+2页的背景图及文字标签已经渲染完成，则不做处理；如果没有加载，则向服务器请求第n-1页、第n页、第n+1页、第n+2页的数据，加载相应页的背景图及文字信息，生成相应页的HTML文字标签，对第n-1、n、n+1、n+2页进行渲染，并将n-1、n、n+1、n+2页自动加入浏览器缓存中进行保存。在本发明中,n是一个变化的量，表示当前浏览的页面的数字。

在本发明的方法中，文档结构变得简洁，预览区域主要有三层，分别是分组HTMLDIV、页HTML DIV、文本HTML DIV。由于加入了分组的结构，对于未被浏览的区域，HTML的DOM结构得到了很大的精简，以一个3000页的文档为例，DOM结构可以精简50倍以上。

实施例二

在实施例一的基础上，还包括翻页的步骤。

翻页的过程中，如果是分组内翻页，自动更新当前页n的值，然后循环执行页数据加载流程。如果遇到跨分组的翻页，除了更新当前页n的值，也会更新当前分组m的值，然后循环执行分组数据加载的流程。具体包括：

步骤S6、用户进行翻页操作；

步骤S7、判断是否为组内翻页，如果是，则跳转到步骤S5，如果不是，则跳转到步骤S4。

实施例三

本实施例提供一种OFD文档网页端浏览的系统，包括浏览器端和服务器端。

所述的服务器端包括本地缓存和远端缓存，所述远端缓存与至少一个本地缓存交互，本地缓存用于保存本地单个服务器的数据，远端缓存保存了集群环境下所有服务器的数据。

所述的浏览器端包括接收模块、分组模块、显示模块和保存模块；

接收模块：用于接收OFD文档，将OFD文档标识传给服务器；

分组模块：以页为单位对OFD文件进行分组，生成所有分组的HTML分组标签，并生成当前分组下的所有HTML页标签；

显示模块：用于显示用户要浏览的OFD文件；

保存模块：用于保存已浏览页面和预生成的页面的背景图及文字信息。

本发明的翻页的过程其实就是异步加载，在不影响当前浏览的第n页的前提下，异步的加载第n-1、n+1、n+2页的数据。与现有技术的区别于：现有技术中网页打开就加载全部页，例如，用pdfjs浏览一个pdf，会发现pdf所有页都已经加载到网页端了。而本发明的这种异步的方式，在打开OFD文档的时候不是加载所有页到网页端，而是根据当前页及其前后页进行加载，并在翻页过程中自动加载将要浏览的页面。

以上仅为说明本发明的实施方式，并不用于限制本发明，对于本领域的技术人员来说，凡在本发明的精神和原则之内，不经过创造性劳动所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种OFD文档网页端浏览的方法，其特征在于，包括以下步骤：

步骤S1、浏览器打开OFD文档，将OFD文档标识传给服务器；

步骤S2、服务器根据OFD文档标识到服务器缓存中查询，如果服务器缓存未命中，服务器无需解压直接读取并解析OFD文档的指定页的数据，将OFD文档的页结构信息返回给浏览器，同时更新服务器缓存，将OFD文档及其页结构信息保存到服务器缓存；如果服务器缓存命中，直接将OFD文档的页结构信息返回给浏览器；

步骤S3、浏览器根据接收的页结构信息，以页为单位对OFD文档进行分组，生成所有分组的分组标签；

步骤S4、查找待浏览的当前页第n页所在的当前分组第m组，并生成当前分组第m组下所有页标签；

步骤S5、在浏览器缓存中查询第n页是否已经加载，如果已经加载，则不做处理；如果没有加载，则向服务器请求加载第n页的背景图及文字信息，生成第n页的文字标签，对第n页进行渲染，并更新浏览器缓存，标识第n页为已加载。

2.根据权利要求1所述的一种OFD文档网页端浏览的方法，其特征在于：所述步骤S5还包括预生成的步骤，具体的步骤S5为：浏览器以第n页为基准在浏览器缓存中查询，判断第n-1、n、n+1、n+2页是否已经加载，如果已经加载，则不做处理；如果没有加载，则向服务器请求第n-1页、第n页、第n+1页、第n+2页的数据，加载相应页的背景图及文字信息，生成相应页的文字标签，对第n-1、n、n+1、n+2页进行渲染，将n-1、n、n+1、n+2页保存到浏览器缓存。

3.根据权利要求1所述的一种OFD文档网页端浏览的方法，其特征在于：所述的服务器缓存是包括了本地缓存和远端缓存的两级缓存。

4.根据权利要求3所述的一种OFD文档网页端浏览的方法，其特征在于：本地缓存和远端缓存的数据同步方式为：缓存生成时，先保存到本地缓存，再保存到远端缓存；读取缓存时，先读取本地缓存，如果未命中再读取远端缓存。

5.根据权利要求1所述的一种OFD文档网页端浏览的方法，其特征在于：对OFD文档进行分组时，每组的页数根据实际需要设定。

6.根据权利要求1或2所述的一种OFD文档网页端浏览的方法，其特征在于：还包括翻页的步骤：

步骤S6、用户进行翻页操作；

步骤S7、判断是否为组内翻页，如果是，则跳转到步骤S5，如果不是，则跳转到步骤S4。

7.一种OFD文档网页端浏览的系统，应用于权利要求1至6任一项所述的OFD文档网页端浏览的方法中，包括浏览器端和服务器端，其特征在于：所述的服务器端包括本地缓存和远端缓存，所述远端缓存与至少一个本地缓存交互，本地缓存用于保存本地单个服务器的数据，远端缓存用于保存集群环境下所有服务器的数据。

8.根据权利要求7所述的一种OFD文档网页端浏览的系统，其特征在于：本地缓存和远端缓存的数据同步方式为：缓存生成时，先保存到本地缓存，再保存到远端缓存；读取缓存时，先读取本地缓存，如果未命中再读取远端缓存。

9.根据权利要求7所述的一种OFD文档网页端浏览的系统，其特征在于：所述的浏览器端包括：

接收模块：用于接收OFD文档，将OFD文档标识传给服务器；

分组模块：以页为单位对OFD文档进行分组，生成所有分组的分组标签，并生成当前分组下的所有页标签；

显示模块：用于显示待浏览的OFD文档；

保存模块：用于保存待浏览页面和预生成的页面的背景图及文字信息。

10.根据权利要求9所述的一种OFD文档网页端浏览的系统，其特征在于：所述的分组模块对OFD文件进行分组时，每组的页数根据实际需要设定。

Images