系统分析与设计lesson13

本文探讨了软件架构与框架的区别与联系,介绍了三层架构模型及其对开发者的益处,并对比了VUE与Flux状态管理机制的异同。

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

  1. 描述软件架构与框架之间的区别与联系
    软件架构是一个系统的草图。软件架构描述的对象是直接构成系统的抽象组件。各个组件之间的连接则明确和相对细致地描述组件之间的通讯。软件框架是指在一定的设计原则基础上,从不同角度对组成系统的各部分进行搭配和安排,形成系统的多个结构而组成架构,它包括该系统的各个组件,组件的外部可见属性及组件之间的相互关系。组件的外部可见属性是指其他组件对该组件所做的假设。
  2. 绘制三层架构模型图,细致到分区

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


    1. 研究 VUE 与 Flux 状态管理的异同
      Flux状态管理分为四层:视图层(view),动作层(action),派发层(dispatcher)和仓库层(store),专门用来构建前端框架结构,便于维护,数据流的顺序为:view发起action->action传递到dispatcher->dispatcher通知store->store的状态改变并通知view改变。
      VUE主要基于Flux框架,适用于构建大型项目,vuex的核心分为:
      1.state:存放多个组件共享的状态
      2.mutations:存放更改state状态的方法,用于变更状态
      3.getters:将state中某个状态进行过滤,然后获取新的状态
      4.actions:用于调用事件动作,并传递给mutation
      5.modules:主要用来拆分state

Vuex数据流的顺序是:view调用store.commit提交对应的请求到store中相应的mutation函数->store改变生成新的state

Vuex与Flux状态管理的不同之处主要体现在数据流顺序这一方面,除此之外,Vuex是基于Flux的一种前端状态管理框架,并且Vuex包含自动渲染功能,通过生成新的state即可完成更新,并且Vuex进行组件与仓库之间的状态传递,而非组件与组件间的传递。

相同之处在于,Vuex与Flux均通过仓库(store)来存储状态(state),且二者均提供数据驱动的、可组合搭建的视图组件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值