CN112148684A

CN112148684A - 文档预览实现方法、装置和电子设备

Info

Publication number: CN112148684A
Application number: CN202011017331.8A
Authority: CN
Inventors: 向文川
Original assignee: Chengdu Knownsec Information Technology Co ltd
Current assignee: Chengdu Knownsec Information Technology Co ltd
Priority date: 2020-09-24
Filing date: 2020-09-24
Publication date: 2020-12-29
Anticipated expiration: 2040-09-24
Also published as: CN112148684B

Abstract

本申请提供一种文档预览实现方法、装置和电子设备，通过对设置待预览文档的自定义属性，在自定义属性中存放待预览文档的附件的存放路径，在预先穿件的接口对象加载成功后，调用接口对象并根据存放路径调用对应的附件，以进行待预览文档的预加载。在检测对待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。本方案中，通过预先配置包含存放路径的自定义属性，并配置接口对象的方式，实现文档在系统内的预加载以及预览显示，无需调用其他软件的预览链接，可实现多类文档的预览显示的基础上，降低隐私信息泄漏的风险。

Description

文档预览实现方法、装置和电子设备

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种文档预览实现方法、装置和电子设备。

背景技术

现有的文档预览显示应用中，基于系统自身功能仅对例如PDF等实质为图片格式的文档可实现预览显示，而针对如word、ppt、xls等格式的文档，在进行预览显示时，需要调用其他的软件的在线预览框架链接才能实现。这种方式下，若预览显示的文档中涉及公司内部的隐私信息，将可能存在隐私信息泄露的风险，对内部私密文档的安全性造成一定威胁。

发明内容

本申请的目的包括，例如，提供了一种文档预览实现方法、装置和电子设备，其能够通过配置实现多类文档的预览显示，避免需要链接其他软件存在的隐私信息泄露风险。

本申请的实施例可以这样实现：

第一方面，本申请实施例提供一种文档预览实现方法，所述方法包括：

获取预先设置的待预览文档的自定义属性，该自定义属性中存放有所述待预览文档的附件的存放路径；

在预先创建的接口对象加载成功后，调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载；

在检测到对所述待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。

在可选的实施方式中，所述方法还包括预先配置文档库前端页面的步骤，该步骤包括：

基于Modal模态框建立文档页面信息，所述文档页面信息包括文档名称、文档富文本正文和附件上传框；

创建文档再编辑页面，在所述文档再编辑页面添加编辑附件上传框，其中，所述文档再编辑页面支持编辑操作；

所述调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载的步骤，包括：

调用所述接口对象以调出所述附件上传框，基于所述附件上传框并查找所述存放路径获得所述待预览文档的附件，基于所述附件进行预加载。

在可选的实施方式中，所述方法还包括：

在浏览器中添加文档扩展模块；

所述在检测到对所述待预览文档的游览操作的情况下，将预加载的待预览文档进行放大预览显示的步骤，包括：

调用所述文档扩展模块在所述浏览器的当前页面中显示预览按钮；

在检测到对所述预览按钮的点击操作的情况下，从所述当前页面跳转至预览显示页面，并进行预加载的待预览文档的放大预览显示。

在可选的实施方式中，所述方法还包括：

预先对产生的多个文档进行分类，将各所述文档的信息添加至创建的分类列表中；

针对属于相同类型的目标文档，设置所述目标文档的上一级类目，并在所述类目和所述目标文档之间设置连接符进行连接，其中，所述连接符用于表征所述类目与所述目标文档之间的关联关系。

在可选的实施方式中，所述调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载的步骤，包括：

获得所述待预览文档的上一级类目的ID信息；

根据所述ID信息从所述分类列表中查找到所述待预览文档的上一级类目；

调用所述接口对象，根据所述上一级类目关联的连接符和所述存放路径查找到所述待预览文档的附件，基于所述附件进行所述待预览文档的预加载。

在可选的实施方式中，所述分类列表和所述待预览文档的预加载信息显示在同一页面上。

在可选的实施方式中，所述调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载的步骤，还包括：

获得与所述上一级类目具有连接符连接关系的、除所述待预览文档之外的其他文档；

对所述其他文档进行预加载操作。

在可选的实施方式中，所述方法还包括：

获得所述待预览文档的文档类型；

在预先创建的接口对象加载还未成功时，显示预先配置的与所述待预览文档的文档类型对应的背景图。

