android前端框架uml,UML 类图的前端实现

UML 很香, 可以使用代码来画各种图, 类图, 时序图, 流程图, 食用方式也很简单, 在 VSCode中通过 markdown语法以及plantuml插件实现快速编辑, 实时查看的功能. 相比于在一些软件上, 甚至在线的网站如 processOn都有一个修改, 截图, 粘贴的过程, 修改起来着实麻烦.

UML上手也还有一些难度, 我也是用点学点, 把我用到的跟大家分享下.总体来说会了就是一个可以陪伴终身的工具. 投出产出比很高.

注意安装完成后需要到 vscode 的 setting.json 中进行 umlserver 的配置

{

"plantuml.render": "PlantUMLServer",

"plantuml.server": "http://www.plantuml.com/plantuml",

}

复制代码

首先来说说面向对象的几种类图的图例

泛化Generalization

就是常说的继承关系.用一个空心箭头从继承者指向被继承者, 这是一种超级强的关系.

class Parent {}

class Child {}

Child -|> Parent

复制代码

聚合Aggregation

聚合表示一个整体 包含 一个部分的关系, 这个部分可以不仅存在于这个整体中, 还可能存在于其他地方. 用一个空心菱形箭头从部分指向整体.

class Part{}

class