CN112181346B - 思维导图的处理方法、装置、服务器、客户端及介质 - Google Patents

Abstract

本发明提供一种思维导图的处理方法、装置、服务器、客户端及介质，涉及数据处理技术领域。该方法包括：获取客户端发送的初始思维导图文件；对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据；根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；向客户端发送目标思维导图文件，以使得客户端采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。服务器获取具有图片数据的存储地址的目标格式的思维导图数据，使得客户端采用线上思维导图框架渲染得到具有图片的思维导图，线上显示思维导图以及图片，使得线上显示的思维导图更加完整。

Description

思维导图的处理方法、装置、服务器、客户端及介质

技术领域

本发明涉及数据处理技术领域，具体而言，涉及一种思维导图的处理方法、装置、服务器、客户端及介质。

背景技术

思维导图，也可以称为脑图，是表达发散性思维的有效图形思维工具，思维导图有利于对问题进行全方位和系统的描述与分析，能够充分体现思考特点，通过线下的软件编辑和查看思维导图也受到了广泛的欢迎。

相关技术中，由于一些业务场景的需求，需要线下格式的思维导图文件迁移到线上，通过浏览器进行思维导图的查看，部署的相关框架可以支持在浏览器上在线渲染思维导图。

但是，相关技术中，当思维导图文件中存在图片时，线上渲染的思维导图不能显示图片，容易出现线上显示的思维导图不完整的问题。

发明内容

本发明的目的在于，针对上述现有技术中的不足，提供一种思维导图的处理方法、装置、服务器、客户端及介质，以便解决相关技术中，当思维导图文件中存在图片时，线上渲染的思维导图不能显示图片，同意出现线上显示的思维导图不完整的问题。

为实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种思维导图的处理方法，应用于服务器，包括：

获取客户端发送的初始思维导图文件；

对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式；

根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

向所述客户端发送所述目标思维导图文件，以使得所述客户端采用所述线上思维导图框架基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

可选的，所述对所述初始思维导图文件进行解析，得到目标思维导图文件，包括：

采用所述初始思维导图文件对应的编程语言的导图解析模块，对所述初始思维导图文件进行解析，得到所述预设格式的思维导图数据以及所述图片数据。

可选的，所述根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件，包括：

对所述预设格式的思维导图数据进行逻辑转换，得到所述目标格式的思维导图数据；

存储所述图片，并获取所述存储地址；

将所述存储地址添加至所述目标格式的思维导图数据中，得到所述目标思维导图文件。

第二方面，本发明实施例还提供了一种思维导图的处理方法，应用于客户端，包括：

向服务器发送初始思维导图文件，以使所述服务器对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式，并根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

接收所述服务器发送的所述目标思维导图文件；

采用线上思维导图框架，基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

可选的，所述方法还包括：

显示所述渲染后的思维导图。

可选的，所述方法还包括：

响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性；

根据所述图片属性，对所述目标节点的图片进行收展切换。

可选的，所述响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性，包括：

响应所述点击操作，判断所述图片属性中是否包括所述存储地址；

若不包括，则向所述图片属性中添加所述存储地址；

所述根据所述图片属性，对所述目标节点的图片进行收展切换，包括：

根据所述存储地址，对所述目标节点的图片进行展示。

可选的，响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性，还包括：

若包括，则清除所述图片属性中的所述存储地址；

所述根据所述图片属性，对所述目标节点的图片进行收展切换，包括：

根据清除所述存储地址后的所述图片属性，对所述目标节点的图片进行隐藏。

可选的，所述响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性之前，所述方法还包括：

创建所述图片收展组件；

为所述图片收展组件绑定监听事件，所述监听事件用于监听针对所述图片收展组件的所述点击操作。

第三方面，本发明实施例还提供了一种思维导图的处理装置，应用于服务器，包括：

获取模块，用于获取客户端发送的初始思维导图文件；

解析模块，用于对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式；

转换模块，用于根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

发送模块，用于向所述客户端发送所述目标思维导图文件，以使得所述客户端采用所述线上思维导图框架基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

可选的，所述解析模块，用于采用所述初始思维导图文件对应的编程语言的导图解析模块，对所述初始思维导图文件进行解析，得到所述预设格式的思维导图数据以及所述图片数据。