第二方面，本申请实施例提供一种文档预览实现装置，所述装置包括：

获取模块，用于获取预先设置的待预览文档的自定义属性，该自定义属性中存放有所述待预览文档的附件的存放路径；

加载模块，用于在预先创建的接口对象加载成功后，调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载；

预览模块，用于在检测到对所述待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。

第三方面，本申请实施例提供一种电子设备，包括一个或多个存储介质和一个或多个与存储介质通信的处理器，一个或多个存储介质存储有处理器可执行的机器可执行指令，当电子设备运行时，处理器执行所述机器可执行指令，以执行前述实施方式中任意一项所述的文档预览实现方法。

本申请实施例的有益效果包括，例如：

本申请实施例提供一种文档预览实现方法、装置和电子设备，通过对设置待预览文档的自定义属性，在自定义属性中存放待预览文档的附件的存放路径，在预先穿件的接口对象加载成功后，调用接口对象并根据存放路径调用对应的附件，以进行待预览文档的预加载。在检测对待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。本方案中，通过预先配置包含存放路径的自定义属性，并配置接口对象的方式，实现文档在系统内的预加载以及预览显示，无需调用其他软件的预览链接，可实现多类文档的预览显示的基础上，降低隐私信息泄漏的风险。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的文档预览实现方法的流程图；

图2为本申请实施例提供的前端页面配置方法的流程图；

图3为图1中步骤S130包含的子步骤的流程图；

图4为本申请实施例提供的分类列表方法的流程图；

图5为本申请实施例提供的分类列表的示意图；

图6为图1中步骤S120包含的子步骤的流程图；

图7为本申请实施例提供的分类列表和预加载信息的示意图；

图8为本申请实施例提供的电子设备的结构框图；

图9为本申请实施例提供的文档预览实现装置的功能模块框图。

图标：110-存储介质；120-处理器；130-文档预览实现装置；131-获取模块；132-加载模块；133-预览模块；140-通信接口。

具体实施方式

以下首先对本申请实施例中所涉及到的专用名词进行解释说明：

FTP(File Transfer Protocol，文件传输协议)，是TCP/IP协议组中的协议之一。FTP协议包括两个组成部分，其一为FTP服务器，其二为FTP客户端。其中FTP服务器用来存储文件，用户可以使用FTP客户端通过FTP协议访问位于FTP服务器上的资源。在开发网站的时候，通常利用FTP协议把网页或程序传到Web服务器上。

Bootstrap，是基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架，使得Web开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。

Flask，是一个使用Python编写的轻量级Web应用框架。

MongoDB，是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。

SQLAlchemy，是Python编程语言下的一款开源软件。提供了SQL工具包及对象关系映射(ORM)工具，使用MIT许可证发行。

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

在本申请的描述中，需要说明的是，在不冲突的情况下，本申请的实施例中的特征可以相互结合。

请参阅图1，为本申请实施例提供的文档预览实现方法的流程示意图。应当理解，在其它实施例中，本实施例的文档预览实现方法其中部分步骤的顺序可以根据实际需要相互交换，或者其中的部分步骤也可以省略或删除。该文档预览实现方法的详细步骤介绍如下。

步骤S110，获取预先设置的待预览文档的自定义属性，该自定义属性中存放有所述待预览文档的附件的存放路径。

步骤S120，在预先创建的接口对象加载成功后，调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载。

步骤S130，在检测到对所述待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。

本实施例中，通过基于系统插件File input调整脚本文件(JS文件)中的回显模块(_init Preview回显函数)的方式，实现多种类型文档在系统内的预加载，并实现多种类型文档的快速预览。

本实施例中，在进行文档预览的预加载时，可在文件fileinput.js的_initPreview回显函数中，首先创建文档的接口对象，document对象。并获取待预览文档的自定义属性，data-src属性，该属性为预先定义的，存储有待预览文档的附件的存放路径。其中，所述的附件即为待预览文档对应的实际文本。

在接口对象加载成功后，则可通过调用接口调用待预览文档的附件，从而实现预加载。

此外，在一种的可能的实施方式下，还可获得待预览文档的文档类型，文档类型包括如word文档、PPT文档、xls文档、PDF文档等。若预先创建的接口对象加载还未成功，则可以显示预先配置的与待预览文档的文档类型对应的背景图。如此，在显示对应的背景图的同时，继续执行接口对象的加载，在加载成功后，即调用接口对象实现文档的预加载。

