工程能力之C4模型

概述

刚在InfoQ上看到一篇介绍C4Model的文章,觉得这个模型设计的很赞,很有指导意义,做个简单的记录.

Why,为什么需要架构图?

ThoughtWorks中国 文章中有几句话我觉得很有道理,这里直接摘抄.

“纸上的不是架构,每个人脑子里的才是” ; “那些精妙的方案之所以落不了地,是因为没有在设计上兼容人类的愚蠢”。

我觉得,软件工程,或者软件中的术语发明的原因就是为了减少沟通的障碍,让大家在一个 平台 上对话.

而架构图可以起到如下作用;

  1. 一方面: 让软件的开发人员自己,以及和软件开发相关的用户,PM等人员都能快速了解一个系统的业务模型;
  2. 另一方面: 利于开发人员相互之间协作,定下方案,因为自然语言是有模糊地带的,难以无歧义的传达;
  3. 利于软件系统的维护,一图胜千言.

What,C4 是什么呢?

详细的讲解,可以参考InfoQ的文章,这里做个总结.

C4 4个单词的首字母为C的单词的代表, 分别为: 上下文(Context),容器(Container),组件(Component)和代码(Code);

依据不同的受众,分别抽象出了这四个级别.其中容器(应用程序、数据存储、微服务等,组件和代码来描述一个软件系统的静态结构.

第 1 层:系统上下文

显示了正在构建的软件系统,以及构建的系统与用户及其他软件系统之间的关系。
这个层级的图,关注的是用户层面看到的关系,注重的是和准备开发的系统与外部系统和交互人之间的关系.

将用户,你的代建系统,已有的其他系统用不同的颜色进行区分;

第 2 层:容器

将软件系统放大,显示组成该软件系统的容器(应用程序、数据存储、微服务等)。

在这个层级,已经关注系统本身了,开始关注这个系统有哪些部分组成,不过粒度非常粗.

第 3 层:组件

将单个容器放大,以显示其中的组件。这些组件映射到代码库中的真实抽象(例如一组代码)。

在这个层级,关注的已经是系统中的模块具体的功能了,这部分可能对应了具体的功能模块.

第 4 层:代码

如若必要,可以放大个别组件,以显示该组件的实现方式。 一般以UML图的形式展示;

这个层级,是具体的开发人员关注的实现细节了,用于具体的功能逻辑的分析和展示.

How,怎能画图呢?

在C4官网,下有个Tooling节点,讲述了目前已有的几个画图工具.

参考

  1. 用于软件架构的C4模型
  2. 可视化架构设计——C4介绍
  3. C4官网

转载于:https://www.cnblogs.com/jnienv/p/10701981.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/363101.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[silverlight基础]仿文字连接跑马灯效果-高手绕道

运行效果如下:分析示意图&#xff1a;代码:1<Canvas x:Name"a"Background"AliceBlue"MouseEnter"a_MouseEnter"MouseLeave"a_MouseLeave"Cursor"Hand">2<Canvas.Clip>3<RectangleGeometry RadiusX"0&qu…

Hibernate脏检查的剖析

介绍 持久性上下文使实体状态转换进入队列&#xff0c;该实体状态转换在刷新后转换为数据库语句。 对于托管实体&#xff0c;Hibernate可以代表我们自动检测传入的更改并安排SQL UPDATE。 这种机制称为自动脏检查 。 默认的脏检查策略 默认情况下&#xff0c;Hibernate检查所有…

http GET 和 POST 请求的优缺点、区别以及误区

原文章&#xff1a;https://blog.csdn.net/qq_28483283/article/details/80207674 请优先参考原文章 Get和Post在面试中一般都会问到&#xff0c;一般的区别&#xff1a; &#xff08;1&#xff09;post更安全&#xff08;不会作为url的一部分&#xff0c;不会被缓存、保存在服…

软件工程第二次作业-VSTS单元测试

一、选择开发工具 开发工具选择 Visual studio 2017 社区版&#xff0c;开发语言为C 由于之前已经安装完毕&#xff0c;所以不上传安装过程&#xff0c;主界面如下&#xff1a; 二、练习自动单元测试 使用的测试工具是VSTS&#xff0c;具体步骤如下&#xff1a; 1.编写一个判断…

随便写写(8)

凌晨两点了&#xff0c;还在捣鼓虚拟机&#xff0c;教师节老师们吃不上饭&#xff0c;罪过可就大了。远程有点慢&#xff0c;还遇到个小问题&#xff0c;.netfx 3.5几次都没装上&#xff0c;看了下日志&#xff0c;好像是ghost里的.netfx 2.0有问题&#xff0c;想卸载之&#x…

React后台管理系统-登录页面

登录页面 <div className"col-md-4 col-md-offset-4"> <div className"panel panel-default login-panel"> <div className"panel-heading">欢迎登录 - MMALL管理系统</div> <div className"panel-body"&g…

识别JVM –比预期的要复杂

在Plumbr&#xff0c;我们花了最后一个月的时间来为将来的重大改进奠定基础。 此类构件之一是为JVM添加唯一标识符&#xff0c;以便将来自同一JVM的所有会话链接在一起。 虽然一开始看起来似乎很琐碎的任务&#xff0c;但是当查看JVM捆绑的jps命令的输出时&#xff0c;围绕该问…

随记3

查看本机ip&#xff1a;ifconfig | grep "inet " | grep -v 127.0.0.1去两端空格&#xff1a;rowrow.strip(\t)替换\n \r \t 为空&#xff1a;row row.replace(\r,).replace(\n,).replace(\t,’)字符串长度&#xff1a;aa ‘afebb’ print(len(aa))列表 List列表…

求一架构 : 保留历史数据

最近做一个学校管理系统&#xff0c;当中遇到一个比较麻烦的问题“保留历史数据”&#xff0c;很疑惑&#xff0c;说出来大家讨论下&#xff0c;相信很多人也遇到同样的问题。校方提出需求如下&#xff1a;1.要保留学期留历史数据比如&#xff1a;●  一年级一班2008-2009上学…

React后台管理系统-品类的增加、修改和查看

1.页面 2.品类列表展示 let listBody this.state.list.map((category, index) > { return ( <tr key{index}> <td>{category.id}</td> <td>{category.name}</td> <td> <a className"opear" onClick{(e) > this.onUpda…

hdu5111 树链剖分,主席树

hdu5111 链接 hdu 思路 先考虑序列上如何解决。 1 3 2 5 4 1 2 4 5 3 这个序列变成 1 2 3 4 5 1 3 5 5 2 是对答案没有影响的(显然)。 然后查询操作\(l,r,L,R\)就是&#xff0c; 一段连续的区间\([L,R]\)内包含几个值在\([l,r]\)的数字个数. 主席树就可以做了。\(query(rt[L-1]…

使用log4j监视和筛选应用程序日志到邮件

在今天的帖子中&#xff0c;我将向您展示如何将日志语句过滤为警告电子邮件。 这是出于监视我正在处理的一个应用程序的一些关键点的需要。 您可以使用一些工具来执行应用程序监视。 我不会详细介绍这些工具&#xff0c;但有时让应用程序发送警告电子邮件会更容易。 我主要将l…

FF

ietab :IE 内核tab mix plus &#xff1a;管理TABfirebug live http headersminimizeToTray安装插件方法&#xff1a;file-open file - select "*.xpi"https://addons.mozilla.org/en-US/firefox/https://addons.mozilla.org/en-US/firefox/addon/1419http://l…

Vue node.js商城-购物车模块

一、渲染购物车列表页面 新建src/views/Cart.vue获取cartList购物车列表数据就可以在页面中渲染出该用户的购物车列表数据 data(){ return { cartList:[] // 购物车商品列表 } }, mounted:function(){ this.init(); }, methods:{ init(){ // 初始化商品数据 axios.get(/users/…

RxJava + Java8 + Java EE 7 + Arquillian =幸福

微服务是一种体系结构样式&#xff0c;其中每个服务都实现为一个独立的系统。 他们可以使用自己的持久性系统&#xff08;尽管不是强制性的&#xff09;&#xff0c;部署&#xff0c;语言等。 由于系统由一个以上的服务组成&#xff0c;因此每个服务将与其他服务通信&#xff…

C# -- RSA加密与解密

1. RSA加密与解密 -- 使用公钥加密、私钥解密 public class RSATool{public string Encrypt(string strText, string strPublicKey){RSACryptoServiceProvider rsa new RSACryptoServiceProvider();rsa.FromXmlString(strPublicKey);byte[] byteText Encoding.UTF8.GetByt…

React后台管理系统-file-uploader组件

1.React文件上传组件github地址: https://github.com/SoAanyip/React-FileUpload 2.Util里边新建file-uploader文件夹&#xff0c;里边新建index.jsx import React from react; import FileUpload from ./react-fileupload.jsx; class FileUploader extends React.Component{…

经典代码收藏

1. οncοntextmenu"window.event.returnvaluefalse" 将彻底屏蔽鼠标右键 <table border οncοntextmenureturn(false)><td>no</table> 可用于Table 2. <body onselectstart"return false"> 取…

js 实现文件导出、文件下载

1、通过创建a标签&#xff0c;实现下载功能 function downLoad(content,fileName){var aEle document.createElement("a");// 创建a标签// blob new Blob([content]); aEle.download fileName;// 设置下载文件的文件名//aEle.href URL.createObjectUrl(blob);aEl…

VMware Station NAT上网模式配置

转载于:https://www.cnblogs.com/MimiSnowing/p/10718235.html