可选的，所述转换模块，用于对所述预设格式的思维导图数据进行逻辑转换，得到所述目标格式的思维导图数据；存储所述图片，并获取所述存储地址；将所述存储地址添加至所述目标格式的思维导图数据中，得到所述目标思维导图文件。

第四方面，本发明实施例还提供了一种思维导图的处理装置，应用于客户端，包括：

发送模块，用于向服务器发送初始思维导图文件，以使所述服务器对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式，并根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

接收模块，用于接收所述服务器发送的所述目标思维导图文件；

渲染模块，用于采用线上思维导图框架，基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

可选的，所述装置还包括：

显示模块，用于显示所述渲染后的思维导图。

可选的，所述装置还包括：

更新模块，用于响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性；

切换模块，用于根据所述图片属性，对所述目标节点的图片进行收展切换。

可选的，所述更新模块，还用于响应所述点击操作，判断所述图片属性中是否包括所述存储地址；若不包括，则向所述图片属性中添加所述存储地址；

所述切换模块，还用于根据所述存储地址，对所述目标节点的图片进行展示。

可选的，所述更新模块，还用于若包括，则清除所述图片属性中的所述存储地址；

所述切换模块，还用于根据清除所述存储地址后的所述图片属性，对所述目标节点的图片进行隐藏。

可选的，所述装置还包括：

创建模块，用于创建所述图片收展组件；

绑定模块，用于为所述图片收展组件绑定监听事件，所述监听事件用于监听针对所述图片收展组件的所述点击操作。

第五方面，本发明实施例还提供了一种服务器，包括：存储器和处理器，所述存储器存储有所述处理器可执行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面任一项所述的方法。

第六方面，本发明实施例还提供了一种客户端，包括：存储器和处理器，所述存储器存储有所述处理器可执行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面任一项所述的方法。

第七方面，本发明实施例还提供了一种存储介质，所述存储介质上存储有计算机程序，所述计算机程序被读取并执行时，实现上述第一方面、第二方面任一项所述的方法。

本发明的有益效果是：本申请实施例提供一种思维导图的处理方法，获取客户端发送的初始思维导图文件；对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，预设格式为线下思维导图应用程序支持的文件格式；根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；目标思维导图文件为：具有图片数据的存储地址的目标格式的思维导图数据，目标格式为线上思维导图框架支持的格式；向客户端发送目标思维导图文件，以使得客户端采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。采用服务器获取具有图片数据的存储地址的目标格式的思维导图数据，使得客户端可以采用线上思维导图框架渲染得到具有图片的思维导图，实现了线上显示思维导图以及图片，使得线上显示的思维导图更加完整。

附图说明

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

图1为本发明实施例提供的一种思维导图的处理方法的流程示意图；

图2为本发明实施例提供的一种思维导图的处理方法的流程示意图；

图3为本发明实施例提供的一种思维导图的处理方法的流程示意图；

图4为本发明实施例提供的一种思维导图的处理方法的流程示意图；

图5为本发明实施例提供的一种思维导图的处理方法的流程示意图；

图6为本发明实施例提供的一种思维导图的处理方法的流程示意图；

图7为本发明实施例提供的一种思维导图的处理方法的交互流程示意图；

图8为本发明实施例提供的一种思维导图的处理装置的结构示意图；

图9为本发明实施例提供的一种思维导图的处理装置的结构示意图；

图10为本发明实施例提供的一种服务器的结构示意图；

图11为本发明实施例提供的一种客户端的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。

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

在本申请的描述中，需要说明的是，若出现术语“上”、“下”、等指示的方位或位置关系为基于附图所示的方位或位置关系，或者是该申请产品使用时惯常摆放的方位或位置关系，仅是为了便于描述本申请和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本申请的限制。

此外，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

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

在相关技术中，由于一些业务场景的需求，需要将在线下生成的预设格式的思维导图文件迁移到线上，通过浏览器进行思维导图的查看，部署的相关框架可以支持在浏览器上在线渲染思维导图。当思维导图文件中存在图片时，线上渲染的思维导图不能显示图片，会将图片显示为空白，导致出现线上显示的思维导图不完整的问题。

针对相关技术中，线上显示的思维导图不能显示图片，导致显示的思维导图不完整的问题。本申请实施例提供一种思维导图的处理方法，根据预设格式的思维导图数据以及图片数据，进行数据转换，得到具有图片数据的存储地址的目标格式的思维导图数据。客户端可以采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的具有图片的思维导图。实现了线上显示思维导图以及图片，使得线上显示的思维导图更加完整。

