系统分析与设计 HW8

架构与框架的区别

1. 框架是一个半成品的软件， 为最后的软件制品提供了基础代码。而架构不是软件，也不是代码， 它是一种软件设计的策略和思想。用于指导软件的设计与开发。
2. 所针对的需要解决的问题对象不同。框架是针对特定的语言，技术的架构应用解决方案；而架构针对的是某一类软件生产问题的解决方案，并不针对于特定的语言实现。
3. 架构重在 “构建”， 即在逻辑层面上进行分析，得到的结果也是在逻辑层面表达；框架则是重在“架”， 即为软件开发搭建好一些必要的基本代码，其成果直接体现为软件的一些 basecode

架构与框架的联系

1. 架构是一种理论并不囊括具体的实现，是框架的理论支持。
   
2. 框架是针对具体问题的解决方案，是架构在某方面上的具体应用。
   
3. 架构不考虑具体语言和技术；而框架是具体语言和技术相关的。

以你的项目为案例画三层架构模型图

结合你程序的结构，从程序员角度说明三层架构给开发者带来的便利

1.开发人员可以只关注整个结构中的其中一层。

2.可以降低层与层之间的依耐性，也可以轻松用新的实现代替原有的该层。

3.项目分工清楚，结构清晰，后期维护成本低。

4.不会出现一环依赖另一环的情况，大大提高了开发者的工作效率。

研究 VUE 与 Flux 状态管理的异同

VUE ： Vue是一个构建数据驱动的 web 界面的渐进式框架。vuex是专门为vue提供的状态管理工具。

Flux ： 状态集管理框架，由facebook创建，专门用来构建前端框架结构的框架。它分为四层：view视图层、action层、dispatcher派发层、store仓库层。

两者之间的联系：Flux 思想是为了解决传统 MVC 架构不能有效解决大型业务中复杂数据流的管理问题而产生的一种软件架构思想。Vue 和 Flux 的状态管理都是基于 Flux 思想的实现，其核心思想是数据和逻辑永远单向流动。

两者之间的不同：Flux 主要分为 view、action、dispatcher和store，其数据流顺序为： View发起Action -> Action传递到Dispatcher -> Dispatcher将通知Store -> Store的状态改变通知View进行改变
Vuex 主要分为 state、mutations、getters、actions、modules。vuex的数据流顺序为：在视图中触发 action，并根据实际情况传入需要的参数 -> 在 action 中触发所需的 mutation，在 mutation 函数中改变 state -> 通过 getter/setter 实现的双向绑定会自动更新对应的视图。