实施时，可能会出现待预览文档预加载失败的情况，在此情形下，可以在显示界面显示加载失败的提示信息，以提示用户。

本实施例中，在预加载的文档后，用户可以根据自身需求确定是否将文档进行预览显示，例如，若需对文档进行预览显示时，则可以点击显示页面上该待预览文档对应的预览按钮，电子设备在检测到该点击操作后，可将预加载的待预览文档进行放大预览显示。

本实施例中，基于File input以调整JS文件中的回显函数模块的方式，从而实现多种类型的文档在系统内的预加载，进而实现文档的预览显示。无需调用其他软件的在线预览链接，可以降低内部隐私信息被泄漏的风险。

在本实施例中，在实现多类型文档的预览显示时，需要预先进行文档库的前端页面的配置以及文档库的后端架构的设计。

在进行前端页面的配置的步骤中，请参阅图2，可以通过以下方式实现：

步骤S210，基于Modal模态框建立文档页面信息，所述文档页面信息包括文档名称、文档富文本正文和附件上传框。

步骤S220，创建文档再编辑页面，在所述文档再编辑页面添加编辑附件上传框，其中，所述文档再编辑页面支持编辑操作。

本实施例中，可以基于Bootstrap(前端开发的开源工具包)的Web框架实现文档库基础前端页面。构建的文档相关页面中，包含文档相关的删除、删除再确认等按钮。可以在相关页面执行对文档的删除和删除再确认等操作。

基于上述配置，在调用接口对象根据存放路径调用文档的附件时，可以调用接口对象以调出附件上传框，基于附件上传框并查找存放路径获得待预览文档的附件，基于附件进行预加载。

在本实施例中，在前端页面实现文档的预览显示时，通过浏览器来实现相关功能。

此外，在进行文档库的后端架构设计时，可预先在浏览器中添加文档扩展模块，其中，浏览器可以是任意类型的浏览器，例如谷歌等。在此基础上，请参阅图3，在进行文档预览实现的步骤中，可通过以下方式实现：

步骤S131，调用所述文档扩展模块在所述浏览器的当前页面中显示预览按钮。

步骤S132，在检测到对所述预览按钮的点击操作的情况下，从所述当前页面跳转至预览显示页面，并进行预加载的待预览文档的放大预览显示。

本实施例中，在进行文档的放大预览显示时，可通过页面跳转的方式进行显示，通过添加浏览器的文档扩展模块可实现查看多类型文档的效果。在实现文档的预加载后，用户可以通过点击浏览器的显示页面上显示的预览按钮，从而触发预览显示。电子设备在检测到该点击操作后，跳转至预览显示页面进行预览显示。

本实施例中，请参阅图4，为了便于对多文档进行分类管理，文档预览实现方法中还包括以下步骤：

步骤S310，预先对产生的多个文档进行分类，将各所述文档的信息添加至创建的分类列表中。

步骤S320，针对属于相同类型的目标文档，设置所述目标文档的上一级类目，并在所述类目和所述目标文档之间设置连接符进行连接，其中，所述连接符用于表征所述类目与所述目标文档之间的关联关系。

现有技术中，后端在进行文档管理时，往往是采用树形结构进行管理。这种方式由于上下级之间的对应关系不唯一，不便于具体文档的直接查找。本实施例中，为了改善现有技术中存在的该缺陷，采用了上下级之间利用连接符进行连接，从而有便于通过连接符进行文档管理、查询。

本实施例中，在后端架构实现中，利用Python的后端框架Flask+Mongodb实现文档库后端相关架构。本实施例中，文档数据库结构以SQL Alchemy的模型模板实现。其中，Flask可实现多个前端接口，例如文档基本信息表单接口、附件上传接口、文档删除接口、文档更新接口、文档分类维护接口等。

预先对产生的多个文档进行分类，例如可根据文档的具体信息分为如技术文档、培训文档、项目文档、产品文档、销售文档等等，如图5中所示。在各种类型下包含一个或多个文档。可将各文档的信息添加至创建的分类列表中，例如，可在分类列表中显示各文档的名称。本实施例中，可基于表格插件Datatable实现文档的分类列表以及表单内按钮的文档操作，包括查看、编辑和删除等。