图1为本发明实施例提供的一种思维导图的处理方法的流程示意图，如图1所示，其执行主体可以为服务器，该方法可以包括：

S101、获取客户端发送的初始思维导图文件。

其中，初始思维导图文件可以为基于线下思维导图应用程序进行编辑，并生成的文件。该初始思维导图文件可以为具有图片数据的预设格式的思维导图数据。该线下思维导图应用程序可以为客户端上安装的思维导图应用程序。

可选的，线下思维导图应用程序可以为xmind，采用xmind生成的初始思维导图文件可以具有多种预设格式，例如，预设格式可以为xmind8格式或者xmindzen格式。

在一种可能的实施方式中，客户端可以响应输入的针对初始思维导图文件选择操作，确定客户端预对初始思维导图文件进行线上渲染，则向服务器发送该初始思维导图文件，相应的，服务器可以接收该初始思维导图文件。

S102、对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据。

其中，预设格式可以为线下思维导图应用程序支持的文件格式。图片数据可以为web(网页)资源文件。服务器上可安装有线上思维导图应用程序。

线下思维导图应用程序和线上思维导图应用程序所支持的脑图格式可能不同，那么为保证线下思维导图应用程序所生成的初始思维导图文件，可以通过线上思维导图应用程序进行显示，服务器获取到该初始思维导图文件之后，可以采用同一解析模块对不同预设格式的初始思维导图文件进行解析，得到对应预设格式的思维导图数据以及图片数据。

在本申请实施例中，服务器可以采用预先集成的解析模块对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据；服务器也可以采用预设算法或者预设第三方应用程序对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据；服务器还可以采用其他方式对初始思维导图文件进行解析，本申请实施例对此不进行具体限制。

S103、根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件。

其中，目标思维导图文件可以为具有图片数据的存储地址的目标格式的思维导图数据，目标格式可以为线上思维导图框架支持的格式。

在一种可能的实施方式中，服务器可以根据预设格式的思维导图数据以及图片数据进行数据转换，得到图片数据的存储地址和目标格式的思维导图数据，根据图片数据的存储地址和目标格式的思维导图数据得到目标思维导图文件。

S104、向客户端发送目标思维导图文件，以使得客户端采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。

其中，服务器可以向web前端发送目标思维导图文件，web前端可以基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。

在一些实施方式中，服务器在得到目标思维导图文件后，可以向客户端发送该目标思维导图文件，相应的，客户端可以接收目标思维导图文件，客户端可以采用线上思维导图框架基于存储地址获取对应的至少一张图片，并根据至少一张图片对目标思维导图文件进行渲染，得到渲染后的包括有至少一张图片的思维导图。

可选的，图片的存储地址可以为网络URL(UniformResourceLocation，统一资源定位符)地址。

综上所述，本申请实施例提供一种思维导图的处理方法，获取客户端发送的初始思维导图文件；对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，预设格式为线下思维导图应用程序支持的文件格式；根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；目标思维导图文件为：具有图片数据的存储地址的目标格式的思维导图数据，目标格式为线上思维导图框架支持的格式；向客户端发送目标思维导图文件，以使得客户端采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。采用服务器获取具有图片数据的存储地址的目标格式的思维导图数据，使得客户端可以采用线上思维导图框架渲染得到具有图片的思维导图，实现了线上显示思维导图以及图片，使得线上显示的思维导图更加完整。

可选的，上述S102中对初始思维导图文件进行解析，得到目标思维导图文件，可以包括：

采用初始思维导图文件对应的编程语言的导图解析模块，对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据。

其中，线下思维导图应用程序生成的初始思维导图文件，可以具有多种格式。在相关技术中，没有有效的手段可以兼容解析不同格式的初始思维导图文件。

在本申请实施例中，采用初始思维导图文件对应的编程语言的导图解析模块，可以兼容解析不同格式的初始思维导图文件，使得对于初始思维导图文件的解析更具有普适性。

在一些实施方式中，初始思维导图文件对应的编程语言的导图解析模块可以为python(Python是一种跨平台的计算机程序设计语言)对应的xmind解析(xmindparser)模块，服务器可以采用xmindparser读取初始思维导图文件，并对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据。

可选的，图2为本发明实施例提供的一种思维导图的处理方法的流程示意图，如图2所示，上述S103中根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件，可以包括：

