文档管理系统中目录数据的显示方法及系统

1.文档管理系统中目录数据的显示方法，其特征在于，包括以下步骤：
A.根据文档管理系统的文档目录结构中各层级子目录的个数，设计每种数目的子目录的显示模板并存储在Web服务器的数据库中；
B.将所述文档目录结构的数据保存在Web服务器的目录数据缓存表中；
C.当用户在Web客户端当前目录显示页面中任意选择一待查看的目录后，Web客户端将用户查看文档目录的请求发送到Web服务器；
D.Web服务器从Web客户端接收用户查看文档目录的请求，根据用户请求目录的下级子目录个数在数据库中查找对应目录个数的显示模板数据，以及从目录数据缓存表中获取所述用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录共三级目录的数据，根据显示模板数据和目录数据计算三级目录的显示区域坐标并构造目录显示页面数据，发送给Web客户端；
E.Web客户端接收Web服务器返回的目录显示页面数据，由JavaScript解析目录显示页面数据并动态创建html标签完成目录页面显示。
2.如权利要求1所述的方法，其特征在于，所述显示模板中包括：本级各子目录的父目录的图标和目录名字的显示坐标、本级各子目录的图标和目录名字的显示坐标、本级各子目录与其下级子目录显示区域间连线图标的显示坐标、以及本级各子目录的下级子目录的图标和显示区域中线的显示坐标；
所述目录数据缓存表中包括目录ID、目录名字、下级子目录ID。
3.如权利要求1或2所述的方法，其特征在于，所述显示模板中还包括所有图标所用图片的请求地址；所述显示模板中显示坐标为文字或者图标所在显示区域的左上角坐标。
4.如权利要求1或2所述的方法，其特征在于，所述步骤C中，当前目录显示页面是指用户登录Web客户端后缺省目录显示页面或用户上次请求查看的目录显示页面；所述缺省目录显示页面中显示文档目录结构的根目录、根目录的下级子目录、根目录的下下级子目录等前三级目录。
5.如权利要求1或2所述的方法，其特征在于，所述步骤C中，用户在Web客户端选择待查看的目录的方法为：用户点击Web客户端当前目录显示页面中被定义为热点区域的目录名字或者目录图标。
6.如权利要求2所述的方法，其特征在于，所述步骤D中，具体包括以下步骤：
D1.Web服务器接收Web客户端用户查看文档目录的请求，根据所述请求目录的目录ID在目录数据缓存表中查找该请求目录的下级子目录个数，并获取对应个数的下级子目录的显示模板；
D2.Web服务器根据所述显示模板计算用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的目录图标和目录名字的显示区域，以显示模板为基础增加目录数据完成构造目录显示页面的JSON(javaScript对象表示法)数据并返回给Web客户端，同时将构造的数据进行缓存；
所述步骤E中，具体包括以下步骤：
步骤E1.Web客户端接收到目录显示页面的JSON数据后，利用JSON数据，根据坐标和内容动态创建HTML标签；
步骤E2.对页面中三级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域；
步骤E3.Web客户端的浏览器向用户显示以用户请求目录为父目录的三级目录显示页面。
7.如权利要求6所述的方法，其特征在于，所述步骤D2中，具体包括如下步骤：
步骤D21.Web服务器从所述显示模板中获取用户请求目录、用户请求目录的下级子目录等两级目录的目录图标和目录名字的显示坐标以及目录图标的图片，并从目录数据缓存表中获取这两级目录的目录名字，根据所述目录图标和所述目录名字与显示模板中一级目录和二级目录的坐标组合构造出两级目录的显示数据；
步骤D22.Web服务器从显示模板中获得用户请求目录的下下级子目录的图标和显示区域中线的显示坐标，并从目录数据缓存表中获取该下下级子目录的目录名字，从而计算该第三级目录的显示区域，并为每个三级目录构造出显示数据；
步骤D23.Web服务器将构造好所有目录显示页面数据生成JSON数据返回给Web客户端。
8.文档管理系统中目录数据的显示系统，包括Web服务器和Web客户端，其特征在于：
所述Web服务器，用于根据文档管理系统的文档目录结构中各层级子目录的个数，设计每种数目的子目录的显示模板并存储在Web服务器的数据库中；并将所述文档目录结构的数据保存在目录数据缓存表中；接收Web客户端用户查看文档目录的请求，在本地获取用户请求目录的下级子目录的显示模板，以及从目录数据缓存表中获取所述用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录共三级目录的数据，根据显示模板数据和目录数据计算和构造目录页面显示数据发送给Web客户端，同时将构造的目录页面显示数据进行缓存；
所述Web客户端，用于向用户提供从当前目录显示页面中任意选择一待查看的目录的用户界面接口，并将该用户查看文档目录的请求发送到Web服务器，接收并显示Web服务器返回的目录页面显示数据，利用JavaScript解析目录页面显示数据并动态创建HTML标签以显示目录页面。
9.如权利要求8所述的系统，其特征在于：所述显示模板中包括本级各子目录的父目录的图标和目录名字的显示坐标、本级各子目录的图标和目录名字的显示坐标、本级各子目录与其下级子目录显示区域间连线图标的显示坐标、以及本级各子目录的下级子目录的图标和显示区域中线的显示坐标；
所述目录数据缓存表中包括目录ID、目录名字、下级子目录ID。
10.如权利要求9所述的系统，其特征在于：所述Web客户端还用于对当前目录显示页面各级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域。

