php递归无限菜单,2020-10-19 thinkphp 递归菜单 无限极分类

扁平递归

static public function getMenuAll(){

$result=self::where('hid',0)->select()->toArray();

return self::reSort($result);

}

// 递归对有的分类进行重新排序

static private function reSort($data, $pid=0, $level=0)

{

static $ret = array();

foreach ($data as $k => $v)

{

if($v['pid'] == $pid)

{

// 把level值放到这个分类里,这样就可以知道这个分类是第几级的

$v['level'] = $level;

$ret[] = $v;

// 再找这个分类的子分类

self::reSort($data, $v['id'], $level+1);

}

}

return $ret;

}

返回示例

87527eb9311a

image.png

树型递归

/**

* 获取所有菜单

* @return array

* @throws \think\db\exception\DataNotFoundException

* @throws \think\db\exception\DbException

* @throws \think\db\exception\ModelNotFoundException

*/

static public function getMenuAll(){

$res=self::where('hid',0)->field('id,pid,url,icon,title,sort,group')->order('pid', 'asc')->select()->toArray();

return self::makeArr($res);

}

/**

* 递归循环

* @param $res 总数组

* @param int $pid 父级id

* @return array

*/

static public function makeArr($res, $pid=0){

$arr = [];

$item['pid']=$pid;

$data=self::screen($res,$item);

foreach ($data as $key=>$val){

$ite['pid']=$val['id'];

$result = self::screen($res,$ite);

if (!empty($result)){

$val['child']= self::makeArr($res,$val['id']);

}

$arr[] = $val;

}

return $arr;

}

/**

* 数组键值对查询 返回查询数组

* @param $res

* @param $val

* @return array

*/

static public function screen($res,$val){

return array_filter($res,function ($var) use ($val){

if($var['pid']==$val['pid']) return true;

});

}

返回示例

87527eb9311a

image.png

树型递归优化

当$res 多的情况下,数组筛选性能会下降。优化思路是,设计两个变量,只查询使用过的变量。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 Vue.js 中使用 element-ui 组件库的 el-menu 组件创建递归菜单时,可以在菜单项的模板中使用 el-menu-item-group 组件来表示一组子菜单。 要在 el-menu 中使用递归菜单,需要在其模板中使用一个循环来遍历菜单数据,并为每个菜单项使用 el-menu-item 组件。如果该菜单项有子菜单,则可以在该菜单项下使用 el-menu-item-group 组件,并将该菜单项的子菜单数据作为 el-menu-item-group 组件的 children 属性来递归渲染。 例如,假设你有以下菜单数据: ``` const menuData = [ { label: '菜单 1', children: [ { label: '子菜单 1-1' }, { label: '子菜单 1-2' }, ] }, { label: '菜单 2', children: [ { label: '子菜单 2-1' }, { label: '子菜单 2-2', children: [ { label: '子菜单 2-2-1' }, { label: '子菜单 2-2-2' }, ] }, ] } ] ``` 你可以在 el-menu 模板中使用以下代码来渲染递归菜单: ``` <el-menu> <template v-for="item in menuData"> <el-menu-item v-if="!item.children" :key="item.label">{{ item.label }}</el-menu-item> <el-menu-item-group v-else :key="item.label" :title="item.label"> <template v-for="subItem in item.children"> <el-menu-item v-if="!subItem.children" :key="subItem.label">{{ subItem.label }}</el-menu-item> <el-menu-item-group v-else :key="subItem.label" :title="subItem. ### 回答2: el-menu是Element UI中的一个组件,用于创建菜单导航。el-menu-item-group是el-menu的子组件,用于将多个el-menu-item组合成一个组。 对于el-menu递归菜单,可以使用递归函数来处理el-menu-item-group。首先,在父组件中创建一个递归函数,用于遍历菜单数据。然后,在el-menu中使用该递归函数来渲染菜单项。 具体处理步骤如下: 1. 父组件中,定义一个递归函数,例如renderMenu,接收一个菜单数据作为参数。在该函数中,遍历菜单数据,判断每个菜单项是否是el-menu-item-group。 2. 如果菜单项是el-menu-item-group,则递归调用renderMenu函数,将菜单项的子菜单数据作为参数传入。在el-menu-item-group中使用renderMenu来渲染子菜单项。 3. 如果菜单项不是el-menu-item-group,则直接渲染el-menu-item,并将菜单项的其他属性作为参数传入。 4. 在el-menu中使用renderMenu函数来渲染菜单项,将菜单数据作为参数传入。 通过以上步骤,可以实现对el-menu递归菜单中的el-menu-item-group的处理。递归函数可以遍历菜单数据,判断每个菜单项的类型,并进行渲染。这样就可以动态生成el-menu菜单导航,并且可以支持多级菜单的嵌套结构。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值