S201、对预设格式的思维导图数据进行逻辑转换，得到目标格式的思维导图数据。

其中，预设格式的思维导图数据可以为预设格式的树状结构的思维导图数据；目标格式的思维导图数据可以为目标格式的树状结构的思维导图数据。

例如，预设格式的思维导图数据可以为xmind格式的树状结构的思维导图数据，目标格式的树状结构的思维导图数据可以为json格式的树状结构的思维导图数据。服务器可以将xmind格式的树状结构的思维导图数据书写逻辑转换，得到json格式的树状结构的思维导图数据。

S202、存储图片，并获取存储地址。

其中，服务器中可以设置有预设目录。

在一些实施方式中，服务器可从图片数据中读取至少一张图片，并将图片保存至预设目录中，将各图片在预设目录中的地址作为存储地址，则可以得到各个图片的存储地址。

S203、将存储地址添加至目标格式的思维导图数据中，得到目标思维导图文件。

其中，每个图片可以对应有一个存储地址。

在一种可能的实施方式中，不同的存储地址可以对应目标格式的思维导图数据中不同的节点。服务器可以将各图片的存储地址，添加到json格式的树状结构的思维导图数据对应的节点中，得到目标思维导图文件。

综上所述，对预设格式的思维导图数据进行逻辑转换，得到目标格式的思维导图数据；存储图片，并获取存储地址；将存储地址添加至目标格式的思维导图数据中，得到目标思维导图文件，可以实现快速有效的获取目标思维导图文件。

图3为本发明实施例提供的一种思维导图的处理方法的流程示意图，如图3所示，其执行主体可以为客户端，该方法可以包括：

S301、向服务器发送初始思维导图文件，以使服务器对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，并根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件。

其中，预设格式可以为线下思维导图应用程序支持的文件格式。目标思维导图文件可以为具有图片数据的存储地址的目标格式的思维导图数据，目标格式为线上思维导图框架支持的格式。

在一些实施方式中，当预显示或者保存初始思维导图文件对应的思维导图时，可以输入针对初始思维导图文件选择操作，则客户端可以响应该选择操作，向服务器发送该初始思维导图文件，相应的，服务器可以接收该初始思维导图文件。

需要说明的是，服务器基于初始思维导图文件获取目标思维导图文件的过程，可以参见上述S101至S103中相应的描述内容，此处不再赘述。

S302、接收服务器发送的目标思维导图文件。

S303、采用线上思维导图框架，基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。

在一种可能的实施方式中，客户端可以采用线上思维导图框架，根据存储地址中存储地址获取对应的图片，根据图片对目标格式的思维导图数据进行渲染，得到渲染后的包括有图片的思维导图。

综上所述，向服务器发送初始思维导图文件，以使服务器对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，并根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；接收服务器发送的目标思维导图文件；采用线上思维导图框架，基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。使得客户端可以采用线上思维导图框架渲染得到具有图片的思维导图，实现了线上显示思维导图以及图片，使得线上显示的思维导图更加完整。

可选的，该方法还可以包括：显示渲染后的思维导图。

在本申请实施例中，客户端可以基于浏览器的网页线上显示渲染后的包括有图片的思维导图，客户端还可以响应输入的编辑操作，对包括有图片的思维导图进行编辑。

在实际应用中，获取渲染后的思维导图后，客户端可以保存渲染后的思维导图，也可以显示渲染后的思维导图，还可以采用渲染后的思维导图进行其他操作，本申请实施例对此不进行具体限制。

可选的，图4为本发明实施例提供的一种思维导图的处理方法的流程示意图，如图4所示，其执行主体可以为客户端，该方法还可以包括：

S401、响应输入的针对渲染后的思维导图中目标节点的图片收展组件的点击操作，更新目标节点的图片属性。

在本申请实施例中，客户端可以显示渲染后的思维导图，该渲染后的思维导图中可以包括：图片和思维导图，图片具有对应的图片收展组件。

在一些实施方式中，当用户预对目标节点的图片进行展开或者隐藏时，可以对目标节点的图片收展组件进行点击操作，相应的，客户端可以响应点击操作更改目标节点的图片属性。

另外，上述点击操作可以为单击操作也可以为双击操作，当然，还可以为针对图片收展组件的长按操作或者悬浮操作，本申请实施例对此不进行具体限制。用户可以通过触控以实现点击操作，也可以通过鼠标实现点击操作，本申请实施例对此不进行具体限制。

