CN106339400A - 呈现树形文件的方法、装置及设备 - Google Patents

Abstract

本申请公开了呈现树形文件的方法、装置及设备，所述方法包括：当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；根据所述文件标识获取与所述目标文件关联的文件数据；根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。应用本申请实施例可以通过获取与目标文件关联的文件数据，从目标文件反向定位到目标文件树的树形结构，进而直接呈现该树形结构，在现有从树形结构单向定位到目标文件的基础上，实现了树形结构与文件之间的双向交互，通过扩展交互方式，从而提高了在WEB端呈现树形文件的灵活性。

Description

呈现树形文件的方法、装置及设备

技术领域

本申请涉及通信技术领域，尤其涉及呈现树形文件的方法、装置及设备。

背景技术

随着WEB应用功能逐渐强大，在编写WEB应用时，可以利用树形组件、前端缓存技术、前端文件编辑器、数据库技术等，使得WEB应用在WEB端(例如，浏览器)的使用便利性和可扩展性逐步与客户端应用一致。现有技术中，一种典型的WEB应用为树形文件的交互，通常树形文件可以在WEB端呈现两部分内容，一部分为表示文件或文件夹之间从属关系的树形结构，另一部分为已选中的文件及其文件内容。但是，现有技术中只能单向从树形结构定位到选中的目标文件，进而呈现目标文件的文件内容，即通过操作树形结构控制文件的呈现，因此树形结构与文件之间的交互方式单一，导致文件呈现效果不够灵活。

发明内容

本申请提供呈现树形文件的方法、装置及设备，以解决现有WEB端树形文件呈现效果不够灵活的问题。

根据本申请实施例的第一方面，提供一种呈现树形文件的方法，所述方法包括：

当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

根据所述文件标识获取与所述目标文件关联的文件数据；

根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

根据本申请实施例的第二方面，提供一种呈现树形文件的装置，所述装置包括：

查找单元，用于当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

获取单元，用于根据所述文件标识获取与所述目标文件关联的文件数据；

呈现单元，用于根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

根据本申请实施例的第三方面，提供一种WEB端设备，包括：

处理器；用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为：

当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

根据所述文件标识获取与所述目标文件关联的文件数据；

根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

应用本申请实施例在WEB页面呈现树形文件时，可以通过获取与目标文件关联的文件数据，从目标文件反向定位到目标文件树的树形结构，进而直接呈现该树形结构，在现有从树形结构单向定位到目标文件的基础上，实现了树形结构与文件之间的双向交互，通过扩展交互方式，从而提高了在WEB端呈现树形文件的灵活性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1为本申请实施例中在WEB页面呈现树形文件的示意图；

图2为本申请呈现树形文件的方法的一个实施例流程图；

图3A为本申请呈现树形文件的方法的另一个实施例流程图；

图3B为图3A所示实施例中一个文件夹表项的结构示意图；

图3C为图3A所示实施例中一个文件表项的结构示意图；

图3D为应用图3A所示实施例的WEB页面呈现示意图；

图4为本申请呈现树形文件的装置所在设备的一种硬件结构图；

图5为本申请呈现树形文件的装置的一个实施例框图；

图6为本申请呈现树形文件的装置的另一个实施例框图。

具体实施方式

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

参见图1，为本申请实施例中在WEB端的WEB页面呈现树形文件的示意图：图1示出的呈现树形文件的WEB页面，分为两个区域，分别是左侧的树形结构呈现区和右侧的文件呈现区，其中，树形结构呈现区用于显示文件树的树形结构，以图1中示出的文件A所属文件树的树形结构为例，文件A的上一层父文件夹为文件夹2，文件夹2中同时包含文件B，文件夹2的上一层父文件夹为文件夹1；文件呈现区用于显示被打开文件，被打开文件包括被激活文件，例如图1中的文件A，此时文件A的文件名称突出(如图1中用灰色背景示出)显示在文件呈现区的名称栏，文件内容显示在文件呈现区的内容栏，被打开文件还包括被选中文件，如图1中的文件B、文件C和文件D，上述三个文件仅在名称栏显示文件名称。

