前言程序員不是專門寫代碼的嗎,,只要把代碼寫得足夠優(yōu)雅就行了呀,,為什么還要畫圖?畫好圖呢,? 沒錯(cuò),!一圖勝千言,對復(fù)雜問題進(jìn)行分析分解,,再通過圖形化的表達(dá)方式,,來描述業(yè)務(wù)或者技術(shù)上的邏輯,可以說事半功倍,!今天作者就帶大家認(rèn)識(shí)一些常見的圖,、圖的畫法以及常用的畫圖工具。 思維導(dǎo)圖英文名稱是The Mind Map,也叫做心智導(dǎo)圖,,腦圖,,心智地圖,腦力激蕩圖,,靈感觸發(fā)圖,,概念地圖,樹狀圖,,樹枝圖或思維地圖,。它是表達(dá)發(fā)散性思維的有效圖形思維工具,它簡單卻又很有效,,是一種實(shí)用性的思維工具,。可用于會(huì)議記錄,、思路整理,、測試用例、商業(yè)計(jì)劃等,。 流程圖以特定的圖形符號(hào)加上說明,,表示算法的圖,稱為流程圖或框圖,。流程圖是一個(gè)系統(tǒng)的信息流,、觀點(diǎn)流或部件流的圖形代表,也是軟件設(shè)計(jì)開發(fā)過程中比較常用的圖形,。流程圖的圖形符號(hào)如下圖所示: 時(shí)序圖時(shí)序圖(Sequence Diagram),,又名序列圖、循序圖,,是一種UML交互圖,。它通過描述對象之間發(fā)送消息的時(shí)間順序顯示多個(gè)對象之間的動(dòng)態(tài)協(xié)作,也是軟件設(shè)計(jì)開發(fā)過程中比較常用的圖形,。時(shí)序圖中包括的建模元素主要有:角色,、對象、生命線,、控制焦點(diǎn),、消息等等。 數(shù)據(jù)庫ER圖E-R圖也稱實(shí)體-聯(lián)系圖(Entity Relationship Diagram),,提供了表示實(shí)體類型,、屬性和聯(lián)系的方法,用來描述現(xiàn)實(shí)世界的概念模型,,它是描述現(xiàn)實(shí)世界關(guān)系概念模型的有效方法,。 數(shù)據(jù)庫模型
參考文檔 https://blog.51cto.com/u_15067238/2573674 架構(gòu)圖①業(yè)務(wù)架構(gòu):使用一套方法論/邏輯對產(chǎn)品(項(xiàng)目)所涉及到的業(yè)務(wù)進(jìn)行邊界劃分,,所以熟悉業(yè)務(wù)是關(guān)鍵,,如下圖所示某業(yè)務(wù)中臺(tái)架構(gòu)圖: ②應(yīng)用架構(gòu):它是對整個(gè)系統(tǒng)實(shí)現(xiàn)的總體上的架構(gòu),需要指出系統(tǒng)的層次,、系統(tǒng)開發(fā)的原則,、系統(tǒng)各個(gè)層次的應(yīng)用服務(wù)。如下圖所示,,就將系統(tǒng)分為數(shù)據(jù)層,、服務(wù)層、通訊層,、展現(xiàn)層,,并細(xì)分寫明每個(gè)層次的應(yīng)用服務(wù)。 ③技術(shù)架構(gòu):技術(shù)架構(gòu)是應(yīng)接應(yīng)用架構(gòu)的技術(shù)需求,,并根據(jù)識(shí)別的技術(shù)需求,,進(jìn)行技術(shù)選型,把各個(gè)關(guān)鍵技術(shù)和技術(shù)之間的關(guān)系描述清楚,。技術(shù)架構(gòu)解決的問題包括:純技術(shù)層面的分層,、開發(fā)框架的選擇、開發(fā)語言的選擇,、涉及非功能性需求的技術(shù)選擇等,。 ④部署圖(deployment diagram,配置圖)是用來顯示系統(tǒng)中軟件和硬件的物理架構(gòu),。部署圖中可以了解到軟件和硬件之間的物理關(guān)系以及處理節(jié)點(diǎn)的組件分布情況,。使用部署圖可以顯示運(yùn)行時(shí)系統(tǒng)的結(jié)構(gòu),同時(shí)還傳達(dá)構(gòu)成應(yīng)用程序的硬件和軟件元素的配置和部署方式,。 ⑤網(wǎng)絡(luò)拓?fù)鋱D:是指用傳輸媒體互連各種設(shè)備的物理布局,,就是用什么方式把網(wǎng)絡(luò)中的計(jì)算機(jī)等設(shè)備連接起來,。拓?fù)鋱D給出網(wǎng)絡(luò)服務(wù)器,、工作站的網(wǎng)絡(luò)配置和相互間的連接,它的結(jié)構(gòu)主要有星型結(jié)構(gòu),、環(huán)型結(jié)構(gòu),、總線結(jié)構(gòu)、分布式結(jié)構(gòu)、樹型結(jié)構(gòu),、網(wǎng)狀結(jié)構(gòu),、蜂窩狀結(jié)構(gòu)等。 制圖的關(guān)鍵不是在于熟悉和熟練使用幾種圖形元素,,而更在于,,真正理解“模型”的意思和意義,通過合理的過程定義和圖形使用,,對復(fù)雜問題進(jìn)行分析,、解構(gòu)后的結(jié)構(gòu)化、邏輯化,、專業(yè)化的表達(dá)和描述,,反映出業(yè)務(wù)邏輯的處理過程和實(shí)現(xiàn)上的邏輯劃分,是對復(fù)雜問題合理簡化的結(jié)果,。 畫圖軟件推薦①Xmind:一款非常實(shí)用的商業(yè)思維導(dǎo)圖軟件,,應(yīng)用全球最先進(jìn)的Eclipse RCP 軟件架構(gòu),全力打造易用,、高效的可視化思維軟件,,強(qiáng)調(diào)軟件的可擴(kuò)展、跨平臺(tái),、穩(wěn)定性和性能,,致力于使用先進(jìn)的軟件技術(shù)幫助用戶真正意義上提高生產(chǎn)率。https://www./ ②Process On:是一個(gè)在線協(xié)作繪圖平臺(tái),,為用戶提供強(qiáng)大,、易用的作圖工具。優(yōu)點(diǎn)是在線支持協(xié)作,,模板比較豐富,,缺點(diǎn)是必須登錄才可以使用。免費(fèi)版僅支持 9 個(gè)文件,。 ③Draw.io:一款免費(fèi)的跨平臺(tái)繪圖工具,。可以創(chuàng)建流程圖,、組織架構(gòu)圖,、UML、ER圖,、泳道圖,、網(wǎng)絡(luò)拓樸圖、思維導(dǎo)圖等等,。內(nèi)置豐富的模板和控件庫供挑選使用,,還可以導(dǎo)入組件,。支持Google Dirve,One Drive,, Dropbox和本地存儲(chǔ),,支持將流程圖導(dǎo)出為多種格式,比如 pdf/svg/html 等,,提供 Chrome 插件,。https://app./ ④Microsoft Visio:它提供各行業(yè)和角色的豐富用例、強(qiáng)大的合作伙伴工具和服務(wù)并與 Microsoft 365 和 Microsoft Teams 無縫集成,,了解它如何幫助你拓展業(yè)務(wù),。為客戶提供輕松創(chuàng)建專業(yè)圖表并快速做出決策所需的工具。 ⑤OmniGraffle:Mac os系統(tǒng)上一款功能強(qiáng)大的繪圖軟件,,可提供繪制圖表,,如:樹狀結(jié)構(gòu)表,流程表,,頁面編排等等,,您還可以用OmniGraffle來規(guī)劃電影或者戲劇劇本的情節(jié)走向,繪制公司的組織圖,,并顯示一個(gè)專案所需要的步驟,。 |
|