S402、根据图片属性，对目标节点的图片进行收展切换。

其中，在图片属性不同时，对目标节点的图片的操作也不同。

需要说明的是，当目标思维导图文件中的图片较多时，由于图片显示的区域比文字大，从而分割了区域，挤压了文字节点的显示空间，除了影响用户的正常浏览之外，其大量的数据加载也会影响页面性能，增加打开页面的时间，容易出现顿挫感。

在本申请文件中，对目标节点的图片进行收展切换，可以支持思维导图中图片收展(显示/隐藏)切换功能，可让用户灵活调整显示，避免不需要的图片展开影响阅读，同时较少图片的渲染也能很好地优化脑图编辑的流畅度，例如，编辑操作可以包括滑动操作。

可选的，图5为本发明实施例提供的一种思维导图的处理方法的流程示意图，如图5所示，其执行主体可以为客户端，上述S401中响应输入的针对渲染后的思维导图中目标节点的图片收展组件的点击操作，更新目标节点的图片属性，可以包括：

S501、响应点击操作，判断图片属性中是否包括存储地址。

S502、若不包括，则向图片属性中添加存储地址。

其中，图片属性可以为image属性，存储地址可以为imageUrl值。

在本申请实施例中，客户端判断图片属性中是否包括存储地址，当不包括时，说明目标节点的图片处于隐藏状态，客户端可以向图片属性中添加存储地址，则图片属性信息中具有存储地址。

上述S402中根据图片属性，对目标节点的图片进行收展切换，可以包括：

S503、根据存储地址，对目标节点的图片进行展示。

在一些实施方式中，客户端可以根据该存储地址从服务器中获取目标节点的图片，继而对目标节点的图片进行显示。目标节点的图片和图片收展组件在显示预设在预设区域内，例如，目标节点的图片和图片收展组件显示位置较为相近。

另外，目标节点的图片收展组件可以显示为按钮，也可以显示为几何形状，本申请实施例对此不进行具体限制。

可选的，图6为本发明实施例提供的一种思维导图的处理方法的流程示意图，如图6所示，其执行主体可以为客户端，上述S401中响应输入的针对渲染后的思维导图中目标节点的图片收展组件的点击操作，更新目标节点的图片属性，还可以包括：

S601、若包括，则清除图片属性中的存储地址。

其中，进行清除操作后，图片属性中不包括目标节点的图片的存储地址，即图片属性的内容可以为空。

上述S402中根据图片属性，对目标节点的图片进行收展切换，可以包括：

S602、根据清除存储地址后的图片属性，对目标节点的图片进行隐藏。

在本申请实施例中，清除存储地址后的图片属性可以为空，客户端可以对目标节点的图片进行隐藏，则客户端不显示目标节点的图片。

可选的，在上述S401中响应输入的针对渲染后的思维导图中目标节点的图片收展组件的点击操作，更新目标节点的图片属性之前，该方法还包括：

创建图片收展组件；为图片收展组件绑定监听事件。

其中，监听事件用于监听针对图片收展组件的点击操作。客户端可以为每张图片均创建一个图片收展组件。

在一些实施方式中，客户端可以创建图片收展组件。客户端可以根据图片收展组件占据节点内容的方位、空间大小、绘制按钮图案，实现创建图片收展组件。

在本申请实施例中，图片收展组件所绑定的监听事件，可以监听针对图片收展组件输入的操作，针对针对渲染后的思维导图中目标节点的图片收展组件进行点击操作时，则目标节点绑定的监听事件可以监听到该点击操作，继而客户端可以更新目标节点的图片属性。

图7为本发明实施例提供的一种思维导图的处理方法的交互流程示意图，如图7所示，该方法可以包括：

S701、客户端向服务器发送初始思维导图文件。

其中，初始思维导图文件为基于线下思维导图应用程序进行编辑，并生成的文件。该初始思维导图文件为具有图片数据的预设格式的思维导图数据。

S702、服务器获取客户端发送的初始思维导图文件。

S703、服务器对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据。

其中，预设格式为线下思维导图应用程序支持的文件格式。

S704、服务器根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件。

其中，目标思维导图文件为具有图片数据的存储地址的目标格式的思维导图数据，目标格式为线上思维导图框架支持的格式。