现有技术中，当树形文件WEB页面开启时，仅会在树形结构呈现区中呈现第一级文件夹，此时WEB端用户要从第一级文件夹开始，自上而下逐层点击，才能定位到想要查看的文件，因此操作繁琐，呈现效果不灵活；本申请实施例中，可以通过WEB页面上次关闭时的被激活文件反向获取被激活文件所属的文件树，并直接在树形结构呈现区呈现该文件树的树形结构，从而在实现树形结构与文件之间的双向交互的同时，提高了呈现树形文件的灵活性，可以使得WEB端用户在打开WEB页面时，快速定位到被激活文件在其所属文件树中的位置。下面将结合具体的实施例对申请进行详细描述。

参见图2，为本申请呈现树形文件的方法的一个实施例流程图：

步骤201：当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识。

本实施例中，当WEB页面打开后，可以通过数据库维护在WEB页面的文件呈现区内被打开文件的文件标识，当WEB页面关闭时，由于数据库中记录了关闭时被激活文件的文件标识，因此当接收到在WEB端打开树形文件的命令时，可以从该数据库中查询到该WEB页面上一次关闭时在数据库中记录的被激活文件的文件标识，作为本实施例中目标文件的文件标识。

步骤202：根据该文件标识获取与目标文件关联的文件数据。

本实施例中，WEB端树形文件由文件夹和文件组成，用于关联文件夹和文件之间关系的数据结构预先保存在数据库中，其中，每个文件夹数据在数据结构中保存为文件夹表项，每个文件数据在数据结构中保存为文件表项，文件夹表项中包含文件夹的文件夹标识、文件夹名称、以及文件夹所属父文件夹的文件夹标识；文件表项中包含文件的文件标识、文件名称、以及文件所属父文件夹的文件夹标识；通过表项中的父文件夹的文件夹标识可以关联到上一级父文件夹的文件夹表项。

本步骤中，在获取到目标文件的文件标识后，可以根据文件标识在数据库中查找预先保存的树形文件的数据结构，获得目标文件所属的每一级父文件夹的文件夹表项；然后根据每一级父文件夹的文件夹标识查找每一级父文件夹所包含文件夹的文件夹表项和文件的文件表项。例如，结合图1示出的文件夹与文件之间的关系可知，假设目标文件为文件A，则可以向上依次查找到文件夹2的文件夹表项和文件夹1的文件夹表项，然后进一步查找到文件夹2中所包含文件B的文件表项。

步骤203：根据该文件数据在WEB端的WEB页面呈现目标文件所属的目标文件树的树形结构。

本步骤中，可以按照查找到的文件夹表项和文件表项之间的关联关系，即步骤202中获取到的关联数据，渲染出目标文件所属的目标文件树，在WEB端的WEB页面呈现目标文件树的树形结构，该树形结构中包含目标文件树的每一级文件夹的文件夹名称和文件的文件名称。

由上述实施例可见，该实施例在WEB页面呈现树形文件时，可以通过获取与目标文件关联的文件数据，从目标文件反向定位到目标文件树的树形结构，进而直接呈现该树形结构，在现有从树形结构单向定位到目标文件的基础上，实现了树形结构与文件之间的双向交互，通过扩展交互方式，从而提高了在WEB端呈现树形文件的灵活性。

参见图3A，为本申请呈现树形文件的方法的另一个实施例流程图，该实施例对树形文件的呈现过程进行详细描述：

步骤301：通过数据库维护在WEB页面的文件呈现区内被打开文件的文件标识。

本实施例中，当WEB页面打开后，可以通过数据库维护在WEB页面的文件呈现区内被打开文件的文件标识，结合图1可知，该被打开文件包括已呈现文件内容的被激活文件、以及未呈现文件内容的被选中文件，对应数据库中可以分别保存文件A(被激活文件)的文件标识，以及文件B、文件C和文件D(被选中文件)的文件标识；当被激活文件发生切换时，例如，从文件A切换到文件C，则该切换动作可以触发向数据库发送一个切换请求，以使数据库将当前被激活文件的文件标识更新为文件C的文件标识，并将文件A的文件标识更新为被选中文件的文件标识；另外，当被打开文件中的任一文件被关闭时，例如，被激活文件A被关闭，则当前被激活文件可以默认为被选中文件中，在文件A被激活之前的文件，假设为文件C，则上述关闭动作可以触发向数据库发送一个删除请求，以使数据库将当前被激活文件A的文件标识删除，并更新为文件C的文件标识。

