精华内容
下载资源
问答
  • 程序员必备技能:如何画好架构图

    千次阅读 多人点赞 2019-04-05 22:21:22
    怎样的架构图架构图 画架构图遇到的常见问题 1、方框代表什么? 2、虚线、实线什么意思?箭头什么意思?颜色什么意思? 3、运行时与编译时冲突?层级冲突? 本文推荐的画图方法 1、语境图(System ...

    目录

    先厘清一些基础概念

    1、什么是架构

    2、什么是架构图

    3、架构图的作用

    4、架构图分类

    怎样的架构图是好的架构图

    画架构图遇到的常见问题

    1、方框代表什么?

    2、虚线、实线什么意思?箭头什么意思?颜色什么意思?

    3、运行时与编译时冲突?层级冲突?

    本文推荐的画图方法

    1、语境图(System Context Diagram)

    2、容器图(Container Diagram)

    3、组件图(Component Diagram)

    4、类图(Code/Class Diagram)

    案例分享


    本文作者阿里巴巴技术专家三画,分享了自己和团队在画好架构图方面的理念和经验,首发于阿里内部技术分享平台,阿里巴巴中间件授权转载,梓敬、鹏升和余乐对此文亦有贡献。

    当我们想用一张或几张图来描述我们的系统时,是不是经常遇到以下情况:

    • 对着画布无从下手、删了又来?
    • 用一张图描述我的系统,并且让产品、运营、开发都能看明白?
    • 画了一半的图还不清楚受众是谁?
    • 画出来的图到底是产品图功能图还是技术图又或是大杂烩?
    • 图上的框框有点少是不是要找点儿框框加进来?
    • 布局怎么画都不满意……

    如果有同样的困惑,本文将介绍一种画图的方法论,来让架构图更清晰。

    先厘清一些基础概念

    1、什么是架构

    架构就是对系统中的实体以及实体之间的关系所进行的抽象描述,是一系列的决策。

    架构是结构和愿景。

    系统架构是概念的体现,是对物/信息的功能与形式元素之间的对应情况所做的分配,是对元素之间的关系以及元素同周边环境之间的关系所做的定义。

    做好架构是个复杂的任务,也是个很大的话题,本篇就不做深入了。有了架构之后,就需要让干系人理解、遵循相关决策。

    2、什么是架构图

    系统架构图是为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。

    3、架构图的作用

    一图胜千言。要让干系人理解、遵循架构决策,就需要把架构信息传递出去。架构图就是一个很好的载体。那么,画架构图是为了:

    • 解决沟通障碍
    • 达成共识
    • 减少歧义

    4、架构图分类

    搜集了很多资料,分类有很多,有一种比较流行的是4+1视图,分别为场景视图、逻辑视图、物理视图、处理流程视图和开发视图。

    • 场景视图

    场景视图用于描述系统的参与者与功能用例间的关系,反映系统的最终需求和交互设计,通常由用例图表示。

    • 逻辑视图

    逻辑视图用于描述系统软件功能拆解后的组件关系,组件约束和边界,反映系统整体组成与系 统如何构建的过程,通常由UML的组件图和类图来表示。

    • 物理视图

    物理视图用于描述系统软件到物理硬件的映射关系,反映出系统的组件是如何部署到一组可    计算机器节点上,用于指导软件系统的部署实施过程。

    • 处理流程视图

    处理流程视图用于描述系统软件组件之间的通信时序,数据的输入输出,反映系统的功能流程 与数据流程,通常由时序图和流程图表示。

    •  开发视图

    开发视图用于描述系统的模块划分和组成,以及细化到内部包的组成设计,服务于开发人员,反映系统开发实施过程。

     以上 5 种架构视图从不同角度表示一个软件系统的不同特征,组合到一起作为架构蓝图描述系统架构。

    怎样的架构图是好的架构图

    上面的分类是前人的经验总结,图也是从网上摘来的,那么这些图画的好不好呢?是不是我们要依葫芦画瓢去画这样一些图?

    先不去管这些图好不好,我们通过对这些图的分类以及作用,思考了一下,总结下来,我们认为,在画出一个好的架构图之前, 首先应该要明确其受众,再想清楚要给他们传递什么信息 ,所以,不要为了画一个物理视图去画物理视图,为了画一个逻辑视图去画逻辑视图,而应该根据受众的不同,传递的信息的不同,用图准确地表达出来,最后的图可能就是在这样一些分类里。那么,画出的图好不好的一个直接标准就是:受众有没有准确接收到想传递的信息。

     

    明确这两点之后,从受众角度来说,一个好的架构图是不需要解释的,它应该是自描述的,并且要具备一致性和足够的准确性,能够与代码相呼应。

    画架构图遇到的常见问题

    1、方框代表什么?

    为什么适用方框而不是圆形,它有什么特殊的含义吗?随意使用方框或者其它形状可能会引起混淆。

    2、虚线、实线什么意思?箭头什么意思?颜色什么意思?

    随意使用线条或者箭头可能会引起误会。

    3、运行时与编译时冲突?层级冲突?

    架构是一项复杂的工作,只使用单个图表来表示架构很容易造成莫名其妙的语义混乱。 

    本文推荐的画图方法

    C4 模型使用容器(应用程序、数据存储、微服务等)、组件和代码来描述一个软件系统的静态结构。这几种图比较容易画,也给出了画图要点,但最关键的是,我们认为,它明确指出了每种图可能的受众以及意义。

    下面的案例来自C4官网,然后加上了一些我们的理解,来看看如何更好的表达软件架构

    1、语境图(System Context Diagram)

    这是一个想象的待建设的互联网银行系统,它使用外部的大型机银行系统存取客户账户、交易信息,通过外部电邮系统给客户发邮件。可以看到,非常简单、清晰,相信不需要解释,都看的明白,里面包含了需要建设的系统本身,系统的客户,和这个系统有交互的周边系统。

    用途

    这样一个简单的图,可以告诉我们,要构建的系统是什么;它的用户是谁,谁会用它,它要如何融入已有的IT环境。这个图的受众可以是开发团队的内部人员、外部的技术或非技术人员。即:

    • 构建的系统是什么
    • 谁会用它
    • 如何融入已有的IT环境

    怎么画

    中间是自己的系统,周围是用户和其它与之相互作用的系统。这个图的关键就是梳理清楚待建设系统的用户和高层次的依赖,梳理清楚了画下来只需要几分钟时间。

    2、容器图(Container Diagram)

    容器图是把语境图里待建设的系统做了一个展开。

    上图中,除了用户和外围系统,要建设的系统包括一个基于javaspring mvc的web应用提供系统的功能入口,基于xamarin架构的手机app提供手机端的功能入口,一个基于java的api应用提供服务,一个mysql数据库用于存储,

    各个应用之间的交互都在箭头线上写明了。

    看这张图的时候,不会去关注到图中是直角方框还是圆角方框,不会关注是实线箭头还是虚线箭头,甚至箭头的指向也没有引起太多注意。

    我们有许多的画图方式,都对框、线的含义做了定义,这就需要画图的人和看图的人都清晰的理解这些定义,才能读全图里的信息,而现实是,这往往是非常高的一个要求,所以,很多图只能看个大概的含义。

    用途

    这个图的受众可以是团队内部或外部的开发人员,也可以是运维人员。用途可以罗列为:

    • 展现了软件系统的整体形态
    • 体现了高层次的技术决策
    • 系统中的职责是如何分布的,容器间的是如何交互的
    • 告诉开发者在哪里写代码

    怎么画

    用一个框图来表示,内部可能包括名称、技术选择、职责,以及这些框图之间的交互,如果涉及外部系统,最好明确边界。

    3、组件图(Component Diagram)

    组件图是把某个容器进行展开,描述其内部的模块。

    用途

    这个图主要是给内部开发人员看的,怎么去做代码的组织和构建。其用途有:

    • 描述了系统由哪些组件/服务组成
    • 厘清了组件之间的关系和依赖
    • 为软件开发如何分解交付提供了框架

    4、类图(Code/Class Diagram)

    这个图很显然是给技术人员看的,比较常见,就不详细介绍了。

    案例分享

    下面是内部的一个实时数据工具的架构图。作为一个应该自描述的架构图,这里不多做解释了。如果有看不明白的,那肯定是还画的不够好。

    画好架构图可能有许多方法论,本篇主要介绍了C4这种方法,C4的理论也是不断进化的。但不论是哪种画图方法论,我们回到画图初衷,更好的交流,我们在画的过程中不必被条条框框所限制。简而言之,画之前想好:画图给谁看,看什么,怎么样不解释就看懂。

    参考资料:

    C4官网:

    https://c4model.com/

    为什么需要软件架构图:

    https://www.infoq.cn/article/GhprrUlOYyOqS8*FR1pH

    书籍:《程序员必读之软件架构》

    展开全文
  • 如何画好架构图

    千次阅读 2019-05-13 18:54:52
    架构图 为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。 架构图的作用 要让干系人理解、遵循架构决策,就需要把架构信息传递出去: ...

    基本概念

    • 架构
      架构就是对系统中的实体以及实体之间的关系所进行的抽象描述,是一系列的决策。
      架构是结构和愿景。
    • 架构图
      为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。
    • 架构图的作用
      要让干系人理解、遵循架构决策,就需要把架构信息传递出去:
      解决沟通障碍
      达成共识
      减少歧义

    架构图分类

    有一种比较流行的是4+1视图,分别为场景视图、逻辑视图、物理视图、处理流程视图和开发视图。

    • 场景视图
      用于描述系统的参与者与功能用例间的关系,反映系统的最终需求和交互设计,通常由用例图表示。
      在这里插入图片描述
    • 逻辑视图
      描述系统软件功能拆解后的组件关系,组件约束和边界,反映系统整体组成与系 统如何构建的过程,通常由UML的组件图和类图来表示。
      在这里插入图片描述
    • 物理视图
      用于描述系统软件到物理硬件的映射关系,反映出系统的组件是如何部署到一组可 计算机器节点上,用于指导软件系统的部署实施过程。
      在这里插入图片描述
    • 处理流程视图
      用于描述系统软件组件之间的通信时序,数据的输入输出,反映系统的功能流程 与数据流程,通常由时序图和流程图表示。
      在这里插入图片描述
    • 开发视图
      于描述系统的模块划分和组成,以及细化到内部包的组成设计,服务于开发人员,反映系统开发实施过程。
      在这里插入图片描述

    怎么算好的架构图

    画出的图好不好的一个直接标准就是:受众有没有准确接收到想传递的信息。从受众角度来说,一个好的架构图是不需要解释的,它应该是自描述的,并且要具备一致性和足够的准确性,能够与代码相呼应。

    推荐的画图方法

    C4 模型使用容器(应用程序、数据存储、微服务等)、组件和代码来描述一个软件系统的静态结构。这几种图比较容易画,也给出了画图要点,但最关键的是,我们认为,它明确指出了每种图可能的受众以及意义。

    • 语境图(System Context Diagram)
      在这里插入图片描述

    用途
    这样一个简单的图,可以告诉我们,要构建的系统是什么;它的用户是谁,谁会用它,它要如何融入已有的IT环境。这个图的受众可以是开发团队的内部人员、外部的技术或非技术人员。即:
    构建的系统是什么
    谁会用它
    如何融入已有的IT环境
    怎么画
    中间是自己的系统,周围是用户和其它与之相互作用的系统。这个图的关键就是梳理清楚待建设系统的用户和高层次的依赖,梳理清楚了画下来只需要几分钟时间。

    • 容器图(Container Diagram)
      容器图是把语境图里待建设的系统做了一个展开。
      在这里插入图片描述

    用途
    这个图的受众可以是团队内部或外部的开发人员,也可以是运维人员。用途可以罗列为:
    展现了软件系统的整体形态
    体现了高层次的技术决策
    系统中的职责是如何分布的,容器间的是如何交互的
    告诉开发者在哪里写代码
    怎么画
    用一个框图来表示,内部可能包括名称、技术选择、职责,以及这些框图之间的交互,如果涉及外部系统,最好明确边界。

    • 组件图(Component Diagram)
      组件图是把某个容器进行展开,描述其内部的模块。
      在这里插入图片描述

    用途
    这个图主要是给内部开发人员看的,怎么去做代码的组织和构建。其用途有:
    描述了系统由哪些组件/服务组成
    厘清了组件之间的关系和依赖
    为软件开发如何分解交付提供了框架

    • 类图(Code/Class Diagram)
      给开发人员看
      在这里插入图片描述

    案例分享

    在这里插入图片描述

    简而言之,画之前想好:画图给谁看,看什么,怎么样不解释就看懂。


    参考:
    如何画好架构图
    C4官网
    为什么需要软件架构图

    展开全文
  • 先不去管这些图好不好,我们通过对这些图的分类以及作用,思考了一下,总结下来,我们认为,在出一个好的架构图之前, 首先应该要明确其受众,再想清楚要给他们传递什么信息 ,所以,不要为了一个物理视图去...

    640?wx_fmt=jpeg

    ✏️ Photo by Kelly Sikkema on Unsplash


    技术传播的价值,不仅仅体现在通过商业化产品和开源项目来缩短我们构建应用的路径,加速业务的上线速率,也体现在优秀工程师在工作效率提升、产品性能优化和用户体验改善等经验方面的分享,以提高我们的专业能力。


    本文作者阿里巴巴技术专家三画,分享了自己和团队在画好架构图方面的理念和经验,首发于阿里内部技术分享平台,阿里巴巴中间件授权转载,梓敬、鹏升和余乐对此文亦有贡献。


    当我们想用一张或几张图来描述我们的系统时,是不是经常遇到以下情况:


    • 对着画布无从下手、删了又来?

    • 用一张图描述我的系统,并且让产品、运营、开发都能看明白?

    • 画了一半的图还不清楚受众是谁?

    • 画出来的图到底是产品图功能图还是技术图又或是大杂烩?

    • 图上的框框有点少是不是要找点儿框框加进来?

    • 布局怎么画都不满意……


    如果有同样的困惑,本文将介绍一种画图的方法论,来让架构图更清晰。



    先厘清一些基础概念



    1、什么是架构

    架构就是对系统中的实体以及实体之间的关系所进行的抽象描述,是一系列的决策。


    架构是结构和愿景。


    系统架构是概念的体现,是对物/信息的功能与形式元素之间的对应情况所做的分配,是对元素之间的关系以及元素同周边环境之间的关系所做的定义。


    做好架构是个复杂的任务,也是个很大的话题,本篇就不做深入了。有了架构之后,就需要让干系人理解、遵循相关决策。


    2、什么是架构图

    系统架构图是为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。


    3、架构图的作用

    一图胜千言。要让干系人理解、遵循架构决策,就需要把架构信息传递出去。架构图就是一个很好的载体。那么,画架构图是为了:


    • 解决沟通障碍

    • 达成共识

    • 减少歧义

    640?wx_fmt=jpeg


    4、架构图分类

    搜集了很多资料,分类有很多,有一种比较流行的是4+1视图,分别为场景视图、逻辑视图、物理视图、处理流程视图和开发视图。


    • 场景视图

    场景视图用于描述系统的参与者与功能用例间的关系,反映系统的最终需求和交互设计,通常由用例图表示。

    640?wx_fmt=png

    • 逻辑视图

    逻辑视图用于描述系统软件功能拆解后的组件关系,组件约束和边界,反映系统整体组成与系 统如何构建的过程,通常由UML的组件图和类图来表示。


    640?wx_fmt=jpeg


    • 物理视图

    物理视图用于描述系统软件到物理硬件的映射关系,反映出系统的组件是如何部署到一组可    计算机器节点上,用于指导软件系统的部署实施过程。


    640?wx_fmt=png


    • 处理流程视图

    处理流程视图用于描述系统软件组件之间的通信时序,数据的输入输出,反映系统的功能流程 与数据流程,通常由时序图和流程图表示。


    640?wx_fmt=jpeg


    • 开发视图

    开发视图用于描述系统的模块划分和组成,以及细化到内部包的组成设计,服务于开发人员,反映系统开发实施过程。


    640?wx_fmt=png


    以上 5 种架构视图从不同角度表示一个软件系统的不同特征,组合到一起作为架构蓝图描述系统架构。



    怎样的架构图是好的架构图



    上面的分类是前人的经验总结,图也是从网上摘来的,那么这些图画的好不好呢?是不是我们要依葫芦画瓢去画这样一些图?


    先不去管这些图好不好,我们通过对这些图的分类以及作用,思考了一下,总结下来,我们认为,在画出一个好的架构图之前, 首先应该要明确其受众,再想清楚要给他们传递什么信息 ,所以,不要为了画一个物理视图去画物理视图,为了画一个逻辑视图去画逻辑视图,而应该根据受众的不同,传递的信息的不同,用图准确地表达出来,最后的图可能就是在这样一些分类里。那么,画出的图好不好的一个直接标准就是:受众有没有准确接收到想传递的信息。


    明确这两点之后,从受众角度来说,一个好的架构图是不需要解释的,它应该是自描述的,并且要具备一致性和足够的准确性,能够与代码相呼应。



    画架构图遇到的常见问题



    1、方框代表什么?

    640?wx_fmt=jpeg

    为什么适用方框而不是圆形,它有什么特殊的含义吗?随意使用方框或者其它形状可能会引起混淆。


    2、虚线、实线什么意思?箭头什么意思?颜色什么意思?

    640?wx_fmt=png

    随意使用线条或者箭头可能会引起误会。


    3、运行时与编译时冲突?层级冲突?

    640?wx_fmt=png

    架构是一项复杂的工作,只使用单个图表来表示架构很容易造成莫名其妙的语义混乱。



    本文推荐的画图方法



    640?wx_fmt=png


    C4 模型使用容器(应用程序、数据存储、微服务等)、组件和代码来描述一个软件系统的静态结构。这几种图比较容易画,也给出了画图要点,但最关键的是,我们认为,它明确指出了每种图可能的受众以及意义。


    下面的案例来自C4官网,然后加上了一些我们的理解,来看看如何更好的表达软件架构


    1、语境图(System Context Diagram)



    640?wx_fmt=png

    这是一个想象的待建设的互联网银行系统,它使用外部的大型机银行系统存取客户账户、交易信息,通过外部电邮系统给客户发邮件。可以看到,非常简单、清晰,相信不需要解释,都看的明白,里面包含了需要建设的系统本身,系统的客户,和这个系统有交互的周边系统。


    用途

    这样一个简单的图,可以告诉我们,要构建的系统是什么;它的用户是谁,谁会用它,它要如何融入已有的IT环境。这个图的受众可以是开发团队的内部人员、外部的技术或非技术人员。即:


    • 构建的系统是什么

    • 谁会用它

    • 如何融入已有的IT环境


    怎么画

    中间是自己的系统,周围是用户和其它与之相互作用的系统。这个图的关键就是梳理清楚待建设系统的用户和高层次的依赖,梳理清楚了画下来只需要几分钟时间。


    2、容器图(Container Diagram)

    容器图是把语境图里待建设的系统做了一个展开。


    640?wx_fmt=jpeg


    上图中,除了用户和外围系统,要建设的系统包括一个基于java\spring mvc的web应用提供系统的功能入口,基于xamarin架构的手机app提供手机端的功能入口,一个基于java的api应用提供服务,一个mysql数据库用于存储,

    各个应用之间的交互都在箭头线上写明了。


    看这张图的时候,不会去关注到图中是直角方框还是圆角方框,不会关注是实线箭头还是虚线箭头,甚至箭头的指向也没有引起太多注意。


    我们有许多的画图方式,都对框、线的含义做了定义,这就需要画图的人和看图的人都清晰的理解这些定义,才能读全图里的信息,而现实是,这往往是非常高的一个要求,所以,很多图只能看个大概的含义。


    用途

    这个图的受众可以是团队内部或外部的开发人员,也可以是运维人员。用途可以罗列为:


    • 展现了软件系统的整体形态

    • 体现了高层次的技术决策

    • 系统中的职责是如何分布的,容器间的是如何交互的

    • 告诉开发者在哪里写代码


    怎么画

    用一个框图来表示,内部可能包括名称、技术选择、职责,以及这些框图之间的交互,如果涉及外部系统,最好明确边界。


    3、组件图(Component Diagram)

    640?wx_fmt=png

    组件图是把某个容器进行展开,描述其内部的模块。


    用途

    这个图主要是给内部开发人员看的,怎么去做代码的组织和构建。其用途有:


    • 描述了系统由哪些组件/服务组成

    • 厘清了组件之间的关系和依赖

    • 为软件开发如何分解交付提供了框架


    4、类图(Code/Class Diagram)

    640?wx_fmt=png

    这个图很显然是给技术人员看的,比较常见,就不详细介绍了。



    案例分享



    下面是内部的一个实时数据工具的架构图。作为一个应该自描述的架构图,这里不多做解释了。如果有看不明白的,那肯定是还画的不够好。

    640?wx_fmt=jpeg

    画好架构图可能有许多方法论,本篇主要介绍了C4这种方法,C4的理论也是不断进化的。但不论是哪种画图方法论,我们回到画图初衷,更好的交流,我们在画的过程中不必被条条框框所限制。简而言之,画之前想好:画图给谁看,看什么,怎么样不解释就看懂。


    参考资料:

    C4官网:

    https://c4model.com/

    为什么需要软件架构图:

    https://www.infoq.cn/article/GhprrUlOYyOqS8*FR1pH

    书籍:《程序员必读之软件架构》


    本文作者:三画,阿里巴巴技术专家。曾多年从事工作流引擎研发工作,现专注于高并发移动互联网应用的架构和开发,和本文贡献者均来自阿里巴巴零售通部门。目前零售通大量招Java开发,欢迎有志之士投简历到 lst-wireless@alibaba-inc.com,和我们一起共建智能分销网络,让百万小店拥抱DT时代。(点击文末「阅读原文」,了解职位详情


     # 投票后,可看到其他人的选择。


    / 推荐一个值得关注的技术号「淘宝技术」/

    640?wx_fmt=jpeg


    / 推荐一个值得参与的开发者活动 /


    640?wx_fmt=jpeg


    / 推荐另一篇值得细品的「经验分享」 /


    640?wx_fmt=jpeg



    ©每周一推

    第一时间获得下期分享



    640?wx_fmt=jpeg

    Tips:

    # 点下“好看”❤️

    # 然后,公众号对话框内发送“雨伞”,试试手气??

    # 本期奖品由采购不设限的「淘宝企业服务」赞助 ?

    展开全文
  • 技术传播的价值,不仅仅体现在通过商业化产品和开源项目来缩短我们构建应用的路径,加速业务的上线速率,也体现在优秀工程师在工作效率提升、产品性能优化和用户体验改善等...了一半的还不清楚受众是谁? 出...

    想成为Java架构师?先学会如何画好架构图吧!

    技术传播的价值,不仅仅体现在通过商业化产品和开源项目来缩短我们构建应用的路径,加速业务的上线速率,也体现在优秀工程师在工作效率提升、产品性能优化和用户体验改善等经验方面的分享,以提高我们的专业能力。

    当我们想用一张或几张图来描述我们的系统时,是不是经常遇到以下情况:

    对着画布无从下手、删了又来?

    • 用一张图描述我的系统,并且让产品、运营、开发都能看明白?
    • 画了一半的图还不清楚受众是谁?
    • 画出来的图到底是产品图功能图还是技术图又或是大杂烩?
    • 图上的框框有点少是不是要找点儿框框加进来?
    • 布局怎么画都不满意……

    如果有同样的困惑,本文将介绍一种画图的方法论,来让架构图更清晰。

    一、先厘清一些基础概念


    1、什么是架构

    架构就是对系统中的实体以及实体之间的关系所进行的抽象描述,是一系列的决策。

    架构是结构和愿景。

    系统架构是概念的体现,是对物/信息的功能与形式元素之间的对应情况所做的分配,是对元素之间的关系以及元素同周边环境之间的关系所做的定义。

    做好架构是个复杂的任务,也是个很大的话题,本篇就不做深入了。有了架构之后,就需要让干系人理解、遵循相关决策。

    2、什么是架构图

    系统架构图是为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。

    3、架构图的作用

    一图胜千言。要让干系人理解、遵循架构决策,就需要把架构信息传递出去。架构图就是一个很好的载体。那么,画架构图是为了:

    • 解决沟通障碍
    • 达成共识
    • 减少歧义

    4、架构图分类

    搜集了很多资料,分类有很多,有一种比较流行的是4+1视图,分别为场景视图、逻辑视图、物理视图、处理流程视图和开发视图。

    • 场景视图
      场景视图用于描述系统的参与者与功能用例间的关系,反映系统的最终需求和交互设计,通常由用例图表示。

    想成为Java架构师?先学会如何画好架构图吧!

    • 逻辑视图
      逻辑视图用于描述系统软件功能拆解后的组件关系,组件约束和边界,反映系统整体组成与系 统如何构建的过程,通常由UML的组件图和类图来表示。

    想成为Java架构师?先学会如何画好架构图吧!

    • 物理视图
      物理视图用于描述系统软件到物理硬件的映射关系,反映出系统的组件是如何部署到一组可 计算机器节点上,用于指导软件系统的部署实施过程。

    想成为Java架构师?先学会如何画好架构图吧!

    • 处理流程视图
      处理流程视图用于描述系统软件组件之间的通信时序,数据的输入输出,反映系统的功能流程 与数据流程,通常由时序图和流程图表示。

    想成为Java架构师?先学会如何画好架构图吧!

    • 开发视图
      开发视图用于描述系统的模块划分和组成,以及细化到内部包的组成设计,服务于开发人员,反映系统开发实施过程。

    想成为Java架构师?先学会如何画好架构图吧!

    以上 5 种架构视图从不同角度表示一个软件系统的不同特征,组合到一起作为架构蓝图描述系统架构。

    二、怎样的架构图是好的架构图


    上面的分类是前人的经验总结,图也是从网上摘来的,那么这些图画的好不好呢?是不是我们要依葫芦画瓢去画这样一些图?

    先不去管这些图好不好,我们通过对这些图的分类以及作用,思考了一下,总结下来,我们认为,在画出一个好的架构图之前, 首先应该要明确其受众,再想清楚要给他们传递什么信息 ,所以,不要为了画一个物理视图去画物理视图,为了画一个逻辑视图去画逻辑视图,而应该根据受众的不同,传递的信息的不同,用图准确地表达出来,最后的图可能就是在这样一些分类里。那么,画出的图好不好的一个直接标准就是:受众有没有准确接收到想传递的信息

    明确这两点之后,从受众角度来说,一个好的架构图是不需要解释的,它应该是自描述的,并且要具备一致性和足够的准确性,能够与代码相呼应。

    三、画架构图遇到的常见问题


    1、方框代表什么?

    想成为Java架构师?先学会如何画好架构图吧!

    为什么适用方框而不是圆形,它有什么特殊的含义吗?随意使用方框或者其它形状可能会引起混淆。

    2、虚线、实线什么意思?箭头什么意思?颜色什么意思?

    想成为Java架构师?先学会如何画好架构图吧!

    随意使用线条或者箭头可能会引起误会。

    3、运行时与编译时冲突?层级冲突?

    想成为Java架构师?先学会如何画好架构图吧!

    架构是一项复杂的工作,只使用单个图表来表示架构很容易造成莫名其妙的语义混乱。

    四、本文推荐的画图方法


    想成为Java架构师?先学会如何画好架构图吧!

    C4 模型使用容器(应用程序、数据存储、微服务等)、组件和代码来描述一个软件系统的静态结构。这几种图比较容易画,也给出了画图要点,但最关键的是,我们认为,它明确指出了每种图可能的受众以及意义。

    下面的案例来自C4官网,然后加上了一些我们的理解,来看看如何更好的表达软件架构

    1、语境图(System Context Diagram)

    想成为Java架构师?先学会如何画好架构图吧!

    这是一个想象的待建设的互联网银行系统,它使用外部的大型机银行系统存取客户账户、交易信息,通过外部电邮系统给客户发邮件。可以看到,非常简单、清晰,相信不需要解释,都看的明白,里面包含了需要建设的系统本身,系统的客户,和这个系统有交互的周边系统。

    用途

    这样一个简单的图,可以告诉我们,要构建的系统是什么;它的用户是谁,谁会用它,它要如何融入已有的IT环境。这个图的受众可以是开发团队的内部人员、外部的技术或非技术人员。即:

    • 构建的系统是什么
    • 谁会用它
    • 如何融入已有的IT环境

    怎么画

    中间是自己的系统,周围是用户和其它与之相互作用的系统。这个图的关键就是梳理清楚待建设系统的用户和高层次的依赖,梳理清楚了画下来只需要几分钟时间。

    2、容器图(Container Diagram)

    容器图是把语境图里待建设的系统做了一个展开。

    想成为Java架构师?先学会如何画好架构图吧!

    上图中,除了用户和外围系统,要建设的系统包括一个基于java\spring mvc的web应用提供系统的功能入口,基于xamarin架构的手机app提供手机端的功能入口,一个基于java的api应用提供服务,一个mysql数据库用于存储,

    各个应用之间的交互都在箭头线上写明了。

    看这张图的时候,不会去关注到图中是直角方框还是圆角方框,不会关注是实线箭头还是虚线箭头,甚至箭头的指向也没有引起太多注意。

    我们有许多的画图方式,都对框、线的含义做了定义,这就需要画图的人和看图的人都清晰的理解这些定义,才能读全图里的信息,而现实是,这往往是非常高的一个要求,所以,很多图只能看个大概的含义。

    用途

    这个图的受众可以是团队内部或外部的开发人员,也可以是运维人员。用途可以罗列为:

    • 展现了软件系统的整体形态
    • 体现了高层次的技术决策
    • 系统中的职责是如何分布的,容器间的是如何交互的
    • 告诉开发者在哪里写代码

    怎么画

    用一个框图来表示,内部可能包括名称、技术选择、职责,以及这些框图之间的交互,如果涉及外部系统,最好明确边界。

    3、组件图(Component Diagram)

    想成为Java架构师?先学会如何画好架构图吧!

    组件图是把某个容器进行展开,描述其内部的模块。

    用途

    这个图主要是给内部开发人员看的,怎么去做代码的组织和构建。其用途有:

    • 描述了系统由哪些组件/服务组成
    • 厘清了组件之间的关系和依赖
    • 为软件开发如何分解交付提供了框架

    4、类图(Code/Class Diagram)

    想成为Java架构师?先学会如何画好架构图吧!

    这个图很显然是给技术人员看的,比较常见,就不详细介绍了。

    五、案例分享


    下面是内部的一个实时数据工具的架构图。作为一个应该自描述的架构图,这里不多做解释了。如果有看不明白的,那肯定是还画的不够好。

    想成为Java架构师?先学会如何画好架构图吧!

    画好架构图可能有许多方法论,本篇主要介绍了C4这种方法,C4的理论也是不断进化的。但不论是哪种画图方法论,我们回到画图初衷,更好的交流,我们在画的过程中不必被条条框框所限制。简而言之,画之前想好:画图给谁看,看什么,怎么样不解释就看懂

    展开全文
  • 来源:阿里巴巴中间件 ...本文作者阿里巴巴技术专家三,分享了自己和团队在画好架构图方面的理念和经验,首发于阿里内部技术分享平台,阿里巴巴中间件授权转载,梓敬、鹏升和余乐对此文亦有贡献。...
  • 如何画好软件项目架构图

    千次阅读 2020-04-22 17:52:29
    接下来,分享自己和团队在画好架构图方面的理念和经验,希望对你有所帮助。 当我们想用一张或几张图来描述我们的系统时,是不是经常遇到以下情况: 对着画布无从下手、删了又来? 如何...
  • 作者 | 箫逸 阿里文娱高级技术专家 ...如何画好一张架构图,要做好这件事情首先要回答的就是什么是架构图。我们日常工作中经常能看到各种各样的架构图,而且经常会发现大家对架构图的理解各有侧重。深入追究到这个.
  • 架构-如何画架构图

    千次阅读 2019-10-17 09:50:21
    如何画架构图? 产品经理的高阶能力:架构图的设计与画法 设计图都不会画,还想做”架构师“? 你知道如何画一幅架构图么? 系统逻辑架构图怎么画 想要做”架构师“,一定要会画设计图 画出你的项目架构图 一个...
  • 如何画好一张架构图

    千次阅读 2020-06-15 13:28:21
    如何画好一张架构图,要做好这件事情首先要回答的就是什么是架构图。我们日常工作中经常能看到各种各样的架构图,而且经常会发现大家对架构图的理解各有侧重。深入追究到这个问题,可能一下子还很难有一个具象的定义...
  • 项目架构图工具

    千次阅读 2019-10-30 15:19:25
    在线项目架构图的工具
  • 怎么业务架构图

    千次阅读 2021-02-20 17:02:39
    怎么业务架构图 非原创,内容复制来源:https://www.pianshen.com/article/16871857598/ 架构域 包括:业务架构,数据架构,产品架构,应用架构,技术架构。 首先要熟悉业务,形成业务架构,根据业务架构,形成...
  • EA 架构图

    万次阅读 热门讨论 2014-04-24 15:32:18
    EA 架构图 另外一个是用Visio的 在线做图processon
  • 怎么画架构图

    万次阅读 多人点赞 2019-10-21 16:44:19
    在从一个初级程序员到架构师的修炼过程中...架构图是一个统称,按视角维度,可分为:业务架构、技术架构、系统架构、应用架构,下面贴一些自己的图给大家参考,个人能力有限,如果大牛有不同的看法,还请指正,大...
  • 如何系统架构图

    千次阅读 2020-04-08 18:17:43
    系统架构图是为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。 二、架构图的作用 一图胜千言。要让干系人理解、遵循架构决策,...
  • 关键要点 通过创建和维护架构图来提供准确且有价值的内容并非易事。大多数情况下,我们要么创建了太多的文档,...在实践中,大多数利益相关者对详细架构图不感兴趣,但会对一两个反映系统模块和边界的高级架构图...
  • 如何画架构图

    千次阅读 多人点赞 2020-11-18 20:48:28
    第一,搞清楚要架构图的类型; 第二,确认架构图中的关键要素(比如产品、技术、服务); 第三,梳理关键要素之间的关联:包含、支撑、同级并列等; 第四,输出关联关系清晰的架构图。 应用架构图 接下来...
  • IT项目中的应用架构、技术架构、安全架构、部署架构...在日常软件项目开发与实施中,经常会涉及到各种架构图,如应用架构、技术架构、安全架构、部署架构。今天特意将这些架构图整理如下,提供给大家进行学习参考。
  • 如何出一张合格的技术架构图

    千次阅读 2019-05-08 14:29:28
    文章发布于公号【数智物语】(ID:decision_engine),关注公号不错过每一篇干货。 ...本篇阿里巴巴技术专家三,将分享自己和团队在画好架构图方面的理念和经验,希望对你有所帮助。 当...
  • 如何出一张合格的技术架构图

    万次阅读 2019-12-20 19:07:07
    接下来,阿里巴巴技术专家三,将分享自己和团队在画好架构图方面的理念和经验,希望对你有所帮助。 当我们想用一张或几张图来描述我们的系统时,是不是经常遇到以下情况: 对着画布无从下手、删了...
  • 在《谈谈什么是系统架构》...大部分书籍并没有深入讲如何去业务架构图。 在这场 Chat 中你可以学到: 什么是业务架构,业务架构的要点是什么; 业务架构的特性,通过纵横理伦串起业务要点,知道业务架构图整体要...
  • 面试1之技术架构图

    2020-07-04 08:31:41
  • 系统逻辑架构图怎么

    千次阅读 2019-12-11 12:35:09
    系统逻辑架构图根据系统组成绘制,不同类型的系统,逻辑架构图会有些许差异,本文以软件系统为例,介绍如何绘制系统逻辑架构图。 绘制工具:PPT 或 VISIO ,当然也可以使用其他工具。 工具/原料 VISIO PPT 方法/...
  • 本文是架构设计实践五部曲系列文章的第一篇,架构与架构图。本文将对架构作深入的阐释,并教你什么时候画架构图、怎么画架构图。在日常系统开发过程中,作为技术人员想必大家都参与过...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 141,608
精华内容 56,643
关键字:

如何画好架构图