出于后的工作需求,需要快速弄清楚整个php网站系统是如何运行的。抱着试探的心态,写出了这个工具。 暂时把它叫做“系统信息动态解析地图”吧,也许“系统信息图”更方便。 这次拿的织梦的系统做实验对象。 这写代码,发现一款好用的SVG插件——svgjs(svgjs.
出于后的工作需求,需要快速弄清楚整个php网站系统是如何运行的。抱着试探的心态,写出了这个工具。
暂时把它叫做“系统信息动态解析地图”吧,也许“系统信息图”更方便。
这次拿的织梦的系统做实验对象。
这写代码,发现一款好用的SVG插件——svgjs(svgjs.com),可以非常方便的用JS脚本控制绘制一些矢量图。
这个程序构思了很长时间,实现它只是这两天的事。
这套程序在本地的虚拟机上运行,整个显示过程需要等待浏览器将进半分钟的样子。
虽然整个程序还有很多不完善的地方,但如果以后有非常高的使用频率,还是有继续改进的地方的。
算法过程概述:
每个元素都一个独有的ID,并且划一块空间存储了连线目标的ID值,这个元素自动读取自己携带的目标ID的坐标信息,创建连线,这部分是JS完成的,元素ID的命名以及所携带的ID是由PHP部分通过对文件的绝对地址的hash形成的。
下面是代码自动生成效果的网页截图。
青色线条代表着php文件中requireonce的php文件位置(目前只写了php对php文件的定位,其他文件还没加进去)。
黄色线条是手动单选一个文件所形成的连线。
连接线条可以全部擦除。