步骤302：当接收到在WEB端打开树形文件的命令时，从数据库中查询目标文件的文件标识，该目标文件的文件标识为WEB页面上一次关闭时在数据库中记录的被激活文件的文件标识。

由步骤301可知，当WEB页面关闭时，数据库中记录了关闭时被激活文件的文件标识；当接收到在WEB端打开树形文件的命令时，可以从该数据库中查询到该WEB页面上一次关闭时在数据库中记录的被激活文件的文件标识，作为本实施例中目标文件的文件标识。

步骤303：根据目标文件的文件标识获取与目标文件关联的文件数据。

本实施例中，WEB端树形文件由文件夹和文件组成，用于关联文件夹和文件之间关系的数据结构预先保存在数据库中，其中，每个文件夹数据在数据结构中保存为文件夹表项，每个文件数据在数据结构中保存为文件表项，如图3B所述，为本申请实施例中一个文件夹表项的结构示意图，文件夹表项中包含文件夹的文件夹标识(id)、文件夹名称(name)、以及文件夹所属父文件夹的文件夹标识(parentFolderid)；如图3C所示，为本申请实施例中一个文件表项的结构示意图，文件表项中包含文件的文件标识(id)、文件名称(name)、文件所属父文件夹的文件夹标识(parentFolderid)、以及文件内容(content)；通过表项中的父文件夹的文件夹标识可以关联到上一级父文件夹的文件夹表项。

本步骤中，在获取到目标文件的文件标识后，可以根据文件标识在数据库中查找预先保存的树形文件的数据结构，获得目标文件所属的每一级父文件夹的文件夹表项；根据每一级父文件夹的文件夹标识查找每一级父文件夹所包含文件夹的文件夹表项和文件的文件表项。结合图1示出的文件夹与文件之间的关系可知，假设目标文件为文件A，则可以根据文件A的文件id查找到文件A的文件表项，在文件A的文件表项中查找到文件A的父文件夹的文件夹id，即文件夹2的文件夹id，进一步根据文件夹2的文件夹id查找到文件夹2的文件夹表项，在文件夹2的文件夹表项中查找到文件夹2的父文件夹的文件夹id，即文件夹1的文件夹id，根据文件夹1的文件夹id查找到文件夹1的文件夹表项；然后进一步可以根据文件夹2的文件夹id查找到以文件夹2为父文件夹的文件B的文件表项，即文件B的文件表项中的parentFolderid为文件夹2的文件夹id。通过上述查找过程查找到文件A关联的所有文件数据，包括文件A的文件表项，文件夹2的文件夹表项，文件夹1的文件夹表项，以及文件B的文件表项。

步骤304：根据获取的文件数据在WEB页面呈现目标文件所属的目标文件树的树形结构。

本步骤中，可以按照查找到的文件夹表项和文件表项之间的关联关系，即步骤303中获取到的关联数据，渲染目标文件所属的目标文件树，在WEB端的WEB页面呈现目标文件树的树形结构，该树形结构中包含目标文件树的每一级文件夹的文件夹名称和文件的文件名称。

步骤305：根据目标文件的文件标识查找目标文件的文件内容。

步骤306：将目标文件作为被激活文件，在文件呈现区内呈现目标文件的文件内容。

需要说明的是，步骤303至步骤304，与步骤305至步骤306之间的执行没有先后时间顺序，可以同时执行，也可以先执行步骤305至步骤306，图3A所示步骤关系仅为图示方便。

结合图1，假设WEB页面上一次关闭前，被激活文件为文件A，则应用本实施例再次打开WEB页面时，如图3D所示，在文件呈现区直接呈现文件A，并在内容栏显示文件A的文件内容，同时在树形结构呈现区呈现出文件A所属的目标文件树的树形结构，对于其他树形结构，则仅展现第一级父文件夹，如图3D中的文件夹3。

由上述实施例可见，该实施例在WEB页面呈现树形文件时，可以通过获取与目标文件关联的文件数据，从目标文件反向定位到目标文件树的树形结构，进而直接呈现该树形结构，在现有从树形结构单向定位到目标文件的基础上，实现了树形结构与文件之间的双向交互，通过扩展交互方式，从而提高了在WEB端呈现树形文件的灵活性；并且，在WEB页面打开时，除了可以呈现目标文件树的树形结构，还可以在文件呈现区激活目标文件，并呈现目标文件的文件内容，从而使WEB端用户直接查看到WEB页面上一次关闭前的文件内容，提高了文件呈现的灵活性，提升了在WEB端操作树形文件的便利性。

