系统分析与设计（八）
描述软件架构与框架之间的区别与联系
以你的项目为案例，绘制三层架构模型图，细致到分区
结合你程序的结构，从程序员角度说明三层架构给开发者带来的便利
研究 VUE 与 Flux 状态管理的异同
软件架构与框架之间的区别与联系
架构
软件架构就是把系统分解为一些部件，描述这些部件的职责及它们之间的协作行为。
框架
框架是特定语言和技术的架构应用解决方案。
框架是具体语言和技术相关的。
框架是一种或多种架构的组合的实现。
框架是集成了你的代码和多种第三方解决方案的工具，让你聚焦业务逻辑代码而不是技术实现。
区别
架构不是软件，而是关于软件如何设计的重要策略。软件架构决策设计到如何将软件系统分解成不同的部分、各部分之间的静态结构关系和动态交互关系等。经过完整的开发过程之后，这些架构决策将体现在最终开发出的软件系统中。
框架是一种特殊的软件，它并不能提供完整无缺的解决方案，而是为你构建解决方案提供良好的基础。框架是半成品。典型地，框架是系统或子系统的半成品；框架中的服务尅被最终应用系统直接调用，而框架中的扩展点是供应用开发人员定制的“可变化点”。
架构先全局后局部。框架先通用后专用。架构是问题的抽象解决方案，它关注大局而忽略细节。而框架是通用半成品，还必须根据具体需求进一步定制开发才能变成应用系统。
联系
架构决策往往会体现在框架之中，框架技术和架构技术的出现，都是为了解决软件系统日益复杂所带来的困难而分而治之的结果。
绘制三层架构模型图
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来存储状态，都提供数据驱动的、可组合搭建的视图组件。