如何在CakePHP 2中基于自关联MediaDirectory表实现树形视图展示

第一步：模型层配置（MediaDirectory.php） #

CakePHP 2 自带Tree行为，原生支持邻接表结构的父子层级数据处理，先给你的MediaDirectory模型挂载该行为：

class MediaDirectory extends AppModel {
    // 你的表结构默认匹配Tree行为的字段约定（父级字段为parent_id），无需额外配置
    public $actsAs = array('Tree');
}

第二步：控制器代码修正（ContentsController.php） #

你原有代码存在两个问题：一是仅查询了顶级父节点，未关联子级数据；二是compact语法错误，变量名前多写了$符号。
修正后的代码如下，提供两种常用的树形数据返回方式：

public function index() {
    // 方案1：获取带缩进前缀的一维数组，适合快速渲染简单树形、下拉选择框
    $treeList = $this->MediaDirectory->generateTreeList(
        null, // 无查询条件，返回全量数据
        null, // 主键字段默认取id
        null, // 显示字段默认取模型的displayField，这里对应Title
        '　　' // 层级缩进前缀，可自定义为空格、特殊符号等
    );

    // 方案2：获取嵌套结构数组，适合自定义层级样式、加折叠交互等复杂场景
    $nestedTree = $this->MediaDirectory->find('threaded', array(
        'order' => array('MediaDirectory.lft' => 'ASC') // 按Tree行为的左值排序，保证层级顺序正确
    ));

    // 传递变量到视图层
    $this->set(compact('treeList', 'nestedTree'));
}

第三步：视图层渲染（index.ctp） #

根据你选择的数据返回方案，对应选择渲染方式：

方式1：基于treeList快速渲染简单树形 #

echo '<ul class="tree-view">';
foreach ($treeList as $id => $title) {
    echo '<li>' . h($title) . '</li>';
}
echo '</ul>';

方式2：基于nestedTree渲染可自定义的嵌套树形 #

// 先定义递归渲染函数，可根据需求自定义每个节点的样式、操作按钮等
function renderTreeNode($nodes) {
    $html = '<ul>';
    foreach ($nodes as $node) {
        $html .= '<li>' . h($node['MediaDirectory']['Title']);
        // 存在子节点时递归渲染
        if (!empty($node['children'])) {
            $html .= renderTreeNode($node['children']);
        }
        $html .= '</li>';
    }
    $html .= '</ul>';
    return $html;
}

// 调用渲染函数输出完整树形
echo '<div class="tree-view">';
echo renderTreeNode($nestedTree);
echo '</div>';

渲染完成后如果需要交互效果（折叠、勾选等），直接给生成的DOM结构绑定对应JS组件的初始化逻辑即可。

内容的提问来源于stack exchange，提问作者ZUL FARIS MAZLAN