• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

vue的树形目录结构php后台该怎么组织数据?php递归遍历无线分类,输出vue要求的树形目 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

需求:

 

需要的数据规则:

 1 // demo data
 2 var data = {
 3   name: 'My Tree',
 4   children: [
 5     { name: 'hello' },
 6     { name: 'wat' },
 7     {
 8       name: 'child folder',
 9       children: [
10         {
11           name: 'child folder',
12           children: [
13             { name: 'hello' },
14             { name: 'wat' }
15           ]
16         },
17         { name: 'hello' },
18         { name: 'wat' },
19         {
20           name: 'child folder',
21           children: [
22             { name: 'hello' },
23             { name: 'wat' }
24           ]
25         }
26       ]
27     }
28   ]
29 }

mysql数据库结构:

PHP代码(laravel5.4):

 1     public function show($user_id)
 2     {
 3         $arr = array();
 4 
 5         $data = DB::table("directory")->where('user_id', $user_id)->get();
 6         if ($data->isEmpty()) {
 7             return "no data!";
 8         }
 9         //组合数据
10         foreach ($data as $k => $v) {
11             array_push($arr, array('id' => $v->id, 'name' => $v->name, 'pid' => $v->parent_id));
12         }
13         //结果:
14         //  $arr = array(
15         //      array('id'=>1,'name'='视频','pid'=>0),
16         //      array('id'=>2,'name'='图片','pid'=>0),
17         //      array('id'=>3,'name'='科幻','pid'=>1),
18         //      array('id'=>4,'name'='音乐','pid'=>0),
19         //      array('id'=>5,'name'='流行','pid'=>4),
20         //      array('id'=>6,'name'='变形金刚','pid'=>3),
21         //      array('id'=>7,'name'='风景','pid'=>2),  
22         //  )
23         function get_attr($a, $pid)
24         {
25             $tree = array(); //每次都声明一个新数组用来放子元素
26             foreach ($a as $v) {
27                 if ($v['pid'] == $pid) {
28                     //匹配子记录
29                     $v['children'] = get_attr($a, $v['id']); //递归获取子记录
30                     if ($v['children'] == null) {
31                         unset($v['children']); //如果子元素为空则unset()进行删除,说明已经到该分支的最后一个元素了(可选)
32                     }
33                     $tree[] = $v; //将记录存入新数组
34                 }
35             }
36             return $tree; //返回新数组
37         }
38         return get_attr($arr, 0);
39     }

结果:

[
  {
    "id": 1,
    "name": "视频",
    "pid": 0,
    "children": [
      {
        "id": 4,
        "name": "科幻",
        "pid": 1,
        "children": [
          {
            "id": 6,
            "name": "变形金刚",
            "pid": 4
          }
        ]
      }
    ]
  },
  {
    "id": 2,
    "name": "图片",
    "pid": 0,
    "children": [
      {
        "id": 7,
        "name": "风景",
        "pid": 2
      }
    ]
  },
  {
    "id": 3,
    "name": "音乐",
    "pid": 0,
    "children": [
      {
        "id": 5,
        "name": "流行",
        "pid": 3
      }
    ]
  }
]

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
PHP的哈希表实现发布时间:2022-07-12
下一篇:
php连接mysql数据库基础发布时间:2022-07-12
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap