• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

三大架构图—结合若依权限管理系统

武飞扬头像
吃豆子的恐龙
帮助1

目录

三大架构图有哪些?

业务架构图是什么?

为什么要画业务架构图?

业务架构图是给谁看的?

技术架构图是什么?

为什么要画技术架构图?

技术架构图是给谁看的?

运维架构图是什么?

为什么要画运维架构图?

运维架构图是给谁看的?

架构图有哪些规范?

宏观出发

局部细节

项目应用


最近在进行架构师的培训,结合具体的项目也许能够帮助我们更好的理解架构对我们而言的意义,今天我着重从技术架构图来讨论架构图的具体应用

三大架构图有哪些?

业务架构图、技术架构图、运维架构图

业务架构图是什么?

业务架构图顾名思义用图形的形式来表现整个系统的功能模块、组件和它们之间的关,,通过图就能看出要实现的业务有哪些?分了几层?帮助开发人员和其他相关人员理解系统的功能和组织结构,

为什么要画业务架构图?

帮助团队成员之间共享和沟通系统的设计和功能,以及评估系统的可扩展性和可维护性

  • 业务之间的关系明确展现
  • 对于开发人员来说能够快速了解业务

业务架构图是给谁看的?

是产品经理给客户经理看的,产品原型是业务架构的具体展现,依然是产品经理负责的内容


技术架构图是什么?

是一种图形化的表示方式,用于展示系统活应用程序的各个组件、模块、关系和交互方式

为什么要画技术架构图?

技术架构图作为一个工具,它可以帮助团队更好地理解、沟通和优化系统的设计和组织结构,作为了系统开发和维护过程中的重要辅助工具:

1、沟通和共享:技术架构图可以帮助团队成员之间更好地沟通和共享关于系统架构的信息。通过图形化的表示方式,可以更清晰地传达系统的设计和组织结构,减少沟通误解和理解偏差

2、评估和优化:通过绘制技术架构图,可以更容易地评估系统的性能、可靠性和可扩展性。可以通过分析图中的组件和交互方式,找出潜在的瓶颈和问题,并进行相应的优化和改进

技术架构图是给谁看的?

是架构师给开发人员和甲方的技术架构师看的


运维架构图是什么?

系统的软件组件、服务器、网络和它们之间的关系。描述了系统的软件部署和运行环境,帮助开发人员和系统管理员理解系统的部署拓扑和配

为什么要画运维架构图?

可以帮助运维团队更好地理解、管理和优化系统的运维环境和流程

  1. 可视化运维环境:运维架构图可以将系统的运维环境可视化,包括服务器、网络、存储等基础设施,以及运维工具和系统组件。通过绘制运维架构图,可以更清晰地了解系统的运维环境,帮助运维团队更好地管理和维护系统。

  2. 明确运维流程:运维架构图可以展示系统的运维流程和步骤,包括监控、备份、恢复、扩容等操作。通过绘制运维架构图,可以帮助运维团队明确运维流程,提高运维效率和准确性

运维架构图是给谁看的?

开发人员写给运维人员看的


架构图有哪些规范?

宏观出发

1、颜色渐变

色彩搭配上来看,颜色不超过5,颜色搭配要有所区分,不同层级、不同类型要颜色不同,颜色风格保持一致

2、整体框架

  • 整体结构可以通过方块或者一些图形的方式进行封装
  • 纵向:分层依赖——上层依赖于下层越底层,越是基础服务;横向:并列关系,级别相同
  • 对称:要讲究对称美,尽可能地功能结构分配均匀
  • 虚线框与实线框的意义要明确

局部细节

  • 用词表达。用词准确,见名知意,命名上要统一,英文名体现专业性,命名要尽可能使用短名称且一致。
    • 比方说,业务架构图不能出现增加、删除、查询等这样的动词
    • 技术架构图不能出现技术这种字眼
  • 业务是否全面。项目用到的包括第三方服务也都要体现出来
  • 模块划分粒度,颗粒适中,不可太具体,也不可太宽泛
  • 图形间距离适中,避免间距过大、过小,影响美观

    • 大小、格式:要注意大小一致,格式统一
  • 模块摆放以及层级关系 
    • 同一个级别的模块要统一级别,粒度大小要统一;
    • 纵向:分层——上层依赖于下层越底层,越是基础服务;横向:并列关系,级别相同

项目应用

若依管理系统是很多开发人员都熟知的,它帮助我们快速的站在巨人的肩膀上进行业务上的扩展,这里我结合若依权限管理来展示一下我画的技术架构图:

具体的模板大家可以转站这个链接来使用哦:https://www.processon.com/preview/64bbc41f5620c43080afc1ce

版本:RuoYi-Vue前端分离版
官方演示地址:http://vue.ruoyi.vip/login?redirect=/index
官方文档地址:http://doc.ruoyi.vip/ruoyi-vue/document/xmjs.html#后端技术

学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgfekfc
系列文章
更多 icon
同类精品
更多 icon
继续加载