首页 >php教程 >php手册 > 正文

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

原创2016-06-06 19:34:100878

网上有很多开源的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<$size-1; $j++) { echo ''; 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中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 专题推荐

    作者信息

    php中文网

    认证0级讲师

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类