博客
关于我
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/

    你可能感兴趣的文章
    npm—小记
    查看>>
    npm介绍以及常用命令
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>
    npm切换源淘宝源的两种方法
    查看>>
    npm前端包管理工具简介---npm工作笔记001
    查看>>
    npm升级以及使用淘宝npm镜像
    查看>>
    npm发布自己的组件UI包(详细步骤,图文并茂)
    查看>>
    npm和yarn清理缓存命令
    查看>>
    npm和yarn的使用对比
    查看>>
    npm如何清空缓存并重新打包?
    查看>>
    npm学习(十一)之package-lock.json
    查看>>
    npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
    查看>>
    npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
    查看>>
    npm安装教程
    查看>>
    npm报错Cannot find module ‘webpack‘ Require stack
    查看>>
    npm报错Failed at the node-sass@4.14.1 postinstall script
    查看>>
    npm报错File to import not found or unreadable: @/assets/styles/global.scss.
    查看>>
    npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
    查看>>