Blog

Tutorials, guides, and best practices for UML diagramming

Series

Featured

·17 min read·Featured

PlantUML Examples: Diagrams, Syntax, and Workflows

Explore copyable PlantUML examples for sequence, class, ER, C4, activity, component, and state diagrams, then learn how to style, save, and export them.

plantuml-examplesplantuml-diagramplantuml-syntaxplantuml-diagramsplantuml-example
·16 分钟阅读·精选

PlantUML 示例:图表、语法与工作流

探索可复制的 PlantUML 时序图、类图、ER 图、C4 架构图、活动图、组件图和状态图示例,并学习如何设置样式、保存和导出。

plantuml 示例plantuml 图表plantuml 语法plantuml 图表类型plantuml 示例代码
·7 min read·Featured

Mermaid vs PlantUML: Everyday Docs or Complex Architecture?

Choose Mermaid for everyday documentation and PlantUML for formal UML or complex architecture. Compare capabilities, version limits, and delivery scenarios.

mermaidplantumldiagram-as-codeumlsoftware-architecture
·7 分钟阅读·精选

Mermaid vs PlantUML:日常文档与复杂架构如何选?

日常文档默认 Mermaid,正式 UML 与复杂架构图默认 PlantUML。通过交付物决策、能力矩阵与专项入口,选择适合团队的图表即代码工具。

mermaidplantumldiagram-as-codeumlsoftware-architecture
·17 min read·Featured

Mermaid Flowchart Guide: Syntax, Examples & Best Practices

Learn Mermaid flowchart syntax with practical examples for authentication, CI/CD, microservices, error handling, SSO, and e-commerce workflows.

mermaidflowcharttutorialdiagramsystem-design
·11 min read·Featured

Mermaid Sequence Diagram Guide: From Beginner to Pro

Learn how to create beautiful sequence diagrams using Mermaid syntax. Covers basic syntax, advanced patterns, and best practices for API documentation.

mermaidsequence-diagramtutorialapi-documentation
·17 min read·Featured

PlantUML Examples: Diagrams, Syntax, and Workflows

Explore copyable PlantUML examples for sequence, class, ER, C4, activity, component, and state diagrams, then learn how to style, save, and export them.

plantuml-examplesplantuml-diagramplantuml-syntaxplantuml-diagramsplantuml-example
·16 分钟阅读·精选

PlantUML 示例:图表、语法与工作流

探索可复制的 PlantUML 时序图、类图、ER 图、C4 架构图、活动图、组件图和状态图示例,并学习如何设置样式、保存和导出。

plantuml 示例plantuml 图表plantuml 语法plantuml 图表类型plantuml 示例代码
·8 min read

PlantUML Layout Guide: Direction, Spacing, and Nested Boxes

Control PlantUML layout with direction, containers, spacing, layout engines, and restrained relationship hints without fragile positioning hacks.

plantumlplantuml-layoutnested-boxesdiagram-layout
·7 分钟阅读

PlantUML 布局指南:方向、间距与嵌套框

使用方向、容器、间距、布局引擎和克制的关系提示控制 PlantUML 布局,避免脆弱的定位技巧。

plantumlplantuml 布局嵌套框图表布局
·7 min read

PlantUML Newpage Not Working? Rendering and Output Fixes

Learn why PlantUML newpage shows one image in OnUML and split long sequence diagrams into tabs that can be previewed, saved, and exported.

plantumlplantuml-newpagepage-breaktroubleshooting
·7 分钟阅读

PlantUML Newpage 不工作?渲染与输出修复指南

了解 PlantUML newpage 为何在 OnUML 中只显示一张图片,并将长时序图拆分为可预览、保存和导出的标签页。

plantumlplantuml-newpage分页故障排查
·9 min read

PlantUML Sequence Diagram: Syntax and Real-World Examples

Build authentication and REST API flows with PlantUML participants, messages, activation bars, conditions, loops, and numbering.

plantumlsequence-diagramumlapi-design
·8 分钟阅读

PlantUML 时序图:语法与真实场景示例

使用 PlantUML 参与者、消息、激活条、条件、循环和编号构建身份验证及 REST API 流程。

plantuml时序图umlapi 设计
·8 min read

PlantUML WYSIWYG Editor: Can You Drag and Drop Diagrams?

Learn what WYSIWYG and drag-and-drop mean for PlantUML, what the language supports, and how to choose between text-first, visual, and hybrid editors.

plantumlplantuml-wysiwyg-editordrag-and-dropdiagram-editor
·7 分钟阅读

PlantUML 所见即所得编辑器:图表能否拖放?

了解所见即所得与拖放对 PlantUML 的具体含义、语言本身支持什么,以及如何选择文本优先、可视化或混合编辑器。

plantumlplantuml 所见即所得编辑器拖放图表编辑器