在上述基础上，属于相同类型的文档则对应同一个上一级类目，例如在技术文档这一类目下包含多个文档，则该多个文档具有同一个上一级类目，即技术文档。

在上一级类目和其包含的各个文档之间设置有连接符，该连接符可以是例如“-”连接符。而若该上一级类目也具有其对应的上一级类目时，则该上一级类目和其对应的上一级类目之间同样采用连接符进行连接。如此，形成从上至下的相邻两级别之间通过连接符连接的结构。

在需要进行某个具体的文档的预览显示时，则可以从较高等级的类目开始，并根据其具体的连接符从而找到对应文档。

在上述基础上，请参阅图6，在进行待预览文档的预加载的步骤中，可以通过以下方式实现：

步骤S121，获得所述待预览文档的上一级类目的ID信息。

步骤S122，根据所述ID信息从所述分类列表中查找到所述待预览文档的上一级类目。

步骤S123，调用所述接口对象，根据所述上一级类目关联的连接符和所述存放路径查找到所述待预览文档的附件，基于所述附件进行所述待预览文档的预加载。

本实施例中，在进行具体文档的预览显示时，需要从上至下的方式进行查询。因此，首先需要获得待预览文档的上一级类目的ID信息，例如其上一级类目为项目文档时，则需要获得项目文档对应的ID信息。基于预先构建的上述分类列表，通过获得的ID信息从而定位到分类列表中与该ID信息对应的上一级类目，例如为项目文档。

该项目文档下包含多个文档，该多个文档中包含有所述的待预览文档。而该上一级类目连接有多个连接符，该多个连接符中的其中一个连接符，将该上一级类目和待预览文档进行关联。因此，则可以根据上一级类目关联的连接符合和获得的待预览文档的附件的存放路径查找到待预览文档的附件，基于附件进行预加载。

本实施例中，预加载出来的信息可以包含文档的名称、编号、文档分类信息、创建人、创建时间等等。

为了便于可一目了然了解类目及其包含的文档之间的关系，本实施例中，可将分类列表和待预览文档的预加载信息显示在同一页面上，例如，在显示页面上呈左右两侧进行显示，如图7中所示，或者也可以在显示页面上呈上下端显示。

此外，本实施例中，考虑到现有技术中，在进行大附件的预览显示时存在耗时过多的问题，因此，为了缓解该问题，在本实施例中，在进行待预览文档的预加载的步骤中，还可获得待预览文档的上一级类目具有连接符连接关系的、除待预览文档之外的其他文档，对该其他文档进行预加载操作。其中，该预加载操作的方式与上述的对待预览文档的预加载方式相同，本实施例在此不作赘述。

本实施例中，基于Fileinput调整JS文件fileinput.js的_initPreview回显函数，以实现各类型文档在系统内的预加载，以及利用浏览器的扩展程序实现多类型文档的浏览器快速预览，有效处理了大文件预览加载耗时过多的问题，并且避免了现有技术中需要调用其他软件的外部链接解析造成的文档隐私泄漏的问题。并且，本实施例中，在文档上下级之间利用文档的连接符进行关系，以在后端的处理实现接口形式的文档库分类管理。

请参阅图8，为本申请实施例提供的电子设备的示例性组件示意图。该电子设备可包括存储介质110、处理器120、文档预览实现装置130及通信接口140。本实施例中，存储介质110与处理器120均位于电子设备中且二者分离设置。然而，应当理解的是，存储介质110也可以是独立于电子设备之外，且可以由处理器120通过总线接口来访问。可替换地，存储介质110也可以集成到处理器120中，例如，可以是高速缓存和/或通用寄存器。

文档预览实现装置130可以理解为上述电子设备，或电子设备的处理器120，也可以理解为独立于上述电子设备或处理器120之外的在电子设备控制下实现上述文档预览实现方法的软件功能模块。

如图9所示，上述文档预览实现装置130可以包括获取模块131、加载模块132和预览模块133。下面分别对该文档预览实现装置130的各个功能模块的功能进行详细阐述。

获取模块131，用于获取预先设置的待预览文档的自定义属性，该自定义属性中存放有所述待预览文档的附件的存放路径。

可以理解，该获取模块131可以用于执行上述步骤S110，关于该获取模块131的详细实现方式可以参照上述对步骤S110有关的内容。

