Tutorials, guides, and best practices for UML diagramming
Follow this topic in order, or jump to the article you need.
Follow this topic in order, or jump to the article you need.
按顺序阅读这个主题，或直接跳到你需要的文章。
Follow this topic in order, or jump to the article you need.
按顺序阅读这个主题，或直接跳到你需要的文章。
Learn which UML diagrams Mermaid supports, where it uses approximations, and when to choose sequence, class, state, ER, flowchart, or PlantUML.
Explore copyable PlantUML examples for sequence, class, ER, C4, activity, component, and state diagrams, then learn how to style, save, and export them.
探索可复制的 PlantUML 时序图、类图、ER 图、C4 架构图、活动图、组件图和状态图示例，并学习如何设置样式、保存和导出。
Choose Mermaid for everyday documentation and PlantUML for formal UML or complex architecture. Compare capabilities, version limits, and delivery scenarios.
日常文档默认 Mermaid，正式 UML 与复杂架构图默认 PlantUML。通过交付物决策、能力矩阵与专项入口，选择适合团队的图表即代码工具。
Learn Mermaid flowchart syntax with practical examples for authentication, CI/CD, microservices, error handling, SSO, and e-commerce workflows.
Learn Mermaid sequence diagram syntax for participants, messages, notes, activation, control flow, and maintainable API documentation with runnable examples.
学习使用字段、方法、可见性、继承、接口、依赖、聚合、组合和多重性构建 PlantUML 类图。
Learn how to style PlantUML diagrams with named colors, hex values, built-in themes, CSS-like styles, and accessible color choices.
学习使用命名颜色、十六进制值、内置主题、类 CSS 样式和无障碍配色来美化 PlantUML 图表。
Create a PlantUML ER diagram with entities, keys, required attributes, and crow's-foot cardinality, and compare IE, Chen, and class diagram notation.
使用实体、键、必填属性和乌鸦脚基数创建 PlantUML ER 图，并比较 IE、Chen 与类图表示法。
Explore copyable PlantUML examples for sequence, class, ER, C4, activity, component, and state diagrams, then learn how to style, save, and export them.
探索可复制的 PlantUML 时序图、类图、ER 图、C4 架构图、活动图、组件图和状态图示例，并学习如何设置样式、保存和导出。
Control PlantUML layout with direction, containers, spacing, layout engines, and restrained relationship hints without fragile positioning hacks.
使用方向、容器、间距、布局引擎和克制的关系提示控制 PlantUML 布局，避免脆弱的定位技巧。
Learn why PlantUML newpage shows one image in OnUML and split long sequence diagrams into tabs that can be previewed, saved, and exported.
