[发明专利]一种实现树形结构的方法及装置

说明书

技术领域

本发明涉及Web应用领域，特别是涉及一种实现树形结构的方法及装置。

背景技术

随着信息化技术的发展，各种信息化的web应用系统越来越多。用树形结 构展现数据在web应用中有着很广泛的应用，如用于显示带有上下级关系的组 织结构和用户关系、用于显示层级的菜单等等。树形结构能最直观地呈现出数 据间的父子关系。

树形结构最基本的单元是节点，一个常见的树形结构包括根节点、分支节 点和叶子节点。在客户端应用程序中一般通过使用的开发语言提供的树形控件 来实现，而在web应用程序中因为没有相应的控件，需要采用其它如 JavaScript、CSS等页面技术来实现。

目前最常见的技术方案是采用JavaScript来实现的。在浏览器端页面中 加入树形结构的HTML、JavaScript代码，在服务器端编写组织树形结构数据 的业务代码，浏览器端通过解析服务端返回的数据，最终展现出树形结构。针 对不同的业务场景，程序员需要编写大量不同的树形结构HTML代码、 JavaScript代码和服务器端的业务代码来实现所需的显示效果。

但是，树形结构的JavaScript代码及服务器端的业务代码通常很复杂， 每实现一个树形结构都需要重新编写代码，使得实现树形结构的效率非常低； 而且展现树形结构的代码与服务端的业务代码对应，代码复用性差。

发明内容

有鉴于此，本发明的目的在于提供一种实现树形结构的方法及装置，能够 通过提高实现树形结构的效率，提高代码的复用性。

为实现上述目的，本发明提供了如下方案：

一种实现树形结构的方法，包括：

确定用户在页面文件中为树形结构指定的元数据，所述元数据为所述树形 结构特有的业务逻辑代码；

当需要展现页面中的树形结构时，解析所述页面文件中的元数据；

将解析获得的元数据信息与树形结构模板代码相结合，获得展现树形结构 所需的数据，并返回给浏览器，以便浏览器在页面中展现相应的树形结构；所 述树形结构模板代码为预先抽象出的所有树形结构的公用代码。

优选的，所述确定用户在页面文件中为树形结构指定的元数据包括：

通过接收用户在页面文件中为树形结构指定的元数据ID，确定所述元数 据；

所述解析所述页面文件中的元数据包括：

通过所述元数据ID加载相应的元数据，并进行解析。

优选的，所述确定用户在页面文件中为树形结构指定的元数据包括：

接收用户在页面上为树形结构选择的特有业务逻辑；

根据所述特有业务逻辑生成相应的元数据，并将所述生成的元数据作为用 户指定的元数据。

优选的，所述元数据中的配置信息包括：

树的后台数据模型、后台数据模型的过滤条件、树的分层读取信息、树的 层次属性、点击节点属性、右键点击节点属性及事件扩展属性。

优选的，所述后台数据模型的属性包括节点ID、父节点ID及节点类型。

优选的，所述后台数据模型的属性还包括树的级别、节点是否为叶子节点 及排序。

一种实现树形结构的装置，包括：

接口单元，用于确定用户在页面文件中为树形结构指定的元数据，所述元 数据为所述树形结构中特有的业务逻辑代码；

解析单元，用于当需要展现页面中的树形结构时，解析所述页面文件中的 元数据；

组装单元，用于将解析获得的元数据信息与树形结构模板代码相结合，获 得展现树形结构所需的数据，并返回给浏览器，以便浏览器在页面中展现相应 的树形结构；所述树形结构模板代码为预先抽象出的所有树形结构的公用代 码。

优选的，所述接口单元包括：

第一接收子单元，用于接收用户在页面文件中为树形结构指定的元数据 ID：

确定子单元，用于根据所述元数据ID确定所述元数据；

所述解析单元包括：

加载子单元，用于通过所述元数据ID加载相应的元数据；

解析子单元，用于解析所述查找到的元数据。

优选的，所述接口单元包括：

第二接收子单元，用于接收用户在页面上为树形结构选择的特有业务逻 辑；