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.
Learn Mermaid sequence diagram loop syntax for retries, alternatives, parallel work, critical regions, and early exits with practical control-flow examples.
Copy and adapt practical Mermaid sequence diagram examples for login, payments, database transactions, queues, webhooks, and resilient service workflows.
Use Mermaid sequence diagram Markdown in GitHub, GitLab, and VS Code, then diagnose raw code, version mismatches, rendering failures, and portability problems.
Improve Mermaid sequence diagram style with aliases, boxes, notes, line breaks, highlights, themes, and accessible color choices that render reliably.
Learn which UML diagrams Mermaid supports, where it uses approximations, and when to choose sequence, class, state, ER, flowchart, or PlantUML.
Export PlantUML diagrams from OnUML as PNG or SVG, save editable cloud projects, restore browser drafts, and create public share links.
了解如何从 OnUML 将 PlantUML 图表导出为 PNG 或 SVG、保存可编辑的云端项目、恢复浏览器草稿并创建公开分享链接。
Create PlantUML C4 diagrams for system context, containers, and components using C4-PlantUML macros, reproducible includes, and a connected example.
使用 C4-PlantUML 宏、可复现的引用方式和贯穿始终的示例，创建系统上下文、容器和组件层级的 PlantUML C4 架构图。
Build a PlantUML class diagram with fields, methods, visibility, inheritance, interfaces, dependency, aggregation, composition, and multiplicity.
