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
·7 min read

How to Export PlantUML as PNG or SVG in OnUML

Export PlantUML diagrams from OnUML as PNG or SVG, save editable cloud projects, restore browser drafts, and create public share links.

plantumlpngsvgexportonuml
·7 分钟阅读

如何在 OnUML 中将 PlantUML 导出为 PNG 或 SVG

了解如何从 OnUML 将 PlantUML 图表导出为 PNG 或 SVG、保存可编辑的云端项目、恢复浏览器草稿并创建公开分享链接。

plantumlpngsvg导出onuml
·8 min read

PlantUML C4 Diagrams: Context, Container, and Component

Create PlantUML C4 diagrams for system context, containers, and components using C4-PlantUML macros, reproducible includes, and a connected example.

plantumlc4-modelsoftware-architecturec4-plantuml
·8 分钟阅读

PlantUML C4 架构图:上下文、容器和组件

使用 C4-PlantUML 宏、可复现的引用方式和贯穿始终的示例,创建系统上下文、容器和组件层级的 PlantUML C4 架构图。

plantumlc4 模型软件架构c4-plantuml
·6 min read

PlantUML Class Diagram: Relationships, Syntax, and Examples

Build a PlantUML class diagram with fields, methods, visibility, inheritance, interfaces, dependency, aggregation, composition, and multiplicity.

plantumlclass-diagramumldomain-modeling
·6 分钟阅读

PlantUML 类图:关系、语法与示例

学习使用字段、方法、可见性、继承、接口、依赖、聚合、组合和多重性构建 PlantUML 类图。

plantuml类图uml领域建模
·7 min read

PlantUML Colors and Themes: A Practical Styling Guide

Learn how to style PlantUML diagrams with named colors, hex values, built-in themes, CSS-like styles, and accessible color choices.

plantumlplantuml-colorsplantuml-themesdiagram-styling
·6 分钟阅读

PlantUML 颜色和主题:实用样式指南

学习使用命名颜色、十六进制值、内置主题、类 CSS 样式和无障碍配色来美化 PlantUML 图表。

plantumlplantuml 颜色plantuml 主题图表样式
·7 min read

PlantUML ER Diagram: Entities, Keys, and Relationships

Create a PlantUML ER diagram with entities, keys, required attributes, and crow's-foot cardinality, and compare IE, Chen, and class diagram notation.

plantumler-diagramerddatabase-design
·7 分钟阅读

PlantUML ER 图:实体、键和关系

使用实体、键、必填属性和乌鸦脚基数创建 PlantUML ER 图,并比较 IE、Chen 与类图表示法。

plantumler 图erd数据库设计