博客
关于我
ThinkPHP之下拉树
阅读量:709 次
发布时间:2019-03-21

本文共 2462 字,大约阅读时间需要 8 分钟。

物资种类表呈现树状结构是常见的数据展示方式,其核心在于通过数据库查询获取数据后,将其转换为层级化的树结构,便于后续的功能开发。在实际项目中,以下代码逻辑可以帮助实现这一目标。

数据获取与树结构转换

代码首先通过D('MaterialCategory')获取物资种类数据,并使用select()方法获取id、pid、name字段。随后调用toFormatTree方法,将这些数据转换为树状结构。以下是实现细节:

$mlist = D('MaterialCategory') -> field('id,pid,name') -> select();$tree = D('Common/Tree') -> toFormatTree($mlist, 'name');$treeoptions = array_column($tree, 'title_show', 'id');$this->assign('treeoptions', option_selected($treeoptions, $categoryid));

树结构转换的核心逻辑

toFormatTree方法的实现逻辑主要包含两个部分:第一部分通过list_to_tree函数将原始数据转换为树结构;第二部分通过递归的 _toFormatTree 方法对树结构进行层级格式化。

表单数据转树结构

list_to_tree函数的主要职责是将一维数组转换为树结构。以下是实现逻辑:

function list_to_tree($list, $pk = 'id', $pid = 'pid', $child = '_child', $root = 0) {    $tree = array();    if (is_array($list)) {        $refer = array();        foreach ($list as $key => $data) {            $refer[$data[$pk]] = $list[$key];        }        foreach ($list as $key => $data) {            $parentId = $data[$pid];            if ($root == $parentId) {                $tree[] = $list[$key];            } else {                if (isset($refer[$parentId])) {                    $parent = $refer[$parentId];                    $parent[$child][] = $list[$key];                }            }        }    }    return $tree;}

树结构层级化格式化

toFormatTree方法通过递归的形式将树结构进一步格式化,添加层级信息和显示标题。以下是实现逻辑:

private $formatTree;private function _toFormatTree($list, $level = 0, $title = 'title') {    $tmp_str = str_repeat(' ', $level * 2);    foreach ($list as $key => $val) {        if (!isset($val['_child'])) {            $val['level'] = $level;            $val['title_show'] = $level === 0 ? $val[$title] : $tmp_str . ">{$val[$title]}";            array_push($this->formatTree, $val);        } else {            $tmp_ary = $val['_child'];            unset($val['_child']);            $val['level'] = $level;            $val['title_show'] = $tmp_str . ">{$val[$title]}";            array_push($this->formatTree, $val);            $this->_toFormatTree($tmp_ary, $level + 1, $title);        }    }}

代码解读与优化

以上代码主要包含三个部分:数据获取与转换、树结构生成以及层级化格式化。具体实现逻辑如下:

  • 数据获取与树结构生成:首先从数据库获取物资种类数据,然后调用toFormatTree方法将其转换为树结构数组,最后为视图变量赋值。
  • 树结构生成list_to_tree函数通过构建索引引用将一维数组转换为树结构,根节点的Pid设为0。
  • 层级化格式化toFormatTree方法将树结构进一步格式化,为每个节点添加leveltitle_show字段,生成层级化格式的标签。
  • 递归树结构的深度优化

    在实现上,函数主要通过递归的方式处理树结构,减少了层级化处理的复杂度。整个过程分为两部分:首先是数据转换,确保每个节点都能正确关联其子节点;其次是树结构的格式化,生成人们易于理解的树形展示方式。

    通过以上逻辑,可以实现从数据库获取的物资种类数据以树形结构展示,为后续的物资管理提供了良好的数据交互基础。

    以上内容理解了物资种类树状结构的实现逻辑,结合数据库查询与层级化示例展示,提供了清晰的代码解读。

    转载地址:http://uikrz.baihongyu.com/

    你可能感兴趣的文章
    Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
    查看>>
    Node-RED中使用range范围节点实现从一个范围对应至另一个范围
    查看>>
    Node-RED中实现HTML表单提交和获取提交的内容
    查看>>
    Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
    查看>>
    Node-RED中建立TCP服务端和客户端
    查看>>
    Node-RED中建立Websocket客户端连接
    查看>>
    Node-RED中建立静态网页和动态网页内容
    查看>>
    Vue3+Element-ul学生管理系统(第二十二课)
    查看>>
    Node-RED中根据HTML文件建立Web网站
    查看>>
    Node-RED中解析高德地图天气api的json数据显示天气仪表盘
    查看>>
    Node-RED中连接Mysql数据库并实现增删改查的操作
    查看>>
    Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
    查看>>
    Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
    查看>>
    Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
    查看>>
    Node-RED怎样导出导入流程为json文件
    查看>>
    Node-RED订阅MQTT主题并调试数据
    查看>>
    Node-RED通过npm安装的方式对应卸载
    查看>>
    node-request模块
    查看>>
    node-static 任意文件读取漏洞复现(CVE-2023-26111)
    查看>>
    Node.js 8 中的 util.promisify的详解
    查看>>