【系统分析与设计】lesson13作业

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

  • 架构:: Arichitecture, 把系统分解为一些模块,然后描述这些模块的职责和交互方式。
  • 框架: Framework, 是系统中业务无关的通用部分,被独立抽象出来以便复用,降低开发难度。

以你的项目为案例

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

【系统分析与设计】lesson13作业

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

  • 通过webpack打包,前端也可以模块化地设计,减低设计难度,增强复用性
  • 前后端分离,前端模块分类,并行开发
  • 将功能按模块组织,如将网络访问集成到unitedInterface.vue,目录结构合理,便于debug
  • 每个层涉及的技术是明确的,便于快速学习。前端只需要了解web和Vue,后端只需要学习JAVA和Dijungo

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

  • 同:

    • Vue和Flux都是基于CQRS(命令和查询职责分离)思想,更新和引用的数据流动时单向的,避免当一个Model被多个View引用时,一个Model被View改变时导致的混乱的波纹扩散式更新。
  • 异:

    • flux不区分同步和异步更改, 而Vuex区分, commit时同步更新, action是异步更新。
    • Vuex的更新是直接通过state实例,作为state方法来调用,而flux的action由view提交后,通过dispatch分发到store更新,然后再通知view更新。