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 ' '; //head line echo ''; echo ' '; echo ''.$title.''; echo ''; echo ' '; //line if($size>=2){ $tdWidth=((100)/($size*2)); echo ''; echo ' '; echo ''; echo '
'; echo ' '; } } // echo ''; echo ' '; for($j=1; $j'; echo ' '; } echo ' '; echo ' '; echo ' '; foreach($arr as $key=>$value) { echo ' '; // echo ''; }'; if(is_array($value)) { PHPtoOrgChart($value,$key); } else { echo ' '; } echo ''.$value.''; } echo '
上一篇: smarty模板引擎中自定义函数的方法
下一篇: 初学script+ajax 数据提交问题