本申请呈现树形文件的装置的实施例可以应用WEB端设备上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图4所示，为本申请呈现树形文件的装置所在设备的一种硬件结构图，除了图4所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中装置所在的设备通常根据该设备的实际功能，还可以包括其他硬件，图4中不再一一示出。

参见图5，为本申请呈现树形文件的装置的一个实施例框图：

该装置包括：查找单元510、获取单元520和呈现单元530。

其中，查找单元510，用于当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

获取单元520，用于根据所述文件标识获取与所述目标文件关联的文件数据；

呈现单元530，用于根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

参见图6，为本申请呈现树形文件的装置的另一个实施例框图：

该装置包括：维护单元610、查找单元620、获取单元630和呈现单元640。

其中，维护单元610，用于通过数据库维护在所述WEB页面的文件呈现区内被打开文件的文件标识，所述被打开文件包括已呈现文件内容的被激活文件、以及未呈现文件内容的被选中文件；

查找单元620，用于从所述数据库中查询所述目标文件的文件标识，所述目标文件的文件标识为所述WEB页面上一次关闭时在所述数据库中记录的被激活文件的文件标识；

获取单元630，用于根据所述文件标识获取与所述目标文件关联的文件数据；

呈现单元640，用于根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

在一个可选的实现方式中，所述维护单元610可以包括(图6中未示出)：

更新子单元，用于当所述被打开文件中的被激活文件发生切换时，在所述数据库中更新切换后的被激活文件的文件标识和被选中文件的文件标识；

删除子单元，用于当所述被打开文件中的任一文件被关闭时，在所述数据库中删除被关闭文件的文件标识。

在另一个可选的实现方式中：

所述查找单元620，还可以用于根据所述目标文件的文件标识查找所述目标文件的文件内容；

所述呈现单元640，还可以用于将所述目标文件作为被激活文件，在所述文件呈现区内呈现所述目标文件的文件内容。

在另一个可选的实现方式中，所述获取单元630可以包括(图6中未示出)：

第一查找子单元，用于根据所述文件标识在数据库中查找预先保存的树形文件的数据结构，获得所述目标文件所属的每一级父文件夹的文件夹表项；

第二查找子单元，用于根据所述每一级父文件夹的文件夹标识查找所述每一级父文件夹所包含文件夹的文件夹表项和文件的文件表项；

其中，每个文件夹表项中包含文件夹的文件夹标识、文件夹名称、以及文件夹所属父文件夹的文件夹标识，每个文件表项中包含文件的文件标识、文件名称、以及文件所属父文件夹的文件夹标识。

在另一个可选的实现方式中，所述呈现单元640可以包括(图6中未示出)：

渲染子单元，用于按照查找到的文件夹表项和文件表项之间的关联关系渲染所述目标文件所属的目标文件树；

呈现子单元，用于在所述WEB端的WEB页面呈现所述目标文件树的树形结构，所述树形结构中包含所述目标文件树的每一级文件夹的文件夹名称和文件的文件名称。

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

由上述实施例可见，上述实施例在WEB页面呈现树形文件时，可以通过获取与目标文件关联的文件数据，从目标文件反向定位到目标文件树的树形结构，进而直接呈现该树形结构，在现有从树形结构单向定位到目标文件的基础上，实现了树形结构与文件之间的双向交互，通过扩展交互方式，从而提高了在WEB端呈现树形文件的灵活性。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。

Claims (13)

1.一种呈现树形文件的方法，其特征在于，所述方法包括：

当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

根据所述文件标识获取与所述目标文件关联的文件数据；

根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

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

通过数据库维护在所述WEB页面的文件呈现区内被打开文件的文件标识，所述被打开文件包括已呈现文件内容的被激活文件、以及未呈现文件内容的被选中文件；

所述查找目标文件的文件标识，包括：从所述数据库中查询所述目标文件的文件标识，所述目标文件的文件标识为所述WEB页面上一次关闭时在所述数据库中记录的被激活文件的文件标识。

