自定义PlantUML和C4 Model样式
获取中... 获取中...
什么是PlantUml
PlantUml是一个支持快速绘制的开源项目.其定义了一套完整的语言用于实现UML关系图的描述.并基于强大的graphviz图形渲染库进行UML图的生成.绘制的UML图还可以导出为图片,以及通用的矢量SVG格式文件.
如以下代码,可实现时序图
1 | @startuml |
可以使用常用的编辑器vscode 或者sublime 或者其他IDE工具继承PlantUml
也可以使用在线的版本
https://www.planttext.com/
想了解更多PlantUml或者使用方法,可参考官网http://plantuml.com/zh/,上面详细的中英文说明
什么是C4 Model
C4 Model 在我眼里更像是一个标准,一个方法论。让架构师、程序员、业务人员在讨论IT系统架构时候统一维度,统一标准,更方便的理解和沟通IT系统中的真实问题。强烈推荐!!!
C4 模型由一系列分层的软件架构图组成,这些架构图用于描述上下文(Context)、容器(Container)、组件(Component)和代码(Code)。C4 图的层次结构提供了不同的抽象级别,每种抽象级别都与不同的受众有关
这篇Infoq的文章是有一个比较详细的介绍https://infoq.cn/article/C4-architecture-model
本库只是一个样式库
本库的目的是美化PlantUml和C4 Model所绘制系统架构图的样式,统一审美而产生。
详细的使用方法,可参考sample文件夹中的示例代码
https://github.com/xuanye/plantuml-style-c4/blob/master/samples/
1.时序图
在PlantUml代码中引用
1 | @startuml sequence-sample |
2. 类图
以下为示例
1 | @startuml 示例类图 |
3. 状态图
1 | @startuml state-sample |
4. 用例图
1 | @startuml usecase-sample |
5. 活动图
1 | @startuml activity-new-sample |
6. 其他组件
1 | @startuml element |
C4 模型
1.System Context
1 | @startuml system-context-diagram |
2. Container
1 | @startuml container-diagram |
3.Component
组件图
1 | @startuml component-diagram |
4 Code
类图上面已经演示过了
5. 扩展图
1 | @startuml system-context-extend-diagram |
参考
C4 Model的配色和实现大部分都是直接使用
https://github.com/RicardoNiepel/C4-PlantUML的,只有几个配色略有调整,并抽取出颜色的文件,可单独替换c4_theme 以实现其他配色
本文由 Xuanye 创作,采用 知识共享署名 4.0 国际许可协议。
本站文章除注明转载/出处外,均为本站原创或翻译,转载请务必署名。