V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
289396212
V2EX  ›  程序员

ViewModel 和 DTO 是同样的东西吗?

  •  
  •   289396212 · 2023-07-13 10:37:32 +08:00 · 1655 次点击
    这是一个创建于 498 天前的主题,其中的信息可能已经有所发展或是发生改变。
    还是说有什么区别呢,前后端分离的情况下呢?
    9 条回复    2023-07-13 14:56:49 +08:00
    thinkershare
        1
    thinkershare  
       2023-07-13 10:55:44 +08:00
    不是,ViewModel 是给 Render 渲染提供的,主要是交换模型。
    DTO 是为了数据传输提供的,所有层和层,不同进程直接交换数据的格式都可以叫 DTO, 但一般的 DTO 都是为了隔间领域模型,提供给外部程序调用应用逻辑的入口/出口参数。
    Leviathann
        2
    Leviathann  
       2023-07-13 11:03:30 +08:00
    model 是活的,data 是死的
    ZGame
        3
    ZGame  
       2023-07-13 11:24:44 +08:00
    @thinkershare 一楼说的很挺好的,VM 的概念很多时候在客户端,老的那种风格的化像微软的 wpf mvvm, model-view-viewmodel, 那种往往伴随着 xml+code 比较冗余,新生代以 react,flutter ui,jetpack compose ,swift ui 为例 是 View=fn(State) , 这里 State 某种程度上能类似 VM ?
    thinkershare
        4
    thinkershare  
       2023-07-13 11:40:26 +08:00   ❤️ 1
    @ZGame ViewModel 是交互模型。MVVM 中的 VM 就是典型的 ViewModel, Vue/React/Angular 中的 State 也是典型的 ViewModel, 它们都是视图驱动的。完全是为了怎么方便渲染怎么来。
    如果业务不是非常复杂,也不追求规范化,你完全可以将 Table Schema/Domain Model, DTO, ViewModel 使用一个,但是这样往往会因为各个模型的职责差异,逐渐在演化中变得不可维护。
    289396212
        5
    289396212  
    OP
       2023-07-13 12:56:19 +08:00
    @thinkershare 那和 react client 交互的那个是 viewmodel 还是 dto 呢?
    xiaohundun
        6
    xiaohundun  
       2023-07-13 14:14:26 +08:00
    举个具体的例子的话我的理解是这样的:举例用户信息这个,如果是 viewmodel 是用来给前端渲染用的,所以它里面的关键信息比如手机号、身份证号可能不是脱敏的,用与管理系统中,如果是 DTO 的话,可能它里面就直接没有手机号、身份证,或者做了脱敏,用来跟第三方交换数据
    thinkershare
        7
    thinkershare  
       2023-07-13 14:21:46 +08:00
    @289396212 后端返回的 JSON 是典型的序列化的 dto. 很多时候前端页面的交互并没有那么复杂,就不需要在这个 API 的返回模型和页面的视图模型再添加一个中间转换层,但很多时候这之间是需要转换层的。而且这还涉及到你们后端网关是否承担了 BFF 层的职责,否则很多时候,前端调用后端 API 还要负责黏合后端的多个接口,返回组合后的结果,充当一个前端网关的职责。其实这些概念并没有那么明确的定义,只要有个基础概念就好了。
    现在 Web 应用已经变得非常复杂,很多复杂的前端应用完全将后端那一套模型搬到了前端。这之间的区别变得越来越模糊。
    zjsxwc
        8
    zjsxwc  
       2023-07-13 14:26:17 +08:00
    ViewModel 是 reactive 的,会随着用户交互自动跟着变化。
    DTO 是静态的,不会变。
    AyaseEri
        9
    AyaseEri  
       2023-07-13 14:56:49 +08:00
    DTO 对的是 MVVM 领域的 Model ,实际上 ViewModel 可能会把 Model 中的一些字段拆解成多个字段、加上控制界面元素显隐的 boolean 字段。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1028 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:23 · PVG 03:23 · LAX 11:23 · JFK 14:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.