[php] thinkphp递归实现无限分类

来源：互联网发布：黄金矿工c语言代码编辑：程序博客网时间：2024/06/12 22:26

数据库：test

数据表：（tp_category）：

Common/conf/config.php

'DB_CONFIG2' => array(    'db_type'  => 'mysql',    'db_user'  => 'root',    'db_pwd'   => '',    'db_host'  => 'localhost',    'db_port'  => '3306',    'db_name'  => 'test',    'DB_PREFIX' => 'tp_', // 数据库表前缀    'DB_CHARSET'=> 'utf8', // 字符集    'DB_DEBUG'  =>  TRUE, // 数据库调试模式 开启后可以记录SQL日志 3.2.3新增),

Common/function.php 遍历函数loop

/* * 递归遍历 * @param $data array * @param $id int * return array * */function recursion($data, $id=0) {    $list = array();    foreach($data as $v) {        if($v['pid'] == $id) {            $v['son'] = recursion($data, $v['id']);            if(empty($v['son'])) {                unset($v['son']);            }            array_push($list, $v);        }    }    return $list;}

Controller/IndexController.class.php

public function test() {    $category = M('category', '', C('DB_CONFIG2'))->select();    $result = loop($category);    var_dump($result);    $this->assign('list', $result);    $this->display();}

在模板(View/Index/test.html)中输出（仅支持2级分类，如果想全部显示，建议先把数组转换成JSON格式，然后通过AJAX请求，JS生成）

<ul>    <volist name="list" id="vo">        <li>            {$vo.category}            <notempty name="vo['children']">                <ul>                    <volist name="vo['children']" id="cate">                        <li>{$cate.category}</li>                    </volist>                </ul>            </notempty>        </li>    </volist></ul>

后续(ajax请求，递归显示所有分类)：

方法 Controller/IndexController.class.php

public function test() {    $this->display();}public function resultCategory() {    $category = M('category', '', C('DB_CONFIG2'))->select();    $result = loop($category);    $this->ajaxReturn(array('data'=>$result,'status'=>'1','info'=>'获取列表成功'));}

模板 View/Index/test.html

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>分类测试</title>    <script src="__PUBLIC__/js/jquery.min.js"></script></head><body><ul id="menu"></ul><script>    $(function() {        // 递归列表函数        function recursion(selector,data)        {            if(!data) return false;            for(var i=0;i<data.length;i++)            {                var li=$('<li>'+data[i]['category']+'</li>');                if(data[i]['children'] && data[i]['children'].length>0)                {                    var ul=$('<ul></ul>');                    recursion(ul,data[i]['children']);                    li.append(ul);                }                selector.append(li);            }        }        // ajax请求 用$.post() 会更方便        $.ajax({            url: "{:U('resultCategory')}",            type: 'post',            dataType: 'json',            error: function(res) {                console.log(res);            },            success: function(res) {                recursion($('#menu'),res['data']);                console.log(res['data']);            }        });    });</script></body></html>

另一种无限级分类：

/** * 无限极分类 * @param  [type]  $cate  [description] * @param  integer $pid   [description] * @param  integer $level [description] * @param  string  $html  [description] * @return [type]         [description] */function sortOut($cate,$pid=0,$level=0,$html='--'){    $tree = array();    foreach($cate as $v){        if($v['pid'] == $pid){            $v['level'] = $level + 1;            $v['html'] = str_repeat($html, $level);            $tree[] = $v;            $tree = array_merge($tree, sortOut($cate,$v['id'],$level+1,$html));        }    }    return $tree;}

JS递归（特殊）：

这个函数相当于实现php的str_repeat函数

/* 字符串重复函数 */if(!String.str_out_times) {    String.prototype.str_out_times = function(l) {        return new Array(l+1).join(this);    }}

// 定位到当前选择

function recursion(selector, data, j, pid) {    var space = '　┠　';    if(!data) return false;    $.each(data, function(i, item) {        var opt = $('<option value="'+item.id+'">'+space.str_out_times(j)+item.name+'</option>');selector.append(opt);        if(item.son && (item.son).length>0) {            recursion(selector, item.son, ++j);            j=0;         }    });    // 当前是哪个分类    selector.find('option').each(function() {        if($(this).val() == pid) {            $(this).attr('selected', 'selected');        }    });}

为什么j=0呢。因为执行顺序感觉与php不同，这里是从上到下加载。。

ajax请求数据：

$('.btn-edit').click(function() {    var id = $(this).data('id');    $.post("{:U('Article/editArticle')}", {id: id}, function(res) {        // 分类        $('[name="pid"]').html('');        recursion($('[name="pid"]'), res.sort, 0, res.pid);        $('[name="id"]').val(res.id);        $('[name="title"]').val(res.title);        $('[name="summary"]').val(res.summary);        $('#thumbnailImg').attr('src', "__UPLOAD__"+'/thumbnail/'+res.thumbnail);        ue.setContent(res.content);        $('#modal-edit').modal('show');    });});

感受：写递归有些绕人，建议读者要多写写递归函数。。。

谢谢关注！

1 0