使用mermaid画类图

最新推荐文章于 2024-09-13 00:03:38 发布
最新推荐文章于 2024-09-13 00:03:38 发布
阅读量3.4k 收藏 16
点赞数 2
分类专栏： UML 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36109528/article/details/120657889
版权
本文介绍了如何使用Mermaid语言来绘制类图，包括泛化、实现、关联、聚合、组合和依赖六种关系，并提供了相应的Mermaid语法示例。文章还探讨了这些关系的强弱顺序。
摘要由CSDN通过智能技术生成

使用mermaid画类图

文章目录

1.类与类之间的关系

mermaid类图关系语法
在这里插入图片描述

  • 泛化（Inheritance）
    • 一种继承关系，表示一般与特殊的关系，它指定了子类如何特化父类的所有特征和行为。例如：老虎是动物的一种，即有老虎的特性也有动物的共性。
    • 箭头指向:带三角箭头的实线，子类指向父类
    • mermaid语法: A --|> B
Dog子类 Animal父类 继承Inheritance
  • 实现（Realization）
    • 一种类与接口的关系，表示类是接口所有特征和行为的实现.
    • 箭头指向:带三角箭头的虚线，箭头指向接口
    • mermaid语法:A ..|> B
最低0.47元/天 解锁文章
mermaid-demo
10-30
这个“mermaid-demo”压缩包文件显然是一个示例集合，展示了如何在HTML环境中使用Mermaid进行图表绘制。下面我们将深入探讨Mermaid的核心特性、使用方法以及它在HTML中的应用。 1. **Mermaid的基本概念**： - **...
Mermaid类图
封楚寒的博客
01-19 5568
Mermaid类图 博客原文 英文原文 Class Diagram 类图用于面向对象对于应用结构概念建模, 也用于把具体的模型翻译成程序代码. 类图也可以用于数据建模 mermaid渲染: #mermaid-svg-zruYZVT1C8bmcQOP .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-zruYZVT1
Markdown 进阶语法：Mermaid 绘图 (一) - 流程图 (Flowchart)
热门推荐
小嗷犬的博客
07-04 1万+
Mermaid是一个基于 JavaScript 的图表绘制工具，它使用类似 Markdown 的简单语法来编写，并动态地将它们渲染成图表。流程图(Flowchart) : 用关键词graph或flowchart表示顺序图(Sequence Diagram) : 用关键词表示类图(Class Diagram) : 用关键词表示状态图(State Diagram) : 用关键词表示实体关系图(Entity Relationship Diagram) : 用关键词erDiagram表示用户旅程图。
常见 Mermaid 图表类型的 prompt 编写
最新发布
pumpkin84514的博客
09-13 1127
以上为针对不同类型 Mermaid 图表的编写 prompt 示例及对应输出结果。这些示例展示了从描述场景到实际 Mermaid 代码生成的全过程，帮助理解每种图表如何通过明确的 prompt 描述进行有效生成。通过练习这些模板，你可以更好地引导 ChatGPT 为不同场景生成合适的 Mermaid 图表代码。
UML类图工具mermaid教程
Cratels学编程
04-01 2269
文章目录写在开始定义类定义类成员定义类之间关系关系类型Dependency依赖Association关联Aggregation聚合Composition组合Generalization泛化Inheritance继承Realization实现类描述注释 写在开始 mermaid可以用代码的形式来画UML类图. UML类图可以清晰地表示类之间的关系,可以帮助程序员的开始敲代码之前进行系统架构,是必须掌握的一门技能. 本文将介绍如何使用开源工具mermaid以代码的形式来画类图.学习UML之间的关系以及merma
mermaid学习笔记之类图
weixin_46275179的博客
06-12 721
显式使用关键字类，例如定义 Animal 类。通过一次定义两个类及其关系的关系。例如。fill:#333;stroke:1;fill:none;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;
Mermaid绘制UML图教程
踏雨歌青春，诗酒趁年华
02-14 3857
本文介绍如何使用Mermaid绘制UML图。Mermaid是一款简单而强大的图形描述语言，通过简单的文本语法，用户可以绘制各种类型的图表。它适用于各种场景，包括流程图、时序图、甘特图等。使用Mermaid，你可以更轻松地表达和分享你的图形设计。
UML之在Markdown中使用Mermaid绘制类图
ifadai的博客
02-05 2666
本文主要演示Mermaid类图的画法
使用Mermaid语法画UML类图
栗少的博客
10-24 803
关于关联，聚合，组合在实现上并没有显著区别，相区别他们只有通过判断关系双方之间的实际关系，如关系强弱、创建与销毁之间有无必要关联等。它们的强弱关系是没有异议的：依赖 < 关联 < 聚合 < 组合泛化（继承）>
Markdown mermaid种草(5)_ 类图
耳东小白的小笔记本儿
02-20 3621
耳东小白倾情推荐，mermaid之类图绘制
mermaid-js_docs.7z
09-08
这个"mermaid-js_docs.7z"压缩包包含了官方的文档，对于想要学习和使用Mermaid JS的人来说是一份非常宝贵的资源。 首先，Mermaid JS 的核心特性在于其易读易写的文本语法。这种语法类似于Markdown，使得非程序员也...
mermaid-live-editor:位置已移至https
04-12
yarn install或者使用Docker运行HTTP服务器docker build -t mermaidjs/mermaid-live-editor https://github.com/mermaidjs/mermaid-live-editor.gitdocker run -d -p 8000:8000 mermaidjs/mermaid-live-editor 并在...
IntelliJ IDEA 使用教程
11-07
### IntelliJ IDEA 使用教程知识点概述 #### 一、IntelliJ IDEA简介 - **定义与特点**：IntelliJ IDEA是一款由JetBrains公司开发的强大且功能全面的集成开发环境（Integrated Development Environment, IDE）。它...
【MERMAID】UML 统一建模语言 —— 类图（Diagram）
おうせき碩の博客
02-03 478
  愿你如阳光，明媚不忧伤。 目録1. UML 概述2. 类成员的可见性及返回值类型3. 类图关系4. 关系的基数 / 多重性5. 类注释5. 完整示例   1. UML 概述 UML （Unified Modeling Language）统一建模语言，是一种为面向对象系统的产品进行说明、可视化和编制文档的一种标准语言，是非专利的第三代建模和规约语言，独立于任何具体程序设计语言。UML立足于对事物的实体、性质、关系、结构、状态和动态变化过程的全程描述和反映，可以从不同角度描述人们所观
