精华内容
下载资源
问答
  • 怎样画架构图

    2017-01-12 13:02:00
    参加了一个如何架构图的培训,总结下来有一下几点: 1.设计也死 2.做正确的架构,正确清晰的表达架构,将架构正确应用到系统 3.Rup 4+1 视图:逻辑视图、进程视图、实现视图、用例视图 4.逻辑视图里包含功能...
    参加了一个如何画好架构图的培训,总结下来有一下几点:
      1.设计也死
      2.做正确的架构,正确清晰的表达架构,将架构正确应用到系统
      3.Rup 4+1 视图:逻辑视图、进程视图、实现视图、用例视图
      4.逻辑视图里包含功能视图主要用于和领导交互
      5.活动图展现具体业务逻辑,适合多角色协作的具体业务也叫泳道图
      6.序列图和协作图用于沟通需求和类设计
      7.数据库设计要做到第三范式
      8.软件架构的驱动因素:软件功能、非功能需求、其它约束
      9.画软件架构步骤: a 功能视图、用例图
      b  组件图、部署图

      c 软件架构概要因素:操作系统、数据库、浏览器、构件、语言



    本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2011/01/05/1926471.html,如需转载请自行联系原作者

    展开全文
  • 接下来,阿里巴巴技术专家三,将分享自己和团队在架构图方面的理念和经验,希望对你有所帮助。 当我们想用一张或几张图来描述我们的系统时,是不是经常遇到以下情况: 对着画布无从下手、删了...

    导读

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

    接下来,阿里巴巴技术专家三画,将分享自己和团队在画好架构图方面的理念和经验,希望对你有所帮助。

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

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

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

    先理清一些基础概念

    1、什么是架构?

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

    架构是结构和愿景。

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

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

    2、什么是架构图?

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

    3、架构图的作用

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

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

    4、架构图分类

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

    场景视图

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

    逻辑视图

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

    物理视图

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

    处理流程视图

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

    开发视图

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

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

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

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

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

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

    画架构图遇到的常见问题

    1、方框代表什么?

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

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

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

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

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

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

    本文推荐的画图方法

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

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

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

    1、语境图(System Context Diagram)

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

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

    用途

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

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

    怎么画

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

    2、容器图(Container Diagram)

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

     

    阿里巴巴技术专家三画六年团队工作经验教你怎样才能画好架构图

     

     

    上图中,除了用户和外围系统,要建设的系统包括一个基于java\spring 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

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

    阿里P7技术专家谈:工作1-5年的Java工程师,如何提高核心竞争力

    Java程序员进大厂需必备的架构知识:K8S+Nginx+SB+SC+docker

     

     

    展开全文
  • 程序员必备技能:如何架构图

    千次阅读 多人点赞 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-08 10:21:00
    参考资料: ... 来源:阿里巴巴中间件 ...2、什么是架构图 ...怎样架构图是好的架构图 1、方框代表什么? 2、虚线、实线什么意思?箭头什么意思?颜色什么意思? 3、运行时与编...

    参考资料:

    C4官网:https://c4model.com/

    来源:阿里巴巴中间件

    • 先厘清一些基础概

      • 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)

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

     


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

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

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

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

    用途

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

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

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

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

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

    怎么画

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

    3、组件图(Component Diagram)

     


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

    用途

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

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

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

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

    4、类图(Code/Class Diagram)

     


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

    案例分享

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

     


    画好架构图可能有许多方法论,本篇主要介绍了C4这种方法,C4的理论也是不断进化的。但不论是哪种画图方法论,我们回到画图初衷,更好的交流,

    我们在画的过程中不必被条条框框所限制。简而言之,画之前想好:画图给谁看,看什么,怎么样不解释就看懂。

     

      原文 : 

     程序猿DD

    https://mp.weixin.qq.com/s/cqC6djHHjeFzCpFPlJGhxQ

    芋道源码

     https://mp.weixin.qq.com/s?__biz=MzUzMTA2NTU2Ng==&mid=2247486874&idx=1&sn=545b64b658b7ca3842bef06a3a704847&chksm=fa49722bcd3efb3d5feb0a6c05daabeab3981b37bf3ce7f1cc6129c301878e09458d03acc25f&token=109123463&lang=zh_CN&key=01d8b0a4948851baf3dc14033755b25a77e5def0aab44802efd014101b78735acf7cbd29dbc71a8eb7f1a77dff7f847411a8abef8140e9ee04a50142fa58548e56808a9a4b28b789fa65ae921775bc13&ascene=1&uin=MjQ2MzUyOTU0MA%3D%3D&devicetype=Windows+10&version=62060739&pass_ticket=Vbc0UPZ0smG7MD74r0CE6BILFWdZnfnwg%2FBMuHZjA7XY6eCoJWIc4NG9qSWiYPdg

    转载于:https://www.cnblogs.com/jiuya/p/10830256.html

    展开全文
  • 架构图分类二、怎样架构图是好的架构图三、画架构图遇到的常见问题1. 方框代表什么?2. 虚线、实线什么意思?箭头什么意思?颜色什么意思?3. 运行时与编译时冲突?层级冲突?四、本文推荐的画图方法1. 语境图...
  • 点击上方☝码猿技术专栏轻松关注!及时获取有趣有料的技术文章先厘清一些基础概1、什么是架构2、什么是架构图3、架构图的作用4、架构图分类怎样架构图是好的架构图1、方框代表什么?2、虚线...
  • docker的架构图如何

    2019-08-21 20:54:24
    如何docker的架构图 拥有全局的思维 利用好图像处理能力 高人指路 拥有全局的思维 对于docker的学习是这样,其实不仅仅是对于docker,这里只是对docker学习做一个例子。 首要任务是要明确为什么。docker能给...
  • 用一分钟时间,你能在脑海里构造一幅你最熟悉的系统的架构图么?先别往下看,自己先想象下。混乱的架构图不知道你想象中的软件架构图怎样的,但我猜想大家的应...
  • 阿里巴巴的技术专家,是如何架构图的? 先厘清一些基础概念 1、什么是架构 2、什么是架构图 3、架构图的作用 4、架构图分类 怎样架构图是好的架构图 服务器 服务器架构 1)X86架构服务器 2)RISC...
  •  业务架构图,相信大家并不陌生,但应该怎样画项目的业务架构图,相信很多人就不是很清晰了。接下来,我把近期画项目组的业务架构的经历分享给大家。  首先说下项目组的业务。我们项目组致力于服务第三方系统,...
  • 商务智能架构图表

    2011-10-21 19:47:31
    前言:数据可视化是怎样创造出来的。可视化 Tags: 数据可视化, 信息可视化 13 Comments » 我多次被炫目的数据可视化或信息可视化震惊,在我知道这些图片背后的数据来源和创造历程后,更是为之诧异不止。它涉足制图...
  • 如果你是一位后端工程师,面试时八成会被问到 Redis,特别是那些大型互联网公司,不仅要求面试者能简单使用 Redis,还要深入理解其底层实现原理,具备解决常见问题的...这里,分享给你一张Redis 问题画像,帮你快.
  • 实训小笔记之—商业画布

    千次阅读 2018-04-08 13:17:55
    找出你的目标用户价值定位--你所提供的产品或服务用户获取渠道--分销路径及商铺客户关系--你想同目标用户建立怎样的关系收益流核心资源--资金、人才催生价值的核心活动--市场推广、软件编程重要合伙人成本架构Canvas...
  • 刚好今天就和大家一起来看看,结构究竟是怎样的。 什么是网站结构? 也叫网站架构,一般认为是根据客户需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站...
  • 车联网系统的组成概述

    万次阅读 多人点赞 2019-06-13 10:22:58
    什么是车联网(或叫做智能网联)?...如上,这是笔者的一幅车联网整体架构图,无论是传统的Telematics,还是现在的V2X,就车联网的组成来看,主要还是由管理平台、应用终端、第三方系统这三大模块组成。管...
  • T-BOX

    2019-12-19 17:11:02
    什么是车联网(或叫做智能网联)...如上,这是笔者的一幅车联网整体架构图,无论是传统的Telematics,还是现在的V2X,就车联网的组成来看,主要还是由管理平台、应用终端、第三方系统这三大模块组成。 管理平台类...
  • java的异常处理机制 ...一般UML的都是软件架构师,或者说是系统分析师,软件设计人员使用的 在UML中,可以描述类和类之间的关系,程序执行的流程,对象的状态等 在java软件开发当中,软件分..
  • openLayers geoserver常见问题

    热门讨论 2011-03-23 17:43:21
    GeoServer架构浅谈 53 Geoserver发布地图无法显示问题 57 WebGIS相关的OpenGIS规范 58 geoserver中地图以外的区域以自定义图片填充 62 怎样修改 geoServer 的用户名密码 65 GeoServer中的WMS服务生成的png图片背景色...
  • 2,出产品架构图 3,请说明它面向的用户群是什么? 4,解决了用户的哪些痛点? 5,用户使用的频率是怎样的? 6,它的竞品是什么,对比竞品,这个APP有哪些优势? 解答如下: 举例APP:ofo小黄车 1,它的...
  • java流程分析(SOPA)

    2014-01-13 09:14:45
    如果架构师将流程分析发给其他开发人员,则会使其他人对项目的架构一目了然,从而能够快速的领会架构师的意图,工作效率也就随之提高。 5. 使工程维护更加简单。当开发人员写完代码后的较短时间内会记得交易的...
  • 交互设计的流程

    2011-12-01 10:03:00
    如果一提到交互设计,你就想到线框图或原型,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型只是其中的一个环节。 当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽...
  • 们从 Mutex 的一个简单实现开始,看看...我把 Mutex 的架构演进分成了四个阶段,下面给你了一张来说明。 “初版”的 Mutex 使用一个 flag 来表示锁是否被持有,实现比较简单;后来照顾到新来的 goroutine,所以会让
  • 有中国十大传世名画美誉的《清明上河》,在5米多长的面卷中描绘了人物、动物、风景、建筑等,生动地展现了北宋的市景风俗。用现在的时髦词形容,就是一幅北宋的生态图景。在跨入计算架构创新的黄金十年之际,我们...
  • 软件工程教程

    热门讨论 2012-07-06 23:10:29
    架构图--包图的变形 任务4 UML动态建模机制 对象之间的交互 状态图 交互图 活动图 四种图的运用 软件模型与现实 模型与现实要匹配 对象之间的交互 简单消息 同步消息 异步消息 同步且立即返回消息 什么...
  • 大话处理器:处理器基础知识读本

    热门讨论 2012-10-21 11:55:50
    2.1 处理器是怎样工作的——处理器的硬件模型 2.2 怎样来使用处理器——处理器的编程模型 2.3 处理器的分层模型 2.4 选什么样的处理器——适合的才是最好的 第3章 指令集体系结构——处理器的外表 3.1 指令集是什么 ...

空空如也

空空如也

1 2 3 4
收藏数 75
精华内容 30
关键字:

怎样画架构图