系統分析與設計（八）

描述軟體架構與框架之間的區別與聯絡

以你的專案為案例，繪製三層架構模型圖，細緻到分割槽

結合你程式的結構，從程式設計師角度說明三層架構給開發者帶來的便利

研究 vue 與 flux 狀態管理的異同

架構

軟體架構就是把系統分解為一些部件，描述這些部件的職責及它們之間的協作行為。

框架框架是特定語言和技術的架構應用解決方案。

框架是具體語言和技術相關的。

框架是一種或多種架構的組合的實現。

框架是整合了你的**和多種第三方解決方案的工具，讓你聚焦業務邏輯**而不是技術實現。

區別架構不是軟體，而是關於軟體如何設計的重要策略。軟體架構決策設計到如何將軟體系統分解成不同的部分、各部分之間的靜態結構關係和動態互動關係等。經過完整的開發過程之後，這些架構決策將體現在最終開發出的軟體系統中。

框架是一種特殊的軟體，它並不能提供完整無缺的解決方案，而是為你構建解決方案提供良好的基礎。框架是半成品。典型地，框架是系統或子系統的半成品；框架中的服務尅被最終應用系統直接呼叫，而框架中的擴充套件點是**用開發人員定製的「可變化點」。

架構先全域性後區域性。框架先通用後專用。架構是問題的抽象解決方案，它關注大局而忽略細節。而框架是通用半成品，還必須根據具體需求進一步定製開發才能變成應用系統。

聯絡架構決策往往會體現在框架之中，框架技術和架構技術的出現，都是為了解決軟體系統日益複雜所帶來的困難而分而治之的結果。

異flux狀態集管理分為四層：view檢視層，action層，dispatcher派發層，store倉庫層。

view——>action——>dispatcher——>store返回——>dispatcher——>view

vuex狀態管理核心：

state：存放多個元件共享的狀態（資料）

mutations：存放更改state裡狀態的方法，用於變更狀態，是唯一乙個更改狀態的屬性

getters：將state中某個狀態進行過濾，然後獲取新的狀態，類似於vue中的computed

actions：用於呼叫事件動作，並傳遞給mutation

modules：主要用來拆分state

vuecomponent——>(dispatch)action——>(commit)mutations——>(mutate)state——>(render)vuecomponent

同都用store來儲存狀態，都提供資料驅動的、可組合搭建的檢視元件。