php生成组织结构图,PHP (Html) + Css 实现组织结构图

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

我的方法是,直接用php输出一个相应的html结构,我用的是一定结构的table,再通过css画画线就搞定了。具体的实现方法直接看代码就ok了。有问题可以讨论。

function PHPtoOrgChart(array $arr,$title='') {

echo '

$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 '

';

}

}

//

echo '

';

foreach($arr as $key=>$value) {

echo '

';

if(is_array($value)) {

PHPtoOrgChart($value,$key);

} else {

echo '

'.$value.'
';

}

echo '

';

}

echo '

';

//

echo '

';

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值