C4-Model 布局

最新推荐文章于 2023-09-03 14:05:49 发布
最新推荐文章于 2023-09-03 14:05:49 发布
阅读量917 收藏 3
点赞数
分类专栏： C4-Model 文章标签： uml 软件架构
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42925643/article/details/120639747
版权

本文章描述基于 C4-Model + PlantUML + VSCode 开发设计软件架构，相关环境搭建参看：C4-Model 开发环境搭建

布局

1. Rel_

在这里插入图片描述

函数名
Rel_($e_index, $alias1, $alias2, $label, $direction): C4_Dynamic
Rel_($e_index, $alias1, $alias2, $label, $techn, $direction):C4_Dynamic
Rel_($alias1, $alias2, $label, $direction):C4
Rel_($alias1, $alias2, $label, $techn, $direction):C4
参数
e_index用于设置链接的序号
alias1(必须)链接的起始节点
alias2(必须)链接的目标节点
label为链接增加标签
techn为链接增加一个技术栈如：[C/C++]
direction为链接增加一个方向
"-U->>"
"-D->>"
"-L->>"
"-R->>"
link增加一个链接，实现点击跳转的功能

2. (Bi)Rel(Index)_ (Back)_(Neighbor)

在这里插入图片描述

Bi.*函数名中包含Bi为双向链接，否则为单向链接
.*RelIndex.*函数名中包含Index则第一个参数为索引设置，可以通过这个参数设置序号
.*Rel.*Back.*函数中包含Back则链接为逆向链接
.*Rel.*Neighbor函数中包含Neighbor则链接为水平链接，两个节点在一条水平线上，默认左右关系
函数名
Rel($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
BiRel($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
Rel_Back($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_Back($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
Rel_Neighbor($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
Rel_Back_Neighbor($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
BiRel_Neighbor($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_Neighbor($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_Back_Neighbor($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
参数
e_index当函数名中包含Index，此参数为必须参数，通过这个参数可以自定义序号
from(必须)链接节点的起始节点
to链接节点的目标节点
label为链接增加一个标签
techn为链接增加一个技术栈如：[C/C++]
descr为链接增加一个描述
sprite为链接设置一个自定义的样式
tags为链接设置一个自定义的标签
link增加一个链接，实现点击跳转的功能

3. (Bi)Rel(Index)_(Back) _方向

在这里插入图片描述

Bi.*函数名中包含Bi为双向链接，否则为单向链接
.*RelIndex.*函数名中包含Index则第一个参数为索引设置，可以通过这个参数设置序号
.*Rel.*Back.*函数中包含Back则链接为逆向链接
方向
D / Down ⬇️
U / Up ⬆️
L / Left ⬅️
R / Right ➡️
函数名
Rel_D / Down($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_D / Down($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
BiRel_D / Down($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
Rel_U / Up($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_U / Up($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
BiRel_U / Up($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
Rel_L / Left($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_L / Left($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
BiRel_L / Left($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
Rel_R / Right($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
RelIndex_R / Right($e_index, $from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
BiRel_R / Right($from, $to, $label, $techn="", $descr="", $sprite="", $tags="", $link="")
参数参见 ：(Bi)Rel(Index)_ (Back)_(Neighbor)

4. Lay_**

在这里插入图片描述

函数名
Lay_D / Down($from, $to)
Lay_U / Up($from, $to)
Lay_L / Left($from, $to)
Lay_R / Right($from, $to)
参数
from两个节点位置的起始节点
to两个节点位置的目标节点

5. Lay_Distance

在这里插入图片描述
由于PlantUML Bug，这个方法无法设置方向，如果要设置方向需要使用 Lay_… 方法

函数名
Lay_Distance($from, $to, $distance="0")
参数
from两个节点位置的起始节点
to两个节点位置的目标节点
distance设置两个节点间的距离

6. LAYOUT_LEFT_RIGHT

左右布局
在这里插入图片描述

7. LAYOUT_TOP_DOWN

上下布局，上下布局为默认布局
在这里插入图片描述

8. LAYOUT_LANDSCAPE

自由布局
在这里插入图片描述

9. LAYOUT_WITH_LEGEND

显示所有图例
在这里插入图片描述

10. SHOW_LEGEND

显示用到的图例,
SHOW_LEGEND(true) : 显示图例，隐藏标签
在这里插入图片描述

SHOW_LEGEND(false) : 显示图例，显示标签
在这里插入图片描述

11. SHOW_FLOATING_LEGEND

在制定位置显示图例
在person后，container前显示图例
在这里插入图片描述

12. LAYOUT_AS_SKETCH

手绘风格
在这里插入图片描述

13. HIDE_STEREOTYPE

隐藏标签
在这里插入图片描述

14. HIDE_PERSON_SPRITE

隐藏成员的图标，不隐藏其他节点的图标
在这里插入图片描述

15. SHOW_PERSON_SPRITE

显示成员的图标
第一个成员隐藏图标，第二个成员显示图标
在这里插入图片描述

16. SHOW_PERSON_PORTRAIT

调用SHOW_PERSON_PORTRAIT后成员节点不显示背景色
在这里插入图片描述

17. SHOW_PERSON_OUTLINE

将属性显示在图标内
在这里插入图片描述

wzhangggg
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C4-EP3题库.pdf
06-05
SDN控制器是软件定义网络（SDN）中的应用程序，负责流量控制以确保智能网络。SDN控制器是基于如OpenFlow等协议的，允许服务器告诉交换机向哪里发送数据包。 [1] 事实上，SDN控制器是作为网络的一种操作系统（OS）。控制器不控制网络硬件而是作为软件运行，这样有利于网络自动化管理。基于软件的网络控制使得集成业务申请和网络更容易。 IBM的可编程网络控制器运行在Linux上。IBM的SDN控制器管理和配置OpenFlow 1.0网络，通过在网络控制器的顶部提供一个虚拟层。IBM的控制器允许第三方软件开发人员编写自己的应用程序。 一些供应商提出了专有的SDN控制器。所以，一个供应商的控制器不会总运行在另一个供应商的控制器上。其它网络供应商包括惠普（HP）、思科、VMWare、和瞻博网络，正在积极参与到SDN中。
C4模型理解
09-18 712
谈C4前说两句架构设计，“纸上的不是架构，每个人脑子里的才是架构“。还有一句就是，“那些精妙的方案之所以落不了地，是因为设计上没有兼容人类的愚蠢”，即把思想问题转变成情绪问题。）认可这两句话本身是一种无奈，但架构师还是得手持架构原则去做好每一个架构方案，架构方案的落地都是艺术品。Software System 和Container：可以映射到应用组件（Code：ArchiMate中没有类似概念，可映射到应用功能 （Person：C4中代表系统使用人，可映射到业务参与者。
C4模型理论与示例
编程是一门实践技术
03-30 593
主要用于大型系统规划与设计，C4-MODEL：主要设计理念类似于地图，C4关键要素包括：关系——带箭头的线、元素——方块和角色、关系描述——线上的文字、元素的描述——方块和角色里的文字、元素的标记——方块和角色的颜色、虚线框。
架构师基础篇之如何画架构图C4模型
mclongyi的专栏
06-10 3606
通过C4模型指定我们如何画架构图能清晰的展现软件的架构
C4 model技术架构图--context图
LitongZero的博客
02-09 2890
C4 model技术架构图–context图 在设计系统架构图时，包括常见的技术架构图和业务架构图。 技术架构图架构图不止在前期设计系统时重要，在后期开发或者维护的时作为指导也同样重要。 一.关于C4 model 官方网址 属于技术架构图的一种格式，C4 分别表示上下文（Context）、容器（Container）、组件（Component）和代码（Code）。四个层次，分别对应不同的角度。 C4 model 架构图的系统拆分，其实与微服务拆分和DDD领域拆分的思想非常像。拆分的合理，才能保证系统的开发
架构：C4 Model
weixin_44110080的博客
09-03 537
架构：c4模型简介和绘制
What is the C4 model?
你学废了吗？
01-24 1007
Visualising this hierarchy of abstractions is then done by creating a collection of Context, Container, Componentand, Code (e.g. UML class) diagrams. This is where the C4 model gets its name from.
C4模型
默默草
02-14 9194
用于软件架构的 C4 模型关键要点 关键要点 由于向敏捷转型，软件架构图的使用规模已经大幅缩减。即使有在使用软件架构图，它们往往也混淆不清。 C4 模型由一系列分层的软件架构图组成，这些架构图用于描述上下文、容器、组件和代码。C4 图的层次结构提供了不同的抽象级别，每种抽象级别都与不同的受众有关。 为了避免出现含糊不清的情况，可以在图中包含足够数量的文本和关键的图例。 软件架构图是一种非常好的...
作为架构师你应该知道 - C4 model
qianshanding0708的博客
09-05 3891
概述最近在开发系统中，发现需要一种方式来构建对于当前系统的理解和细化，UML是我一下子映入脑海的方式，但是很久不再接触了，刚好在前段时间看到关于C4model相关文章，刚...
C4 MODEL
glenshappy的专栏
06-01 262
用于软件架构的 C4 模型 Simon Brown 无明 2018 年 6 月 30 日 架构语言 & 开发文化 & 方法 关键要点 由于向敏捷转型，软件架构图的使用规模已经大幅缩减。即使有在使用软件架构图，它们往往也混淆不清。 C4 模型由一系列分层的软件架构图组成，这些架构图用于描述上下文、容器、组件和代码。C4 图的层次结构提供了不同的抽象级别，每种抽象级别都与不同的受众有关。 为了避免出现含糊不清的情况，可以在图中包含足够数量的文本和关键的图例。 软件架构.
c4模型指导书 - 可视化
07-23
C4模型架构下的structural指导建议书，用一个GIS系统为例，讲述了如何运用C4进行建模 - 可视化指导版本，包含全天课程中所有白板板书照片
c4-draw.io:包含C4模型形状的Draw.io模板图。 绘画
05-23
c4-draw.io 该文件为格式，可以直接在draw.io中进行编辑 因为它不是插件，所以将不需要draw.io插件弹出窗口-使其他人更容易编辑该图。 快速开始 单击下面的链接以将文件加载到： 从XML加载形状库 c4.drawio.library.xml是一个库定义，可以将其导入到现有的draw.io图中，并以库的形式提供C4模型形状。 要导入形状库，请先下载XML，然后在draw.io中转到“文件” ->“从->设备打开库” ，然后从设备中选择XML文件。 编辑中 只需复制并粘贴形状。 要编辑形状数据，请选择一个形状，然后按Cmd + M（在Mac上）。 如果愿意，可以将文件另存为.png（带有嵌入式XML），以便于查看。 图表 学分 C4Model作者：Simon Brown- ://c4model.com/
c4-model-for-draw.io:模型C4的元素集
04-03
文献资料 关于C4模型 创建C4模型是为了帮助软件开发团队在前期设计会议期间以及回顾性地记录现有代码库时描述和交流软件体系结构。 这是一种以各种细节级别创建代码映射的方法，就像您使用Google Maps之类的工具来放大或缩小您感兴趣的区域一样。 C4模型由Simon Brown理想化，其文档可在。 关于这个项目 该项目的元素是为绘图软件开发的，并且基于C4模型来可视化软件体系结构。 如何使用元素 下载此项目的最新版本。 在浏览器或桌面上安装的应用中打开 打开应用程序后，单击“文件”，然后单击“打开库”。 转到保存发行版的文件夹，然后选择文件Library C4 Model.xml，您就完成了！ 可用元素 中的所有可用元素。 积分和有趣的工具 ：用于在示例图中生成随机名称 ：用于生成英语文档
机械臂c4-a601c
07-02
机械臂c4-a601c
C4-PlantUML:C4-PlantUML结合了PlantUML和C4模型的优点，以提供一种描述和交流软件体系结构的简单方法
03-14
C4-植物UML C4-PlantUML结合了和的优点，提供了一种使用开放源代码和平台独立工具的直观语言来描述和交流软件体系结构的简便方法（尤其是在前期设计会议期间），尤其是在这种情况下。 C4-PlantUML包含用于使用PlantUML创建C4图的宏，构造型和其他优点（例如VSCode代码段）。 入门 在C4 PlantUML .puml文件的顶部，您需要包括在此存储库root中找到的C4_Context.puml ， C4_Container.puml或C4_Component.puml文件。 为了独立于任何Internet连接，您还可以下载在root目录中找到的文件，并使用其他命令行参数-DRELATIVE_INCLUDE="."激活本地转换-DRELATIVE_INCLUDE="." （包括本地文件） java - jar plantuml . jar - DRELATI
C4-Model 开发环境搭建
weixin_42925643的博客
10-08 662
环境搭建1. 下载 C4-PlantUML2. 安装 VS-CODE 插件3. 创建PlantUML工程 开发环境由 Vs-Code + PlantUML + C4-PlantUML组合完成， 1. 下载 C4-PlantUML cd ~ # 我放在用户根目录，读者可以按照实际情况存放 git clone https://github.com/plantuml-stdlib/C4-PlantUML.git 2. 安装 VS-CODE 插件 PlantUML 插件 ：PlantUML Rich P
C4-Model Component
weixin_42925643的博客
10-07 382
Component1. Component2. ComponentDb3. ComponentQueue4. Component_Ext5. ComponentDb_Ext6. ComponentQueue_Ext7. AddComponentTag8. AddExternalComponentTag9. 代码示例 1. Component 函数名 Component($alias, $label, $techn="", $descr="", $sprite="", $ta
C4-Model Container
weixin_42925643的博客
10-07 518
Container1. Container2. ContainerDb3. ContainerQueue4. Container_Ext5. ContainerDb_Ext6. ContainerQueue_Ext7. Container_Boundary8. AddContainerTag 1. Container 函数名 Container($alias, $label, $techn="", $descr="", $sprite="", $tags="", $link
用PlantUML+graphviz+C4 Model画架构图
一路向前ylc
01-10 2363
前言 作为程序员，写文档，画流程图是必不可少的，画图的工具也是根据每个人的喜好进行选择，有的选择Visio，有的选择PowerDesigner，还有直接用在线的processOn等。这些工具各有优劣，都能实现画图的目标。但也有一些不足，比如：如何跟团队其他成员进行共享？目前看只能拷贝源文件或复制链接，如何进行版本控制？因为画图也是一个不断迭代的过程，也会有回到之前历史版本的情况。那么今天要跟大家介绍的这个画图软件，就是基于代码进行绘制，也就是现在所说的Diagrams as code，能够和代码一样放在像
cmmt-as-c4-3a-mp-ss与1200profinet
最新发布
10-01
CMMT-AS-C4-3A-MP-SS是一个特定的产品型号，而PROFINET是一种工业以太网通信协议。CMMT-AS-C4-3A-MP-SS是一个由某个制造商生产的特定马达驱动器产品型号，它的主要功能是控制和驱动电动马达。该产品型号的命名方式通常包含一些特定的信息，比如CMMT表示该马达驱动器系列为CMMT系列，AS代表该驱动器具有自动切换功能，C4表示马达驱动器能够控制4个马达，3A表示输出电流为3安培，MP表示该马达驱动器具有多位置型能力，SS表示该驱动器具有安全停止功能。 而PROFINET是一种工业自动化领域中常用的通信协议，它使用以太网作为传输媒介，可以在工业设备和控制系统之间进行高速、可靠的数据通信。PROFINET支持实时通信，并支持对设备进行远程配置和监控。它具有强大的网络管理功能和高度灵活的拓扑结构，可以适应各种不同的工业自动化场景。PROFINET被广泛应用于各种工业领域，包括制造、物流、能源等。 因此，CMMT-AS-C4-3A-MP-SS与PROFINET并不是同一个概念，前者是一个特定的产品型号，而后者是一种通信协议。在某些应用场景下，CMMT-AS-C4-3A-MP-SS可能会使用PROFINET作为其通信协议，以实现与其他设备之间的数据交换和控制。使用PROFINET可以提高设备之间的通信效率和可靠性，促进工业自动化系统的集成和协同工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值