系统分析与设计HW8

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

• 软件架构是一个系统的草图。软件架构描述的对象是直接构成系统的抽象组件。各个组件之间的连接则明确和相对细致地描述组件之间的通讯。软件架构并不仅仅关注软件本身的结构和行为，还注重其他特性：使用、功能性、性能、弹性、重用、可理解、经济以及技术的限制和权衡等。
• 软件框架是面向领域（如ERP、计算领域等）的、可复用的“半成品”软件，它实现了该领域的共性部分，并提供了一些定义良好的可变点以保证灵活性和可扩展性。也就是说软件框架是领域分析结果的软件化，是领域内最终应用的模板。
• 区别：软件架构是一个比较抽象的概念，而软件框架则是具体的概念，是实际系统的一部分。
• 联系：软件架构指导了框架的设计，软件框架实现、支持了软件架构，框架可以涉及一种或者多种架构。

以你的项目为案例

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

结合你程序的结构，从程序员角度说明三层架构给开发者带来的便利
1.实现了逻辑分离，耦合度低，结构清晰。
2.利于各层次开发工作同步进行。
3.利于接受需求的变化。

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

• Flux将一个应用分成四个部分。

  1.View： 视图层
  2.Action（动作）：视图层发出的消息（比如mouseClick）
  3.Dispatcher（派发器）：用来接收Actions、执行回调函数
  4.Store（数据层）：用来存放应用的状态，一旦发生变动，就提醒Views要更新页面
  

• Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

  vuex 包含有五个基本的对象：

  1.state：存储状态。也就是变量；
  2.getters：派生状态。也就是set、get中的get
  3.mutations：提交状态修改。也就是set、get中的set
  4.actions：和mutations类似。
  5.modules：store的子模块，内容就相当于是store的一个实例。
  

• 不同
  1.Flux数据流顺序：

  1.用户访问 View
  2.View 发出用户的 Action
  3.Dispatcher 收到 Action，要求 Store 进行相应的更新
  4.Store 更新后，发出一个"change"事件
  5.View 收到"change"事件后，更新页面
  

  Vuex数据流的顺序是：

  1.View调用store.commit提交对应的请求到Store中对应的mutation函数
  2.store改变生成新的state(vue检测到数据变化自动渲染)
  

  2.在Vuex中本身就内置State对象，对仓库的管理更加明确。

• 相同：

  1.VUE和Flux都通过store来存储状态。
  2.Flux最早提出作为对传统前端MVC的一种改进，Vuex借鉴了Flux的一些思想。