它就是PHPTree。

git地址:https://git.oschina.net/jiusem/PHPTree.git

或从网页设计下载 //www.rzxsoft.cn/codes/606002.html

最简单的例子:

<?php require("PHPTree.class.php");//原始数据, 从数据库读出$data = array(	array(		"id"=>1,		"name"=>"book",		"parent_id"=>0	),	array(		"id"=>2,		"name"=>"music",		"parent_id"=>0	),	array(		"id"=>3,		"name"=>"book1",		"parent_id"=>1	),	array(		"id"=>4,		"name"=>"book2",		"parent_id"=>3	));$r = PHPTree::makeTree($data);echo json_encode($r);?>

输出:

  [        {            "id": 1,            "name": "book",            "parent_id": 0,            "expanded": false, //不展开子节点            "children": [                {                    "id": 3,                    "name": "book1",                    "parent_id": 1,                    "expanded": false,                    "children": [                        {                            "id": 4,                            "name": "book2",                            "parent_id": 3,                            "leaf": true                        }                    ]                }            ]        },        {            "id": 2,            "name": "music",            "parent_id": 0,            "leaf": true        }]

生成的数据就是树形结构了,可以结合ExtJS等前端框架来使用了。git中包含了一个ExtJS的demo,大家可以参考。

演示:

如果不需要使用前端框架,只是用HTML输出,可以使用下面的方法:

$r = PHPTree::makeTreeForHtml($data);

得到一个一维数组,用 level 字段来标识分类的层次:

array( array(  "id"=>1,  "name"=>"用户管理",  "parent_id"=>0,  "level"=>0 //一级分类 ), array(  "id"=>1,  "name"=>"用户列表",  "parent_id"=>1,  "level"=>1 //二级分类 ) ....);

输出为select标签:

echo "<h1>PHPTree树形结构</h1>";echo "<select style="width:300px;">";foreach($r as $item){	echo "<option>";	//根据所在的层次缩进	echo str_repeat("......",$item["level"]);	echo $item["name"];	echo "</option>";}echo "</select>";

演示:

git中包含了一个输出HTML的demo,大家可以参考。

关于数据库的设计,只需要保证包含 id 和 parent_id 字段即可,其他字段可以自行添加,不会影响数据生成。parent_id是父级ID,如果是一级分类,就设为 0 。当然,字段也是可以配置的。请继续往下看,我将介绍一些进阶的使用方法。

展开子节点:

PHPTree::makeTree( $data, array( "expanded" => true));

输出的数据为:

[        {            id:1,            name:"book1",            expanded:true,//展开子节点            children:[                ...            ]        }]

自定义主键和父键:

//数据库读出$data = array( array(  "order_id"=>1, //主键  "name"=>"book1",  "pid"=>0, //父键  ... ));PHPTree::makeTree( $data, array( "primary_key" => "order_id", "parent_key" => "pid"));

输出的数据为:

[        {            order_id:1,            name:"book1",            pid:0,            ...        }]

makeTreeForHtml 方法也支持配置主键和父键。

还有其他字段也可以自定义,但下面这些参数仅支持 makeTree 方法:

$r = PHPTree::makeTree($data, array( "expanded_key" => "expanded", "children_key" => "children", "leaf_key"  => "leaf"));

默认,这些字段的配置都是以ExtJS为参考的,如果你使用zTree框架的话,这些字段就需要重新配置了。

zTree 是一款强大的国产树形框架,它还支持 简单JSON格式,是一维数据格式,实际上就不需要用到PHPTree了。当然,PHPTree输出的数据层次感清晰,zTree也是支持的。