3.根据权利要求2所述的方法，其特征在于，通过数据库维护在所述WEB页面的文件呈现区内被打开文件的文件标识，包括：

当所述被打开文件中的被激活文件发生切换时，在所述数据库中更新切换后的被激活文件的文件标识和被选中文件的文件标识；

当所述被打开文件中的任一文件被关闭时，在所述数据库中删除被关闭文件的文件标识。

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

根据所述目标文件的文件标识查找所述目标文件的文件内容；

将所述目标文件作为被激活文件，在所述文件呈现区内呈现所述目标文件的文件内容。

5.根据权利要求1所述的方法，其特征在于，所述根据所述文件标识获取与所述目标文件关联的文件数据，包括：

根据所述文件标识在数据库中查找预先保存的树形文件的数据结构，获得所述目标文件所属的每一级父文件夹的文件夹表项；

根据所述每一级父文件夹的文件夹标识查找所述每一级父文件夹所包含文件夹的文件夹表项和文件的文件表项；

其中，每个文件夹表项中包含文件夹的文件夹标识、文件夹名称、以及文件夹所属父文件夹的文件夹标识，每个文件表项中包含文件的文件标识、文件名称、以及文件所属父文件夹的文件夹标识。

6.根据权利要求5所述的方法，其特征在于，所述根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构，包括：

按照查找到的文件夹表项和文件表项之间的关联关系渲染所述目标文件所属的目标文件树；

在所述WEB端的WEB页面呈现所述目标文件树的树形结构，所述树形结构中包含所述目标文件树的每一级文件夹的文件夹名称和文件的文件名称。

7.一种呈现树形文件的装置，其特征在于，所述装置包括：

查找单元，用于当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

获取单元，用于根据所述文件标识获取与所述目标文件关联的文件数据；

呈现单元，用于根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

维护单元，用于通过数据库维护在所述WEB页面的文件呈现区内被打开文件的文件标识，所述被打开文件包括已呈现文件内容的被激活文件、以及未呈现文件内容的被选中文件；

所述查找单元，具体用于从所述数据库中查询所述目标文件的文件标识，所述目标文件的文件标识为所述WEB页面上一次关闭时在所述数据库中记录的被激活文件的文件标识。

9.根据权利要求8所述的装置，其特征在于，所述维护单元包括：

更新子单元，用于当所述被打开文件中的被激活文件发生切换时，在所述数据库中更新切换后的被激活文件的文件标识和被选中文件的文件标识；

删除子单元，用于当所述被打开文件中的任一文件被关闭时，在所述数据库中删除被关闭文件的文件标识。

10.根据权利要求8所述的装置，其特征在于，

所述查找单元，还用于根据所述目标文件的文件标识查找所述目标文件的文件内容；

所述呈现单元，还用于将所述目标文件作为被激活文件，在所述文件呈现区内呈现所述目标文件的文件内容。

11.根据权利要求7所述的装置，其特征在于，所述获取单元包括：

第一查找子单元，用于根据所述文件标识在数据库中查找预先保存的树形文件的数据结构，获得所述目标文件所属的每一级父文件夹的文件夹表项；

第二查找子单元，用于根据所述每一级父文件夹的文件夹标识查找所述每一级父文件夹所包含文件夹的文件夹表项和文件的文件表项；

其中，每个文件夹表项中包含文件夹的文件夹标识、文件夹名称、以及文件夹所属父文件夹的文件夹标识，每个文件表项中包含文件的文件标识、文件名称、以及文件所属父文件夹的文件夹标识。

12.根据权利要求11所述的装置，其特征在于，所述呈现单元包括：

渲染子单元，用于按照查找到的文件夹表项和文件表项之间的关联关系渲染所述目标文件所属的目标文件树；

呈现子单元，用于在所述WEB端的WEB页面呈现所述目标文件树的树形结构，所述树形结构中包含所述目标文件树的每一级文件夹的文件夹名称和文件的文件名称。

13.一种WEB端设备，其特征在于，包括：

处理器；用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为：

当接收到在WEB端打开树形文件的命令时，查找目标文件的文件标识；

根据所述文件标识获取与所述目标文件关联的文件数据；

根据所述文件数据在所述WEB端的WEB页面呈现所述目标文件所属的目标文件树的树形结构。