S705、服务器向客户端发送目标思维导图文件。

S706、客户端接收服务器发送的目标思维导图文件。

S707、客户端采用线上思维导图框架，基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。

综上所述，本发明实施例提供一种思维导图的处理方法，本申请实施例提供一种思维导图的处理方法，获取客户端发送的初始思维导图文件；对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；向客户端发送目标思维导图文件，以使得客户端采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。采用服务器获取具有图片数据的存储地址的目标格式的思维导图数据，使得客户端可以采用线上思维导图框架渲染得到具有图片的思维导图，实现了线上显示思维导图以及图片，使得线上显示的思维导图更加完整。

而且，采用初始思维导图文件对应的编程语言的导图解析模块，可以兼容解析不同格式的初始思维导图文件，使得对于初始思维导图文件的解析更具有普适性。对目标节点的图片进行收展切换，可以实现灵活调整显示图片，避免不需要的图片展开影响阅读，提高了编辑的流畅度。

图8为本发明实施例提供的一种思维导图的处理装置的结构示意图，如图8所示，应用于服务器，该装置可以包括：

获取模块801，用于获取客户端发送的初始思维导图文件；

解析模块802，用于对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，预设格式为线下思维导图应用程序支持的文件格式；

转换模块803，用于根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；目标思维导图文件为：具有图片数据的存储地址的目标格式的思维导图数据，目标格式为线上思维导图框架支持的格式；

发送模块804，用于向客户端发送目标思维导图文件，以使得客户端采用线上思维导图框架基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。

可选的，解析模块802，用于采用初始思维导图文件对应的编程语言的导图解析模块，对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据。

可选的，转换模块803，用于对预设格式的思维导图数据进行逻辑转换，得到目标格式的思维导图数据；存储图片，并获取存储地址；将存储地址添加至目标格式的思维导图数据中，得到目标思维导图文件。

图9为本发明实施例提供的一种思维导图的处理装置的结构示意图，应用于客户端，如图9所示，该装置可以包括：

发送模块901，用于向服务器发送初始思维导图文件，以使服务器对初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，预设格式为线下思维导图应用程序支持的文件格式，并根据预设格式的思维导图数据以及图片数据，进行数据转换，得到目标思维导图文件；目标思维导图文件为：具有图片数据的存储地址的目标格式的思维导图数据，目标格式为线上思维导图框架支持的格式；

接收模块902，用于接收服务器发送的目标思维导图文件；

渲染模块903，用于采用线上思维导图框架，基于存储地址获取图片，并根据图片对目标思维导图文件进行渲染，得到渲染后的思维导图。

可选的，装置还包括：

显示模块，用于显示渲染后的思维导图。

可选的，装置还包括：

更新模块，用于响应输入的针对渲染后的思维导图中目标节点的图片收展组件的点击操作，更新目标节点的图片属性；

切换模块，用于根据图片属性，对目标节点的图片进行收展切换。

可选的，更新模块，还用于响应点击操作，判断图片属性中是否包括存储地址；若不包括，则向图片属性中添加存储地址；

切换模块，还用于根据存储地址，对目标节点的图片进行展示。

可选的，更新模块，还用于若包括，则清除图片属性中的存储地址；

切换模块，还用于根据清除存储地址后的图片属性，对目标节点的图片进行隐藏。

可选的，装置还包括：

创建模块，用于创建图片收展组件；

绑定模块，用于为图片收展组件绑定监听事件，监听事件用于监听针对图片收展组件的点击操作。

上述装置用于执行前述实施例提供的方法，其实现原理和技术效果类似，在此不再赘述。

以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路(Application Specific Integrated Circuit，简称ASIC)，或，一个或多个微处理器(digital singnal processor，简称DSP)，或，一个或者多个现场可编程门阵列(Field Programmable Gate Array，简称FPGA)等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器(CentralProcessing Unit，简称CPU)或其它可以调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统(system-on-a-chip，简称SOC)的形式实现。

图10为本发明实施例提供的一种服务器的结构示意图，该服务器可以是具备数据处理功能的计算设备。

该装置包括：处理器1001、存储器1002。

存储器1002用于存储程序，处理器1001调用存储器1002存储的程序，以执行上述图1至2任一所述的方法实施例。具体实现方式和技术效果类似，这里不再赘述。

图11为本发明实施例提供的一种客户端的结构示意图，该客户端可以是具备数据处理功能的计算设备。