文档管理系统中目录数据的显示方法及系统\n技术领域\n[0001] 本发明涉及信息技术，特别涉及文档管理系统中目录数据的显示方法及对应的显示系统。\n背景技术\n[0002] 计算机技术和网络迅速发展的今天，Web应用成为每个人工作、生活及学习中必不可少的一部分。在中大型企业，随着计算机网络技术的普及，工作网络化，文档电子化已经成为主要工作方式，而支持该种工作方式的前提是建立以Web技术为基础的办公系统。在办公系统的实现方案中，尤其是企业内部的文档管理系统中，需要保存大量文档和资料数据，直观的目录展示和便捷的文档搜索是是重点需要解决的问题。\n[0003] 现有技术中，基于Web应用界面的文档管理系统中（此处以目录文件系统为例）的树形机构数据的显示方案一般采用Windows使用的资源管理器方式：即首先展现一个根目录，根目录下挂二级目录，以此类推；如果需要在目录结构中搜寻需要的文档，则需要用户不断点击各级目录下的各个目录。在目录较多的情况下，目录展开后将十分庞大，并且当文档数据量较大的情况下采用现有Web技术生成和操作的树形结构也会存在性能问题，导致用户响应速度较慢、展示不够直观。\n发明内容\n[0004] 本发明的目的就是克服目前在Web应用界面上文件系统展示的树形结构数据十分庞大导致不直观的缺点，提供一种文档管理系统中目录数据的显示方法及系统。\n[0005] 本发明解决所述技术问题，提供的技术方案是这样实现的：\n[0006] 文档管理系统中目录数据的显示方法，包括以下步骤：\n[0007] A.根据文档管理系统的文档目录结构中各层级子目录的个数，设计每种数目的子目录的显示模板并存储在Web服务器的数据库中；\n[0008] B.将所述文档目录结构的数据保存在Web服务器的目录数据缓存表中；\n[0009] C.当用户在Web客户端当前目录显示页面中任意选择一待查看的目录后，Web客户端将用户查看文档目录的请求发送到Web服务器；\n[0010] D.Web服务器从Web客户端接收用户查看文档目录的请求，根据用户请求目录的下级子目录个数在数据库中查找对应目录个数的显示模板数据，以及从目录数据缓存表中获取所述用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的数据，根据显示模板数据和目录数据计算三级目录的显示区域坐标并构造目录显示页面数据，发送给Web客户端；\n[0011] E.Web客户端接收Web服务器返回的目录显示页面数据，由JavaScript解析目录显示页面数据并动态创建html标签完成目录页面显示。\n[0012] 具体的，所述显示模板中包括：本级各子目录的父目录的图标和目录名字的显示坐标、本级各子目录的图标和目录名字的显示坐标、本级各子目录与其下级子目录显示区域间连线图标的显示坐标、以及本级各子目录的下级子目录的图标和显示区域中线的显示坐标；\n[0013] 所述目录数据缓存表中包括目录ID、目录名字、下级子目录ID。\n[0014] 具体的，所述步骤C中，当前目录显示页面是指用户登录Web客户端后缺省目录显示页面或用户上次请求查看的目录显示页面；所述缺省目录显示页面中显示文档目录结构的根目录、根目录的下级子目录、根目录的下下级子目录等前三级目录。\n[0015] 具体的，所述显示模板中还包括所有图标所用图片的请求地址；所述显示模板中显示坐标为文字或者图标所在显示区域的左上角坐标。\n[0016] 进一步的，所述步骤C中，用户在Web客户端选择待查看的目录的方法为：用户点击Web客户端当前目录显示页面中被定义为热点区域的目录名字或者目录图标。\n[0017] 进一步的，所述步骤D中，具体包括如下步骤：\n[0018] D1.Web服务器接收Web客户端用户查看文档目录的请求，根据所述请求目录的目录ID在目录数据缓存表中查找该请求目录的下级子目录个数，并获取对应个数的下级子目录的显示模板；\n[0019] D2.Web服务器根据所述显示模板计算用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的目录图标和目录名字的显示区域，以显示模板为基础增加目录数据完成构造目录显示页面的JSON数据并返回给Web客户端，同时将构造的数据进行缓存；\n[0020] 所述步骤E中，具体包括以下步骤：\n[0021] 步骤E1.Web客户端接收到目录显示页面的JSON数据后，JavaScrip动态解析JSON数据，根据坐标和内容动态创建HTML标签；\n[0022] 步骤E2.对页面中三级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域；\n[0023] 步骤E3.Web客户端的浏览器向用户显示以用户请求目录为父目录的三级目录显示页面。\n[0024] 具体地，所述步骤D2中，具体包括如下步骤：\n[0025] 步骤D21.Web服务器从所述显示模板中获取用户请求目录、用户请求目录的下级子目录等两级目录的目录图标和目录名字的显示坐标以及目录图标的图片，并从目录数据缓存表中获取这两级目录的目录名字，根据所述目录图标和所述目录名字与显示模板中一级目录和二级目录的坐标组合构造出两级目录的显示数据；\n[0026] 步骤D22.Web服务器从显示模板中获得用户请求目录的下下级子目录的图标和显示区域中线的显示坐标，并从目录数据缓存表中获取该下下级子目录的目录名字，从而计算该第三级目录的显示区域，并为每个三级目录构造出显示数据；\n[0027] 步骤D23.Web服务器将构造好所有目录显示页面数据生成JSON数据返回给Web客户端。\n[0028] 本发明的另一个目的，提供一种文档管理系统中目录数据的显示系统，包括Web服务器和Web客户端，具体的：\n[0029] 所述Web服务器，用于根据文档管理系统的文档目录结构中各层级子目录的个数，设计每种数目的子目录的显示模板并存储在Web服务器的数据库中；并将所述文档目录结构的数据保存在目录数据缓存表中；接收Web客户端用户查看文档目录的请求，在本地获取用户请求目录的下级子目录的显示模板，以及从目录数据缓存表中获取所述用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的数据，根据显示模板数据和目录数据计算和构造目录页面显示数据发送给Web客户端，同时将构造的目录页面显示数据进行缓存；\n[0030] 所述Web客户端，用于向用户提供从当前目录显示页面中任意选择一待查看的目录的用户界面接口，并将该用户查看文档目录的请求发送到Web服务器，接收并显示Web服务器返回的目录显示数据，利用JavaScript解析目录页面显示数据并动态创建HTML标签以显示目录页面。\n[0031] 具体的，所述显示模板中包括本级各子目录的父目录的图标和目录名字的显示坐标、本级各子目录的图标和目录名字的显示坐标、本级各子目录与其下级子目录显示区域间连线图标的显示坐标、以及本级各子目录的下级子目录的图标和显示区域中线的显示坐标；\n[0032] 所述目录数据缓存表中包括目录ID、目录名字、下级子目录ID。\n[0033] 具体的，所述Web客户端还用于对当前目录显示页面各级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域。\n[0034] 本发明的有益效果是，在本发明方案中，通过之前设置的显示模板，根据用户查看目录的请求，可以快速显示以请求查看目录为父目录的三级目录结构；而且通过缺省设置用户在首页即根目录所在页就可清楚查看第一、二、三级目录；实现快速文档搜索；因为采用模板方案，为目录下每一种下级目录数设计好模板，因此每个目录的下级目录数可任意变化，无需增加开发工作量；由于不采用整颗树数据加载，使系统效率更高，用户响应速度快，且易于实现。\n附图说明\n[0035] 图1是本发明实施例文档管理系统中目录数据的显示方法流程图。\n[0036] 图2是本发明实施例的显示模板示意图。\n[0037] 图3是本发明实施例的显示模板中包括各显示坐标的示意图。\n[0038] 图4是本发明实施例的目录显示页面的示意图。\n[0039] 图5是本发明实施例文档管理系统中目录数据的显示系统结构框图。\n具体实施方式\n[0040] 下面结合实施例及附图，详细描述本发明的技术方案。\n[0041] 参见图1，为本发明实施例文档管理系统中目录数据的显示方法流程图。本发明的文档管理系统中目录数据的显示方法，包括如下步骤：\n[0042] 步骤101，根据文档管理系统的文档目录结构中各层级子目录的个数，设计每种数目的子目录的显示模板并存储在Web服务器的数据库中。本步骤中，系统设计人员首先根据文档管理系统的需求，确定文档目录结构，并统计文档目录结构中各层级子目录的个数，根据各层级子目录的个数情况定义子目录的显示模板。\n[0043] 假设某文档管理系统的文档目录结构中最高有4级目录，从根目录开始，根目录下第二级有8个子目录，这8个子目录下分别对应的第三级子目录数为3、3、3、4、4、4、5、5个，而这31个第三级子目录中每个子目录分别对应的第三四的子目录书为3个；则只需要定义子目录数为3、4、5和8的子目录的显示模板。所述显示模板中包括：本级各子目录的父目录的图标的显示坐标和父目录的目录名字的显示坐标、本级各子目录的图标的显示坐标和本级各子目录的目录名字的显示坐标、本级各子目录与其下级子目录显示区域间连线图标的显示坐标、以及本级各子目录的下级子目录的图标和显示区域中线的显示坐标。\n[0044] 实施例\n[0045] 本发明实施例以Web服务器定义子目录数为3的显示模板进行说明，且该3个子目录为二级子目录，即其父目录为为根目录。参见图2，是本发明实施例绘制的子目录数为\n3的显示模板示意图，本实施例中绘制的显示模板中包括：1）、根目录的图标和目录名字；\n2）、3个二级子目录的图标和目录名字；3）、各个二级子目录与其下级子目录显示区域的连线图标；4）、各个三级目录的图标。\n[0046] 在上述设计的显示模板中，定义各部分显示区域的坐标，包括：\n[0047] 1）3个二级子目录共同父目录（即根目录）的图标的显示坐标和父目录的目录名字的显示坐标；具体包括当前根目录的图标所在区域的左上角坐标，根目录的目录名字所在区域的左上角坐标，根目录的图标所用图片的请求地址，参加图3中的坐标15为根目录图标所在区域的左上角坐标定义示意。\n[0048] 2）、3个二级子目录的图标的显示坐标和3个二级子目录的目录名字的显示坐标；\n具体包括分别定义3个二级子目录的图标所在区域的左上角坐标，3个二级子目录的目录名字所在区域的左上角坐标，3个二级子目录的图标所用图片的请求地址，参见图3中的坐标4、9、10为子目录图标所在区域的左上角坐标，坐标3、7、8为子目录的目录名字所在区域的左上角坐标定义示意。\n[0049] 3）3个二级子目录与其三级子目录显示区域间连线图标的显示坐标；具体包括第二级目录和第三级目录连线图标所在区域的左上角坐标和图片的请求地址，参见图3中的坐标2、5、6为二级子目录和三级子目录连接线的左上角坐标定义示意。\n[0050] 4）3个二级子目录下的三级子目录显示区域中线的显示坐标，包括最左边的中线坐标和最右边的中线坐标。参见图3中的坐标0、1、11、12、13、14分别为三级子目录显示区域的中线坐标定义示意。\n[0051] 5）3个二级子目录下的第三级子目录的图标，以及第三级子目录的图标和目录名字显示方式（中间延伸）、展示方式（横向、纵向）。\n[0052] 步骤102，将所述文档目录结构的数据保存在Web服务器的目录数据缓存表中。所述目录数据缓存表中包括目录ID、目录名字、下级子目录ID。本步骤中，为整个文档管理系统的文档目录结构中的每个目录定义目录ID，并和该目录ID对应的目录名字下级子目录的目录ID一起保存到目录数据缓存表中。\n[0053] 步骤103，当用户在Web客户端当前目录显示页面中任意选择一待查看的目录后，Web客户端将用户查看文档目录的请求发送到Web服务器。本步骤中，当前目录显示页面是指用户登录Web客户端后缺省目录显示页面或用户上次请求查看的目录显示页面；所述缺省目录显示页面中显示文档目录结构的根目录、根目录的下级子目录、根目录的下下级子目录等前三级目录。用户在Web客户端通过点击Web客户端当前目录显示页面中被定义为热点区域的目录名字或者目录图标，即可查看该以该点击目录为父目录的包括两级子目录的三级目录结构。\n[0054] 步骤104，Web服务器从Web客户端接收用户查看文档目录的请求，根据用户请求目录的下级子目录个数在数据库中查找对应目录个数的显示模板数据，以及从目录数据缓存表中获取所述用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的数据，根据显示模板数据和目录数据计算三级目录的显示区域坐标并构造目录显示页面数据，发送给Web客户端；\n[0055] 本步骤又具体包括以下步骤：\n[0056] 步骤1041.Web服务器接收Web客户端用户查看文档目录的请求，根据所述请求目录的目录ID在目录数据缓存表中查找该请求目录的下级子目录个数，并获取对应个数的下级子目录的显示模板。\n[0057] 步骤1042.Web服务器根据所述显示模板计算用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的目录图标和目录名字的显示区域，以显示模板为基础增加目录数据完成构造目录显示页面的JSON数据并返回给Web客户端，同时将构造的数据进行缓存，用于用户在下次请求相同的目录时可以直接从缓存读取。\n[0058] 本1042步骤具体的实现步骤为：Web服务器从所述显示模板中获取用户请求目录、用户请求目录的下级子目录等两级目录的目录图标和目录名字的显示坐标以及目录图标的图片，并从目录数据缓存表中获取这两级目录的目录名字，根据所述目录图标和所述目录名字与显示模板中一级目录和二级目录的坐标组合构造出两级目录的显示数据；Web服务器从显示模板中获得用户请求目录的下下级子目录的图标和显示区域中线的显示坐标，并从目录数据缓存表中获取该下下级子目录的目录名字，从而计算该第三级目录的显示区域，并为每个三级目录构造出显示数据；Web服务器将构造好所有目录显示页面数据生成JSON数据返回给Web客户端。\n[0059] 步骤105.Web客户端接收Web服务器返回的目录显示页面数据，利用JavaScript解析目录显示页面数据并动态创建html标签完成目录页面显示。本步骤中，又具体包括如下步骤：步骤1051.Web客户端接收到目录显示页面的JSON数据后，利用JavaScript解析JSON数据，根据坐标和内容动态创建HTML标签；步骤1052.对页面中三级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域；步骤1053.Web客户端的浏览器向用户显示以用户请求目录为父目录的三级目录显示页面。参见图4为本发明实施例的三级目录的目录显示页面的示意图（注意本示意图的目录名字仅仅用于示意，具体的文件管理系统中会根据用户的需求进行命名）。\n[0060] 参见图5，是本发明实施例文档管理系统中目录数据的显示系统的结构框图，所述系统包括Web服务器500和Web客户端510。所述Web服务器500包括：显示模板定义模块5001、目录数据保存模块5002和第一交互模块5003。所述Web客户端510包括：用户接口模块5101；第二交互模块5102和显示界面模块5103。\n[0061] 所述显示模板定义模块4101，根据文档管理系统的文档目录结构中各层级子目录的个数，设计每种数目的子目录的显示模板并存储在Web服务器的数据库中。\n[0062] 所述目录数据保存模块4102，用于将所述文档目录结构的数据保存在目录数据缓存表中。\n[0063] 所述第一交互模块4103，用于Web服务器从Web客户端接收用户查看文档目录的请求，根据用户请求目录的下级子目录个数在数据库中查找对应目录个数的显示模板数据，以及从目录数据缓存表中获取所述用户请求目录、用户请求目录的下级子目录以及用户请求目录的下下级子目录等三级目录的数据，根据显示模板数据和目录数据计算和构造目录页面显示数据发送给Web客户端，同时将构造的目录页面显示数据进行缓存。\n[0064] 所述用户接口模块5101，用于向用户提供从当前目录显示页面中任意选择一待查看的目录的用户界面接口，还用于对当前目录显示页面的三级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域。\n[0065] 第二交互模块5102，接收并显示Web服务器返回的目录页面显示数据，利用JavaScript解析目录页面显示数据并动态创建HTML标签以显示目录页面；\n[0066] 显示界面模块5103，用于向用户显示以用户请求目录为父目录的三级目录显示页面；还用于对当前目录显示页面各级目录的图标和/或目录名字所在的HTML标签定义单击响应事件的热点区域。