PHP (Html) + Css 实现组织结构图
程序员文章站
2022-05-08 10:33:26
...
网上有很多开源的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 '
上一篇: MongoDB在php用法
下一篇: MySQL 更新并返回计数_MySQL
推荐阅读
-
css3实现的气泡效果代码实例_html/css_WEB-ITnose
-
[在线]请教一个页面刷新实现radio控件清除选择_html/css_WEB-ITnose
-
HTML+CSS+JS实现堆叠轮播效果的示例代码
-
用php实现动态产生xml文件以及从xml文件中抽取数据转化成html的小程序_PHP教程
-
CSS3实现三角形_html/css_WEB-ITnose
-
炫!一组单元素实现的 CSS 加载进度提示效果_html/css_WEB-ITnose
-
php 实现html转为rtf格式_PHP教程
-
CSS3实现各种格子纹理效果_html/css_WEB-ITnose
-
CSS3实现10种Loading效果_html/css_WEB-ITnose
-
Guzzle ? 构建 RESTful Web 服务的 PHP HTTP 框架_html/css_WEB-ITnose