Mermaid语法说明
m0_51336955的博客
03-18 1860
quad\quad在中，有两种方式可以定义一个类，直接给出例子-int idfill:#333;stroke:1;fill:none;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;
Mermaid在线生成类图
ezsxrtghjmk的博客
03-28 1712
类图绘制工具~ 提升工作效率~
用Mermaid画流程图、序列图、类图、甘特图
一点
04-29 1217
Mermaid 是一种基于文本的图表定义语言，它允许开发者使用文本和代码的形式来创建图表。这种语言的设计初衷是为了方便版本控制和多人协作，同时简化图表的维护和更新过程。我也是最近在接触到了这个Mermaid，提供了一个强大而灵活的方式来创建图表，特别适合于需要频繁更新图表内容的技术文档和软件开发项目。总的来说这个Mermaid有一定的学习成本，因为有相关大量的语法需要学习，用不用主要看自己吧，了解一些总是百利而无一害的，你说是吧！左手编程，右手年华。大家好，我是一点，关注我，带你走入编程的世界。
Markdown 类图绘制详解
小北的博客
01-18 1472
类图是一种面向对象的建模形式。它是应用系统结构的概念模型，通常与开发时的代码有严格的对应关系。类视图也可以用于数据建模。
mermaid 类图语法
07-28
Mermaid 是一种用于创建类图的文本描述语言。它使用简洁的语法来表示类与类之间的关系、属性和方法。下面是一些常用的 Mermaid 类图语法示例： 1. 创建类和类之间的关系： ``` classDiagram ClassA --|> ClassB // ClassA 继承自 ClassB ClassC --> ClassD // ClassC 关联到 ClassD ClassE --* ClassF // ClassE 关联到多个 ClassF ClassG o-- ClassH // ClassG 聚合了 ClassH ``` 2. 定义类的属性和方法： ``` class ClassA { + publicAttribute: int // 公共属性 - privateAttribute: string // 私有属性 + publicMethod() // 公共方法 - privateMethod() // 私有方法 } ``` 3. 显示类之间的关系： ``` classDiagram ClassA ..> "1" ClassB // ClassA 关联到一个 ClassB ClassC ..> "0..1" ClassD // ClassC 关联到零个或一个 ClassD ClassE ..> "*" ClassF // ClassE 关联到多个 ClassF ClassG ..|> ClassH // ClassG 实现了接口 ClassH ``` 这些只是一些 Mermaid 类图语法的基本示例，你可以根据需要进一步扩展和定制类图。希望对你有所帮助！如果你想了解更多细节，请参考 Mermaid 文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值