系统分析与设计第八次作业

描述软件架构与框架之间的区别与联系

框架是软件，架构不是软件。框架落脚在“架”字上，可以理解成名词性的，是一个客观性的名词存在，如.Net Framework；而架构体现在“构”字上，理解成构造，是一个动词性的，是一系列动作发生的策略性体现。

框架是一种特殊的软件，它并不能提供完整无缺的解决方案，而是为你构建解决方案提供良好的基础。框架是半成品。典型地，框架是系统或子系统的半成品；框架中的服务尅被最终应用系统直接调用，而框架中的扩展点是供应用开发人员定制的“可变化点”。

架构不是软件，而是关于软件如何设计的重要策略。软件架构决策设计到如何将软件系统分解成不同的部分、各部分之间的静态结构关系和动态交互关系等。经过完整的开发过程之后，这些架构决策将体现在最终开发出的软件系统中；当然，引入软件架构之后，整个开发过程变成了“分两步走”，而架构决策往往会体现在框架之中。或许，人们常把架构和框架混为一谈的原因就在于此吧！我们不能指着某些代码，说这就是软件架构，因为软件架构是比具体代码高一个抽象层次的概念。架构势必被代码所体现和遵循，但任何一段具体的代码都代表不了架构。
框架技术和架构技术的出现，都是为了解决软件系统日益复杂所带来的困难而采取“分而治之”思维的结果—–先大局后局部，就出现了架构；先通用后专用，就出现了框架。

以你的项目为案例

绘制三层架构模型图，细致到分区

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

1，结构清晰、耦合度低,
2，可维护性高，可扩展性高；
3，利于开发任务同步进行；容易适应需求变化

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

1）vuex是专门为vue提供的状态管理工具

2) 便于维护，保证安全，vue中引入vuex,解决状态之间共享的问题

3)多个组件调用一个状态，将原来组建与组件之间的状态传递改成组件与仓库之间的传递

4）vuex适用于构建大型的项目，如果不是大型项目，使用vuex会使代码更加繁琐

2）vuex核心：

　　　　state：存放多个组件共享的状态（数据）

　　　　mutations：存放更改state里状态的方法，用于变更状态，是唯一一个更改状态的属性

　　　　getters：将state中某个状态进行过滤，然后获取新的状态，类似于vue中的computed

　　　　actions：用于调用事件动作，并传递给mutation

　　　　modules：主要用来拆分state

　　　　vueComnent –>(dispatch)Action –>（commit）–> Mutations –>（mutate）State –>（render）VueComponent

关于flux

1）状态集管理框架，由facebook创建，专门用来构建前端框架结构的框架，便于维护，用于安全考虑

它分为四层：view视图层 action层 dispatcher派发层 store仓库层

view——>action——>dispatcher——>store返回——>dispatcher——>view(接收的方法：register（）)