它就是PHPTree。

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

或從腳本之家下載 http://www.dbjr.com.cn/codes/606002.html

最簡單的例子：

<?php 
require('PHPTree.class.php');

//原始數(shù)據(jù), 從數(shù)據(jù)庫讀出
$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, //不展開子節(jié)點(diǎn)
            "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
        }
]

生成的數(shù)據(jù)就是樹形結(jié)構(gòu)了，可以結(jié)合ExtJS等前端框架來使用了。git中包含了一個(gè)ExtJS的demo，大家可以參考。

演示：

如果不需要使用前端框架，只是用HTML輸出，可以使用下面的方法：

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

得到一個(gè)一維數(shù)組，用 level 字段來標(biāo)識分類的層次：

array(
 array(
  'id'=>1,
  'name'=>'用戶管理',
  'parent_id'=>0,
  'level'=>0 //一級分類
 ),
 array(
  'id'=>1,
  'name'=>'用戶列表',
  'parent_id'=>1,
  'level'=>1 //二級分類
 )
 ....
);

輸出為select標(biāo)簽：

echo '<h1>PHPTree樹形結(jié)構(gòu)</h1>';
echo '<select style="width:300px;">';
foreach($r as $item){
	echo '<option>';
	//根據(jù)所在的層次縮進(jìn)
	echo str_repeat('......',$item['level']);
	echo $item['name'];
	echo '</option>';
}
echo '</select>';

演示：

git中包含了一個(gè)輸出HTML的demo，大家可以參考。

關(guān)于數(shù)據(jù)庫的設(shè)計(jì)，只需要保證包含 id 和 parent_id 字段即可，其他字段可以自行添加，不會影響數(shù)據(jù)生成。parent_id是父級ID，如果是一級分類，就設(shè)為 0 。當(dāng)然，字段也是可以配置的。請繼續(xù)往下看，我將介紹一些進(jìn)階的使用方法。

展開子節(jié)點(diǎn)：

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

輸出的數(shù)據(jù)為：

[
        {
            id:1,
            name:'book1',
            expanded:true,//展開子節(jié)點(diǎn)
            children:[
                ...
            ]
        }
]

自定義主鍵和父鍵：

//數(shù)據(jù)庫讀出
$data = array(
 array(
  'order_id'=>1, //主鍵
  'name'=>'book1',
  'pid'=>0, //父鍵
  ...
 )
);
PHPTree::makeTree( $data, array(
 'primary_key' => 'order_id',
 'parent_key' => 'pid'
));

輸出的數(shù)據(jù)為：

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

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

還有其他字段也可以自定義，但下面這些參數(shù)僅支持 makeTree 方法：

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

默認(rèn)，這些字段的配置都是以ExtJS為參考的，如果你使用zTree框架的話，這些字段就需要重新配置了。

zTree 是一款強(qiáng)大的國產(chǎn)樹形框架，它還支持 簡單JSON格式，是一維數(shù)據(jù)格式，實(shí)際上就不需要用到PHPTree了。當(dāng)然，PHPTree輸出的數(shù)據(jù)層次感清晰，zTree也是支持的。

最新評論