加载模块132，用于在预先创建的接口对象加载成功后，调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载。

可以理解，该加载模块132可以用于执行上述步骤S120，关于该加载模块132的详细实现方式可以参照上述对步骤S120有关的内容。

预览模块133，用于在检测到对所述待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。

可以理解，该预览模块133可以用于执行上述步骤S130，关于该预览模块133的详细实现方式可以参照上述对步骤S130有关的内容。

在一种可能的实施方式中，文档预览实现装置130还包括配置模块，该配置模块可以用于：

上述的加载模块132可以用于通过以下方式进行待预览文档的预加载：

在一种可能的实施方式中，文档预览实现装置130还包括添加模块，该添加模块可以用于：

在浏览器中添加文档扩展模块；

上述预览模块133可以用于通过以下方式进行待预览文档的放大预览显示：

在检测到对所述预览按钮的点击操作的情况下，从所述当前页面跳转至预览显示页面，并进行预加载的待预览文档的放大预览显示。在一种可能的实施方式中，文档预览实现装置130还包括分类模块，该分类模块可以用于：

在一种可能的实施方式中，上述的加载模块132可以用于通过以下方式进行待预览文档的预加载：

获得所述待预览文档的上一级类目的ID信息；

在一种可能的实施方式中，所述分类列表和所述待预览文档的预加载信息显示在同一页面上。

在一种可能的实施方式中，上述加载模块132可以用于：

对所述其他文档进行预加载操作。

在一种可能的实施方式中，文档预览实现装置130还可以包括显示模块，该显示模块可以用于：

获得所述待预览文档的文档类型；

进一步地，本申请实施例还提供一种计算机可读存储介质，计算机可读存储介质存储有机器可执行指令，机器可执行指令被执行时实现上述实施例提供的文档预览实现方法。

具体地，该计算机可读存储介质能够为通用的存储介质，如移动磁盘、硬盘等，该计算机可读存储介质上的计算机程序被运行时，能够执行上述文档预览实现方法。关于计算机可读存储介质中的及其可执行指令被运行时，所涉及的过程，可以参照上述方法实施例中的相关说明，这里不再详述。

综上所述，本申请实施例提供的文档预览实现方法、装置和电子设备，通过对设置待预览文档的自定义属性，在自定义属性中存放待预览文档的附件的存放路径，在预先穿件的接口对象加载成功后，调用接口对象并根据存放路径调用对应的附件，以进行待预览文档的预加载。在检测对待预览文档的预览操作的情况下，将预加载的待预览文档进行放大预览显示。本方案中，通过预先配置包含存放路径的自定义属性，并配置接口对象的方式，实现文档在系统内的预加载以及预览显示，无需调用其他软件的预览链接，可实现多类文档的预览显示的基础上，降低隐私信息泄漏的风险。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims

1.一种文档预览实现方法，其特征在于，所述方法包括：

2.根据权利要求1所述的文档预览实现方法，其特征在于，所述方法还包括预先配置文档库前端页面的步骤，该步骤包括：

3.根据权利要求1所述的文档预览实现方法，其特征在于，所述方法还包括：

在浏览器中添加文档扩展模块；

4.根据权利要求1所述的文档预览实现方法，其特征在于，所述方法还包括：

5.根据权利要求4所述的文档预览实现方法，其特征在于，所述调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载的步骤，包括：

获得所述待预览文档的上一级类目的ID信息；

6.根据权利要求5所述的文档预览实现方法，其特征在于，所述分类列表和所述待预览文档的预加载信息显示在同一页面上。

7.根据权利要求5所述的文档预览实现方法，其特征在于，所述调用所述接口对象并根据所述存放路径调用所述附件，以进行所述待预览文档的预加载的步骤，还包括：

对所述其他文档进行预加载操作。

8.根据权利要求1-7任意一项所述的文档预览实现方法，其特征在于，所述方法还包括：

获得所述待预览文档的文档类型；

9.一种文档预览实现装置，其特征在于，所述装置包括：

10.一种电子设备，其特征在于，包括一个或多个存储介质和一个或多个与存储介质通信的处理器，一个或多个存储介质存储有处理器可执行的机器可执行指令，当电子设备运行时，处理器执行所述机器可执行指令，以执行权利要求1-8中任意一项所述的文档预览实现方法。