php uml类图工具,php uml图生成并能支持processon导入

项目需要画uml图，手写浪费时间，于是就搜了一些相关的工具来生成它。有php插件phpumd等等。发现了一个简单易用的工具，那就是phuml。

Phuml

它是一款全自动uml图生成器，支持php5。

安装教程

git clone https://github.com/jakobwesthoff/phuml //下载源码

yum install graphviz //安装图形库

cd phuml/src/app

./phuml -r /path -graphviz -createAssociations false -neato test.png //生成uml图

是不是很简单。

但是uml图并不方便操作。因为经常使用processon来做图，所以如果能生成一个可以导入到processon的.pos文件那就更好了。

.pos文件

processon支持导入.pos文件，那.pos文件到底是什么样子的？

{

"diagram":{

//image是导出时，生成的图片，elements包含各个元素。导入主要看的是elements。

"image":{

"height":322,

"pngdata":"", //导出时，base64格式图片

"width":310,

"y":9,

"x":26

},

"elements":{

"page":{

"gridSize":15, //网格大小

"showGrid":true, //显示网格

"orientation":"portrait", //页面方向 portrait竖向

"height":1500, //页面高度

"backgroundColor":"transparent", //背景颜色

"width":1250, //页面长度

"padding":20 //页面的灰边宽度

},

"elements":{

"15a3b34d769898":{ //生成一串随机id作为标识，每个图形都对应着一个

"textBlock":[ //文本块，uml图为三块

//类名

{

"position":{

"w":"w-20",

"h":"30",

"y":"0",

"x":"10"

},

"text":"类"

},

//属性

{

"position":{

"w":"w-20",

"h":47,

"y":"35",

"x":"10"

},

"text":"+ attribute1:type = defaultValue + attribute2:type - attribute3:type",

"fontStyle":{

"bold":false,

"textAlign":"left"

}

},

//方法

{

"position":{

"w":"w-20",

"h":145,

"y":93,

"x":"10"

},

"text":"+ operation1(params):returnType - operation2(params) - operation3() + operation1(params):returnType - operation2(params) - operation3() + operation1(params):returnType - operation2(params) - operation3()",

"fontStyle":{

"bold":false,

"textAlign":"left"

}

}

],

"lineStyle":{

},

"link":"",

"children":[

],

"parent":"",

"attribute":{

"linkable":true,

"visible":true,

"container":false,

"rotatable":true,

"markerOffset":5,

"collapsable":false,

"collapsed":false

},

"fontStyle":{

"bold":true

},

"resizeDir":[

"tl",

"tr",

"br",

"bl"

],

"dataAttributes":[

],

"shapeStyle":{

"alpha":1

},

"id":"15a3b34d769898",

"anchors":[

{

"y":"0",

"x":"w/2"

},

{

"y":"h",

"x":"w/2"

},

{

"y":"h/2",

"x":"0"

},

{

"y":"h/2",

"x":"w"

}

],

"title":"类",

"category":"uml_class",

"name":"cls",

"path":[

{

"actions":[

{

"action":"move",

"y":"4",

"x":"0"

},

{

"y1":"0",

"action":"quadraticCurve",

"y":"0",

"x":"4",

"x1":"0"

},

{

"action":"line",

"y":"0",

"x":"w-4"

},

{

"y1":"0",

"action":"quadraticCurve",

"y":"4",

"x":"w",

"x1":"w"

},

{

"action":"line",

"y":"h-4",

"x":"w"

},

{

"y1":"h",

"action":"quadraticCurve",

"y":"h",

"x":"w-4",

"x1":"w"

},

{

"action":"line",

"y":"h",

"x":"4"

},

{

"y1":"h",

"action":"quadraticCurve",

"y":"h-4",

"x":"0",

"x1":"0"

},

{

"action":"close"

}

]

},

{

"fillStyle":{

"type":"none"

},

"actions":[

{

"action":"move",

"y":30,

"x":"0"

},

{

"action":"line",

"y":30,

"x":"w"

},

{

"action":"move",

"y":88,

"x":"0"

},

{

"action":"line",

"y":88,

"x":"w"

}

]

},

{

"lineStyle":{

"lineWidth":0

},

"fillStyle":{

"type":"none"

},

"actions":[

{

"action":"move",

"y":"0",

"x":"0"

},

{

"action":"line",

"y":"0",

"x":"w"

},

{

"action":"line",

"y":"h",

"x":"w"

},

{

"action":"line",

"y":"h",

"x":"0"

},

{

"action":"close"

}

]

}

],

"fillStyle":{

},

"locked":false,

"group":"",

"props":{

"w":230,

"heights":[

30,

50,

145

],

"angle":0,

"h":242,

"y":49,

"zindex":1,

"x":66

}

}

}

}

},

"meta":{

"id":"58a29cdce4b028637aca553f",

"member":"saber",

"exportTime":"2017-02-14 14:00:44",

"diagramInfo":{

"category":"uml",

"title":"订单",

"created":"2017-02-14 13:59:56",

"attributes":null,

"creator":"saber",

"modified":"2017-02-14 14:00:25"

},

"type":"ProcessOn Schema File",

"version":"1.0"

}

}

所以只要仿照着它的格式来一份就能生成一份pos文件。

使用

git clone https://github.com/sabercoding/phuml.git //下载源码

./phuml -r /path -processon test.pos //生成pos文件

待优化之处

类图大小及文本块大小

类之间的关系

类排版

最新发表在这里