工信部备案系统网站,wordpress 搜索结果高亮,兰州网站排名公司,自适应网站 与响应式1.UML概述
UML#xff08;Unified modeling language UML#xff09;统一建模语言#xff0c;是一种用于软件系统分析和设计的语言工具#xff0c;它用于帮助软件开发人员进行思考和记录思路。
类图是描述类与类之间的关系的#xff0c;是UML图中最核心的。类图的是用于…1.UML概述
UMLUnified modeling language UML统一建模语言是一种用于软件系统分析和设计的语言工具它用于帮助软件开发人员进行思考和记录思路。
类图是描述类与类之间的关系的是UML图中最核心的。类图的是用于描述系统中类对象本身的组成和类对象之间的各种静态关系。类关系涉及 依赖、关联、聚合、组合、实现、泛化(继承) 这六种关系耦合度依次递增。
2.Mermaid 类图
mermaid地址Mermaid Github
mermaid是一种JavaScript库, 可以用于生成流程图、序列图、甘特图等各种图表。由于其简单易用、功能强大,越来越多的人开始使用它来创建图表。
本人大部分情况下是在Markdown文档中使用Mermaid加上IDEA也可以直接导出Mermaid格式的类图整理笔记比较方便。
因此本文档的软件环境为IDEA为代码编辑器、Obsidian为Markdown编辑器。以此为参考。
本文主要演示Mermaid类图的画法。
一些关键字如下
关键字定义classDiagram定义类图class{}定义一个类属性和方法写在{}内如无内容则不写{}权限公共-权限私有#权限保护~权限包 / 内部$静态
Markdown中格式如下 3.类属性与方法
类格式class 类名{} 如果类内容为空则省略{}。比如class Object、class Person{}属性 格式权限 类型 属性名比如- String name方法格式权限 方法名(参数类型) 返回值类型 比如 goSchool(Bus) boolean
classDiagram
class Student{- String name Integer age goSchool(Bus) boolean- goHome() String# doHomework() Object[]~ examine() List~string~
}#mermaid-svg-2tRcXhx9LX71nXCm {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-2tRcXhx9LX71nXCm .error-icon{fill:#552222;}#mermaid-svg-2tRcXhx9LX71nXCm .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-2tRcXhx9LX71nXCm .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-2tRcXhx9LX71nXCm .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-2tRcXhx9LX71nXCm .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-2tRcXhx9LX71nXCm .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-2tRcXhx9LX71nXCm .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-2tRcXhx9LX71nXCm .marker{fill:#333333;stroke:#333333;}#mermaid-svg-2tRcXhx9LX71nXCm .marker.cross{stroke:#333333;}#mermaid-svg-2tRcXhx9LX71nXCm svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-2tRcXhx9LX71nXCm g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-2tRcXhx9LX71nXCm g.classGroup text .title{font-weight:bolder;}#mermaid-svg-2tRcXhx9LX71nXCm .nodeLabel,#mermaid-svg-2tRcXhx9LX71nXCm .edgeLabel{color:#131300;}#mermaid-svg-2tRcXhx9LX71nXCm .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-2tRcXhx9LX71nXCm .label text{fill:#131300;}#mermaid-svg-2tRcXhx9LX71nXCm .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-2tRcXhx9LX71nXCm .classTitle{font-weight:bolder;}#mermaid-svg-2tRcXhx9LX71nXCm .node rect,#mermaid-svg-2tRcXhx9LX71nXCm .node circle,#mermaid-svg-2tRcXhx9LX71nXCm .node ellipse,#mermaid-svg-2tRcXhx9LX71nXCm .node polygon,#mermaid-svg-2tRcXhx9LX71nXCm .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-2tRcXhx9LX71nXCm .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-2tRcXhx9LX71nXCm g.clickable{cursor:pointer;}#mermaid-svg-2tRcXhx9LX71nXCm g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-2tRcXhx9LX71nXCm g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-2tRcXhx9LX71nXCm .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-2tRcXhx9LX71nXCm .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-2tRcXhx9LX71nXCm .dashed-line{stroke-dasharray:3;}#mermaid-svg-2tRcXhx9LX71nXCm #compositionStart,#mermaid-svg-2tRcXhx9LX71nXCm .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #compositionEnd,#mermaid-svg-2tRcXhx9LX71nXCm .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #dependencyStart,#mermaid-svg-2tRcXhx9LX71nXCm .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #dependencyStart,#mermaid-svg-2tRcXhx9LX71nXCm .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #extensionStart,#mermaid-svg-2tRcXhx9LX71nXCm .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #extensionEnd,#mermaid-svg-2tRcXhx9LX71nXCm .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #aggregationStart,#mermaid-svg-2tRcXhx9LX71nXCm .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm #aggregationEnd,#mermaid-svg-2tRcXhx9LX71nXCm .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-2tRcXhx9LX71nXCm .edgeTerminals{font-size:11px;}#mermaid-svg-2tRcXhx9LX71nXCm :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} Student - String name Integer age goSchool(Bus) -goHome() #doHomework() ~examine() 4.类注释
注释有两种
一种是表明类性质的标记型注释一种是单纯的注释写在%%后面解析器会自动忽略该行内容比如
classDiagram
%% 这是一个注释解析器自动忽略
class Student特殊标记包括
interface 接口abstract 抽象类service 服务等级enumeration 枚举
定义方式有以下两种
方式1定义在类之后的单独一行
classDiagram
class ICourse{ String name select() Boolean
}
interface ICourse#mermaid-svg-WQAUPWClAwxIBYPQ {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-WQAUPWClAwxIBYPQ .error-icon{fill:#552222;}#mermaid-svg-WQAUPWClAwxIBYPQ .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-WQAUPWClAwxIBYPQ .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-WQAUPWClAwxIBYPQ .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-WQAUPWClAwxIBYPQ .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-WQAUPWClAwxIBYPQ .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-WQAUPWClAwxIBYPQ .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-WQAUPWClAwxIBYPQ .marker{fill:#333333;stroke:#333333;}#mermaid-svg-WQAUPWClAwxIBYPQ .marker.cross{stroke:#333333;}#mermaid-svg-WQAUPWClAwxIBYPQ svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-WQAUPWClAwxIBYPQ g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-WQAUPWClAwxIBYPQ g.classGroup text .title{font-weight:bolder;}#mermaid-svg-WQAUPWClAwxIBYPQ .nodeLabel,#mermaid-svg-WQAUPWClAwxIBYPQ .edgeLabel{color:#131300;}#mermaid-svg-WQAUPWClAwxIBYPQ .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-WQAUPWClAwxIBYPQ .label text{fill:#131300;}#mermaid-svg-WQAUPWClAwxIBYPQ .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-WQAUPWClAwxIBYPQ .classTitle{font-weight:bolder;}#mermaid-svg-WQAUPWClAwxIBYPQ .node rect,#mermaid-svg-WQAUPWClAwxIBYPQ .node circle,#mermaid-svg-WQAUPWClAwxIBYPQ .node ellipse,#mermaid-svg-WQAUPWClAwxIBYPQ .node polygon,#mermaid-svg-WQAUPWClAwxIBYPQ .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-WQAUPWClAwxIBYPQ .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-WQAUPWClAwxIBYPQ g.clickable{cursor:pointer;}#mermaid-svg-WQAUPWClAwxIBYPQ g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-WQAUPWClAwxIBYPQ g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-WQAUPWClAwxIBYPQ .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-WQAUPWClAwxIBYPQ .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-WQAUPWClAwxIBYPQ .dashed-line{stroke-dasharray:3;}#mermaid-svg-WQAUPWClAwxIBYPQ #compositionStart,#mermaid-svg-WQAUPWClAwxIBYPQ .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #compositionEnd,#mermaid-svg-WQAUPWClAwxIBYPQ .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #dependencyStart,#mermaid-svg-WQAUPWClAwxIBYPQ .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #dependencyStart,#mermaid-svg-WQAUPWClAwxIBYPQ .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #extensionStart,#mermaid-svg-WQAUPWClAwxIBYPQ .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #extensionEnd,#mermaid-svg-WQAUPWClAwxIBYPQ .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #aggregationStart,#mermaid-svg-WQAUPWClAwxIBYPQ .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ #aggregationEnd,#mermaid-svg-WQAUPWClAwxIBYPQ .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-WQAUPWClAwxIBYPQ .edgeTerminals{font-size:11px;}#mermaid-svg-WQAUPWClAwxIBYPQ :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} «interface» ICourse String name select() 方式2与类一起定义在嵌套结构中
classDiagram
class Gender{enumerationMALEFEMALE
}#mermaid-svg-MG8E9oWHgGJpnqTA {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-MG8E9oWHgGJpnqTA .error-icon{fill:#552222;}#mermaid-svg-MG8E9oWHgGJpnqTA .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-MG8E9oWHgGJpnqTA .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-MG8E9oWHgGJpnqTA .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-MG8E9oWHgGJpnqTA .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-MG8E9oWHgGJpnqTA .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-MG8E9oWHgGJpnqTA .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-MG8E9oWHgGJpnqTA .marker{fill:#333333;stroke:#333333;}#mermaid-svg-MG8E9oWHgGJpnqTA .marker.cross{stroke:#333333;}#mermaid-svg-MG8E9oWHgGJpnqTA svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-MG8E9oWHgGJpnqTA g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-MG8E9oWHgGJpnqTA g.classGroup text .title{font-weight:bolder;}#mermaid-svg-MG8E9oWHgGJpnqTA .nodeLabel,#mermaid-svg-MG8E9oWHgGJpnqTA .edgeLabel{color:#131300;}#mermaid-svg-MG8E9oWHgGJpnqTA .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-MG8E9oWHgGJpnqTA .label text{fill:#131300;}#mermaid-svg-MG8E9oWHgGJpnqTA .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-MG8E9oWHgGJpnqTA .classTitle{font-weight:bolder;}#mermaid-svg-MG8E9oWHgGJpnqTA .node rect,#mermaid-svg-MG8E9oWHgGJpnqTA .node circle,#mermaid-svg-MG8E9oWHgGJpnqTA .node ellipse,#mermaid-svg-MG8E9oWHgGJpnqTA .node polygon,#mermaid-svg-MG8E9oWHgGJpnqTA .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-MG8E9oWHgGJpnqTA .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-MG8E9oWHgGJpnqTA g.clickable{cursor:pointer;}#mermaid-svg-MG8E9oWHgGJpnqTA g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-MG8E9oWHgGJpnqTA g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-MG8E9oWHgGJpnqTA .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-MG8E9oWHgGJpnqTA .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-MG8E9oWHgGJpnqTA .dashed-line{stroke-dasharray:3;}#mermaid-svg-MG8E9oWHgGJpnqTA #compositionStart,#mermaid-svg-MG8E9oWHgGJpnqTA .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #compositionEnd,#mermaid-svg-MG8E9oWHgGJpnqTA .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #dependencyStart,#mermaid-svg-MG8E9oWHgGJpnqTA .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #dependencyStart,#mermaid-svg-MG8E9oWHgGJpnqTA .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #extensionStart,#mermaid-svg-MG8E9oWHgGJpnqTA .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #extensionEnd,#mermaid-svg-MG8E9oWHgGJpnqTA .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #aggregationStart,#mermaid-svg-MG8E9oWHgGJpnqTA .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA #aggregationEnd,#mermaid-svg-MG8E9oWHgGJpnqTA .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-MG8E9oWHgGJpnqTA .edgeTerminals{font-size:11px;}#mermaid-svg-MG8E9oWHgGJpnqTA :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} «enumeration» Gender MALE FEMALE 5.类关系重要
常用的类关系有以下几种按照耦合度由低到高排序
关系图形mermaid符号说明依赖..只要在类中引用了另一个类的类那么它们之间就是依赖关系。比如类A中有方法m方法m的返回值类型为类B此时类A与类B依赖。关联--相较于依赖关系关联关系的依赖性更高。比如类A中有成员属性b此时类A与类B关联。聚合--o关联性是更强的关联关系。是整体和个体的关系。但二者可分割。比如类A中有成员属性b并且属性b通过setter赋值此时二者就是聚合关系。组合*--关联性是更强的关联关系。是整体和部分的关系。二者不可分割。比如类A中有成员属性b并且属性b是在类A的构造方法中赋值此时二者就是组合关系。实现…|类A实现了类B接口或抽象类泛化(继承)–|类A继承了类B
还包括一些不常用的比如
-- 链接实线.. 链接虚线
表示方式 classDiagramclassA --| classB : InheritanceclassC --* classD : CompositionclassE --o classF : AggregationclassG -- classH : AssociationclassI -- classJ : Link(Solid)classK .. classL : DependencyclassM ..| classN : RealizationclassO .. classP : Link(Dashed)#mermaid-svg-7z9dq4mvgNyKSHcM {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-7z9dq4mvgNyKSHcM .error-icon{fill:#552222;}#mermaid-svg-7z9dq4mvgNyKSHcM .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-7z9dq4mvgNyKSHcM .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-7z9dq4mvgNyKSHcM .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-7z9dq4mvgNyKSHcM .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-7z9dq4mvgNyKSHcM .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-7z9dq4mvgNyKSHcM .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-7z9dq4mvgNyKSHcM .marker{fill:#333333;stroke:#333333;}#mermaid-svg-7z9dq4mvgNyKSHcM .marker.cross{stroke:#333333;}#mermaid-svg-7z9dq4mvgNyKSHcM svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-7z9dq4mvgNyKSHcM g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-7z9dq4mvgNyKSHcM g.classGroup text .title{font-weight:bolder;}#mermaid-svg-7z9dq4mvgNyKSHcM .nodeLabel,#mermaid-svg-7z9dq4mvgNyKSHcM .edgeLabel{color:#131300;}#mermaid-svg-7z9dq4mvgNyKSHcM .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-7z9dq4mvgNyKSHcM .label text{fill:#131300;}#mermaid-svg-7z9dq4mvgNyKSHcM .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-7z9dq4mvgNyKSHcM .classTitle{font-weight:bolder;}#mermaid-svg-7z9dq4mvgNyKSHcM .node rect,#mermaid-svg-7z9dq4mvgNyKSHcM .node circle,#mermaid-svg-7z9dq4mvgNyKSHcM .node ellipse,#mermaid-svg-7z9dq4mvgNyKSHcM .node polygon,#mermaid-svg-7z9dq4mvgNyKSHcM .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-7z9dq4mvgNyKSHcM .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-7z9dq4mvgNyKSHcM g.clickable{cursor:pointer;}#mermaid-svg-7z9dq4mvgNyKSHcM g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-7z9dq4mvgNyKSHcM g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-7z9dq4mvgNyKSHcM .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-7z9dq4mvgNyKSHcM .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-7z9dq4mvgNyKSHcM .dashed-line{stroke-dasharray:3;}#mermaid-svg-7z9dq4mvgNyKSHcM #compositionStart,#mermaid-svg-7z9dq4mvgNyKSHcM .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #compositionEnd,#mermaid-svg-7z9dq4mvgNyKSHcM .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #dependencyStart,#mermaid-svg-7z9dq4mvgNyKSHcM .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #dependencyStart,#mermaid-svg-7z9dq4mvgNyKSHcM .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #extensionStart,#mermaid-svg-7z9dq4mvgNyKSHcM .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #extensionEnd,#mermaid-svg-7z9dq4mvgNyKSHcM .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #aggregationStart,#mermaid-svg-7z9dq4mvgNyKSHcM .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM #aggregationEnd,#mermaid-svg-7z9dq4mvgNyKSHcM .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-7z9dq4mvgNyKSHcM .edgeTerminals{font-size:11px;}#mermaid-svg-7z9dq4mvgNyKSHcM :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} Inheritance Composition Aggregation Association Link(Solid) Dependency Realization Link(Dashed) classA classB classC classD classE classF classG classH classI classJ classK classL classM classN classO classP 6.关系的基数 / 多重性
类图中的多重性或基数表示一个类的实例数这些实例可以链接到另一个类的实例。
比如学生与班级一个学生对应一个班级但一个班级对应多个学生。
选项有
代码说明1只有1个0…10或1个1…*1个或多个*多个nn个(n1)0…n0个到n个(n1)1…n1个到n个(n1)
表示方式
classDiagram
Customer 1 -- * Ticket
Student 1 -- 1..* Course
Galaxy -- many Star : Contains#mermaid-svg-3uXthw7xdMfn0rJJ {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3uXthw7xdMfn0rJJ .error-icon{fill:#552222;}#mermaid-svg-3uXthw7xdMfn0rJJ .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-3uXthw7xdMfn0rJJ .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-3uXthw7xdMfn0rJJ .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-3uXthw7xdMfn0rJJ .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-3uXthw7xdMfn0rJJ .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-3uXthw7xdMfn0rJJ .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-3uXthw7xdMfn0rJJ .marker{fill:#333333;stroke:#333333;}#mermaid-svg-3uXthw7xdMfn0rJJ .marker.cross{stroke:#333333;}#mermaid-svg-3uXthw7xdMfn0rJJ svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-3uXthw7xdMfn0rJJ g.classGroup text{fill:#9370DB;fill:#131300;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-svg-3uXthw7xdMfn0rJJ g.classGroup text .title{font-weight:bolder;}#mermaid-svg-3uXthw7xdMfn0rJJ .nodeLabel,#mermaid-svg-3uXthw7xdMfn0rJJ .edgeLabel{color:#131300;}#mermaid-svg-3uXthw7xdMfn0rJJ .edgeLabel .label rect{fill:#ECECFF;}#mermaid-svg-3uXthw7xdMfn0rJJ .label text{fill:#131300;}#mermaid-svg-3uXthw7xdMfn0rJJ .edgeLabel .label span{background:#ECECFF;}#mermaid-svg-3uXthw7xdMfn0rJJ .classTitle{font-weight:bolder;}#mermaid-svg-3uXthw7xdMfn0rJJ .node rect,#mermaid-svg-3uXthw7xdMfn0rJJ .node circle,#mermaid-svg-3uXthw7xdMfn0rJJ .node ellipse,#mermaid-svg-3uXthw7xdMfn0rJJ .node polygon,#mermaid-svg-3uXthw7xdMfn0rJJ .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-3uXthw7xdMfn0rJJ .divider{stroke:#9370DB;stroke:1;}#mermaid-svg-3uXthw7xdMfn0rJJ g.clickable{cursor:pointer;}#mermaid-svg-3uXthw7xdMfn0rJJ g.classGroup rect{fill:#ECECFF;stroke:#9370DB;}#mermaid-svg-3uXthw7xdMfn0rJJ g.classGroup line{stroke:#9370DB;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5;}#mermaid-svg-3uXthw7xdMfn0rJJ .classLabel .label{fill:#9370DB;font-size:10px;}#mermaid-svg-3uXthw7xdMfn0rJJ .relation{stroke:#333333;stroke-width:1;fill:none;}#mermaid-svg-3uXthw7xdMfn0rJJ .dashed-line{stroke-dasharray:3;}#mermaid-svg-3uXthw7xdMfn0rJJ #compositionStart,#mermaid-svg-3uXthw7xdMfn0rJJ .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #compositionEnd,#mermaid-svg-3uXthw7xdMfn0rJJ .composition{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #dependencyStart,#mermaid-svg-3uXthw7xdMfn0rJJ .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #dependencyStart,#mermaid-svg-3uXthw7xdMfn0rJJ .dependency{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #extensionStart,#mermaid-svg-3uXthw7xdMfn0rJJ .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #extensionEnd,#mermaid-svg-3uXthw7xdMfn0rJJ .extension{fill:#333333!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #aggregationStart,#mermaid-svg-3uXthw7xdMfn0rJJ .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ #aggregationEnd,#mermaid-svg-3uXthw7xdMfn0rJJ .aggregation{fill:#ECECFF!important;stroke:#333333!important;stroke-width:1;}#mermaid-svg-3uXthw7xdMfn0rJJ .edgeTerminals{font-size:11px;}#mermaid-svg-3uXthw7xdMfn0rJJ :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 1 * 1 1..* Contains many Customer Ticket Student Course Galaxy Star
