Lesson13_Homework

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

框架不是构架（即软件体系机构）。体系结构确定了系统整体结构、层次划分，不同部分之间的协作等设计考虑。框架比架构更具体。更偏重于技术涉嫌。确定框架后，软件体系结构也随之确定，而对于同一软件体系结构（比如Web开发中的MVC），可以通过多种框架来实现。

以你的项目为案例

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

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

三层架构是指：视图层View、服务层Service、持久层Dao，分别完成不同的功能。

View层：用于接收用户提交请求的代码在这里编写。
Service层：系统的业务逻辑主要在这里编写。
Dao层：直接操作数据库的代码在这里编写。

为了更好的降低各层间的耦合度，在三层架构程序设计中，采用面向抽象编程。即上层对下层的调用，是通过接口实现的。而下层对上层的真正服务提供者，是下层接口的实现类。服务标准（接口）是相同的，服务提供者（实现类）可以更换。这就实现了层间的耦合。

三层架构的优点如下:
1.分离开发人员的关注。由于某一层仅仅调用其相邻下一层所提供的服务，所以，只要本层的API和相邻下一层的API定义完整，开发人员在开发某一层时就可以像关注集中于这一层所用的思想、模式、技术，这样，就等同于将分工带来的生产力提高优势引入软件开发。
2.无损替换
3.降低了系统间的依赖
4.复用

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

flux:
状态集管理框架，由facebook创建，专门用来构建前端框架结构的框架，便于维护，用于安全考虑
它分为四层：view视图层, action层, dispatcher派发层, store仓库层
view——>action——>dispatcher——>store返回——>dispatcher——>view(接收的方法：register（）)
vue:
1、vuex是专门为vue提供的状态管理工具
2、便于维护，保证安全，vue中引入vuex,解决状态之间共享的问题
3、多个组件调用一个状态，将原来组建与组件之间的状态传递改成组件与仓库之间的传递
4、vuex适用于构建大型的项目，如果不是大型项目，使用vuex会使代码更加繁琐
5、vuex核心：
state：存放多个组件共享的状态（数据）
mutations：存放更改state里状态的方法，用于变更状态，是唯一一个更改状态的属性
getters：将state中某个状态进行过滤，然后获取新的状态，类似于vue中的computed
actions：用于调用事件动作，并传递给mutation
modules：主要用来拆分state
vueComnent——>(dispatch)Action——>（commit）——>Mutations——>（mutate）State——>（render）VueComponent