该装置包括：处理器1101、存储器1102。

存储器1102用于存储程序，处理器1101调用存储器1102存储的程序，以执行上述图3至6任一所述的方法实施例。具体实现方式和技术效果类似，这里不再赘述。

可选地，本发明还提供一种程序产品，例如计算机可读存储介质，包括程序，该程序在被处理器执行时用于执行上述图1至7任一所述的方法实施例。

在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(英文：processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文：Read-Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (14)

1.一种思维导图的处理方法，其特征在于，应用于服务器，包括：

获取客户端发送的初始思维导图文件；

对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式；

根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

向所述客户端发送所述目标思维导图文件，以使得所述客户端采用所述线上思维导图框架基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

2.如权利要求1所述的方法，其特征在于，所述对所述初始思维导图文件进行解析，得到目标思维导图文件，包括：

采用所述初始思维导图文件对应的编程语言的导图解析模块，对所述初始思维导图文件进行解析，得到所述预设格式的思维导图数据以及所述图片数据。

3.如权利要求1所述的方法，其特征在于，所述根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件，包括：

对所述预设格式的思维导图数据进行逻辑转换，得到所述目标格式的思维导图数据；

存储所述图片，并获取所述存储地址；

将所述存储地址添加至所述目标格式的思维导图数据中，得到所述目标思维导图文件。

4.一种思维导图的处理方法，其特征在于，应用于客户端，包括：

向服务器发送初始思维导图文件，以使所述服务器对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式，并根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

接收所述服务器发送的所述目标思维导图文件；

采用线上思维导图框架，基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

显示所述渲染后的思维导图。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性；

根据所述图片属性，对所述目标节点的图片进行收展切换。

7.根据权利要求6所述的方法，其特征在于，所述响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性，包括：

响应所述点击操作，判断所述图片属性中是否包括所述存储地址；

若不包括，则向所述图片属性中添加所述存储地址；

所述根据所述图片属性，对所述目标节点的图片进行收展切换，包括：

根据所述存储地址，对所述目标节点的图片进行展示。

8.根据权利要求7所述的方法，其特征在于，响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性，还包括：

若包括，则清除所述图片属性中的所述存储地址；

所述根据所述图片属性，对所述目标节点的图片进行收展切换，包括：

根据清除所述存储地址后的所述图片属性，对所述目标节点的图片进行隐藏。

9.根据权利要求6所述的方法，其特征在于，所述响应输入的针对所述渲染后的思维导图中目标节点的图片收展组件的点击操作，更新所述目标节点的图片属性之前，所述方法还包括：

创建所述图片收展组件；

为所述图片收展组件绑定监听事件，所述监听事件用于监听针对所述图片收展组件的所述点击操作。

10.一种思维导图的处理装置，其特征在于，应用于服务器，包括：

获取模块，用于获取客户端发送的初始思维导图文件；

解析模块，用于对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式；

转换模块，用于根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

发送模块，用于向所述客户端发送所述目标思维导图文件，以使得所述客户端采用所述线上思维导图框架基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

11.一种思维导图的处理装置，其特征在于，应用于客户端，包括：

发送模块，用于向服务器发送初始思维导图文件，以使所述服务器对所述初始思维导图文件进行解析，得到预设格式的思维导图数据以及图片数据，所述预设格式为线下思维导图应用程序支持的文件格式，并根据所述预设格式的思维导图数据以及所述图片数据，进行数据转换，得到目标思维导图文件；所述目标思维导图文件为：具有所述图片数据的存储地址的目标格式的思维导图数据，所述目标格式为线上思维导图框架支持的格式；

接收模块，用于接收所述服务器发送的所述目标思维导图文件；

渲染模块，用于采用线上思维导图框架，基于所述存储地址获取所述图片，并根据所述图片对所述目标思维导图文件进行渲染，得到渲染后的思维导图。

12.一种服务器，其特征在于，包括：存储器和处理器，所述存储器存储有所述处理器可执行的计算机程序，所述处理器执行所述计算机程序时实现上述权利要求1-3任一项所述的方法。

13.一种客户端，其特征在于，包括：存储器和处理器，所述存储器存储有所述处理器可执行的计算机程序，所述处理器执行所述计算机程序时实现上述权利要求4-9任一项所述的方法。

14.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被读取并执行时，实现上述权利要求1-9任一项所述的方法。

Images