欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

PHP (Html) + Css 实现组织结构图

程序员文章站 2022-04-21 11:50:15
...

网上有很多开源的js版本的组织结构图工具,不过假设有这么个场景,有一个10多m的xml文件,里面是组织关系,要用php解析,再到js生成,这个两个过程都是很费时的,尤其是js的渲染过程,大部分的js版本都是再生成div的方式,这肯定会更加的慢了。 我的方法是,

网上有很多开源的js版本的组织结构图工具,不过假设有这么个场景,有一个10多m的xml文件,里面是组织关系,要用php解析,再到js生成,这个两个过程都是很费时的,尤其是js的渲染过程,大部分的js版本都是再生成div的方式,这肯定会更加的慢了。

我的方法是,直接用php输出一个相应的html结构,我用的是一定结构的table,再通过css画画线就搞定了。具体的实现方法直接看代码就ok了。有问题可以讨论。 PHP-to-OrgChart
';
        $size=count($arr);
        if($title!='') {
            //head

            echo '';
            echo '';
            echo '
'.$title.'
'; echo ''; echo ''; //head line echo ''; echo ''; echo '
'; echo ''; echo ''; //line if($size>=2){ $tdWidth=((100)/($size*2)); echo ''; echo ''; echo ''; for($j=1; $j'; echo ''; } echo ''; echo ''; echo ''; } } // echo ''; foreach($arr as $key=>$value) { echo ''; if(is_array($value)) { PHPtoOrgChart($value,$key); } else { echo '
'.$value.'
'; } echo ''; } echo ''; // echo ''; }
PHP (Html) + Css 实现组织结构图