이 기사의 예는 무한 분류를 구현하는 thinkphp의 자세한 코드를 공유합니다. 모든 사람이 무한 분류를 배울 수 있도록 영감을 주기를 바랍니다.
데이터베이스: 테스트
데이터 테이블: (tp_category):
공통/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 트래버스 함수 루프
/* * 递归遍历 * @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; }
컨트롤러/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 요청, 모든 카테고리를 재귀적으로 표시):
메소드 컨트롤러/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'=>'获取列表成功')); }
템플릿 보기/색인/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'); }); });
위는 thinkphp가 무제한 분류를 구현하는 방법입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.