【SSAD】Lesson 13 Homework

本文阐述了软件架构与框架的区别与联系,详细介绍了三层架构的优势,并对比分析了VUE的Vuex与Flux状态管理机制的异同。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【SSAD】Lesson 13 Homework

@(SSAD)

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

区别
软件架构就是把系统分解为一些部件,描述这些部件的职责及它们之间的协作行为。
框架是特定语言和技术的架构应用解决方案。是具体语言和技术相关的。是集成了你的代码和多种第三方解决方案的工具,让你聚焦业务逻辑代码而不是技术实现。

联系
框架是一种或多种架构的组合的实现。

以你的项目为案例
  • 绘制三层架构模型图,细致到分区
  • 结合你程序的结构,从程序员角度说明三层架构给开发者带来的便利

1

便利
1. 层次结构清晰,能够将系统清晰地层次化,思路清晰。
2. 能够降低系统的耦合度和依赖性,提高复用性和扩展性。
3. 项目系统构建时,能够根据层次结构做到分工明确,减少不必要的麻烦。
4. 层次结构的实现利于系统的标准化。
5. 有利于提高系统的安全性。

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


VUE:vuex是专门为vue提供的状态管理工具,多个组件调用一个状态,将原来组建与组件之间的状态传递改成组件与仓库之间的传递;vuex适用于构建大型的项目,如果不是大型项目,使用vuex会使代码更加繁琐。

vuex核心:
state:存放多个组件共享的状态(数据)
mutations:存放更改state里状态的方法,用于变更状态,是唯一一个更改状态的属性
getters:将state中某个状态进行过滤,然后获取新的状态,类似于vue中的computed
actions:用于调用事件动作,并传递给mutation
modules:主要用来拆分state
vueComnent——》(dispatch)Action——》(commit)——》Mutations——》(mutate)State——》(render)VueComponent

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

它分为四层:view视图层 action层 dispatcher派发层 store仓库层
view——>action——>dispatcher——>store返回——>dispatcher——>view(接收的方法:register())


- 两者都是通过store进行数据、状态的存储。
- 数据流单向,状态变化留下日志,方便查询。
- 管理状态采用思想相同。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值