美文网首页
数据绑定一

数据绑定一

作者: 程序员札记 | 来源:发表于2023-07-12 09:24 被阅读0次

基本流程图

image.png

数据绑定

前面说了模型方法调用,里面涉及数据转换和数据绑定,但是这里我准备用一个处理器方法来说数据绑定,比较好理解点。


image.png

请求信息:


image.png

绑定方法:


image.png

进行数据绑定

我们就拿第一个参数Dog来说,前面会进行属性的创建,一个空的Dog对象,准备进行绑定。其实绑定的规则就是绑定方法设置的,然后绑定的数据就是来源于请求参数里的参数。我们来看看吧,里面很深哦。

image.png

创建和初始化WebDataBinder

这里已经讲过了,主要是初始化,他会进行所有绑定方法的匹配,匹配的就执行绑定方法,添加绑定规则。


image.png

先看执行前:

image.png

绑定方法匹配,刚好绑定方法里的名字里有dog,和我们的属性名字匹配,我们的方法参数前没加ModelAttribute注解,因此是根据参数类型Dog首字母小写作为名字的,Dog首字母小写后就是dog

image.png

执行完之后,我们看到fieldDefaultPrefix属性变成了d.,其实就是绑定方法设置的:

image.png
image.png

其实这里就是给绑定器设置了前缀,说你看到这个前缀的参数,要获取过来填充到我的dog对象的属性里,其实最终的做法是将这个前缀的参数前缀去掉,放入请求参数集合里,并把原来的删除,剩下的参数名跟属性名对应上的话,就赋值给相应属性。这里要注意要映射的参数名要跟is,get ,set开头的方法相匹配,内部会把这些方法前缀直接去掉,来对应请求参数。比如你方法是d.isGood,但是处理后的变成了Good,如果你传的参数是isGood,那就对应不上,绑定不了了,你只能传Good或者good。于类的属性名无关**

相关文章

  • Data Bindings 数据绑定

    数据绑定 分为两种:1.控件间绑定 2.后台数据绑定 一、控件间绑定 二、后台数据绑定

  • AngularJs数据绑定

    数据的绑定:单项数据绑定和双向数据绑定 1、单项数据绑定(模型到视图) 运行结果: 其中绑定数据有两种方式:“{{...

  • 六、ASP.NET之数据绑定控件(一)

    数据绑定控件 简单数据绑定 1、数据绑定的实现方式分为: (1)简单绑定 (a)表达式绑定 (b)方法绑定 (2...

  • Vue和React数据绑定对比

    在数据绑定上来说,vue的特色是双向数据绑定,而在react中是单向数据绑定。 一 单向和双向数据绑定其实不是完全...

  • Vue入门(二)——数据绑定

    一、什么是双向数据绑定 双向数据绑定是Vue的核心功能之一。所谓双向数据绑定是指:HTML标签上的数据绑定到Vue...

  • 第十三章 数据绑定

    数据绑定介绍 Spring MVC是怎样完成的数据绑定 在数据绑定过程中,Spring MVC框架会通过数据绑定组...

  • Android DataBinding(二) 之 数据绑定

    前言 现在来说明一下DataBinding的数据绑定 单向数据绑定 这里的单向数据绑定指的是model类的数据变化...

  • Vue之表单双向数据绑定和组件

    三、表单双向数据绑定和组件 目录:双向数据绑定、组件 1.双向数据绑定 1)什么是双向数据绑定Vue.js是一个M...

  • 数据的绑定 --- 双向绑定

    数据双向绑定 : 视图的数据可以绑定到模型当中,模型的数据可以绑定到视图当中 想要实现视图的数据绑定到模型当中,必...

  • AppWorker教程-数据绑定

    数据绑定 数据绑定是在应用程序 UI 与数据源建立连接的过程。如果绑定正确数据,则当数据更改其值时,绑定到数据的U...

网友评论

      本文标题:数据绑定一

      本文链接:https://www.haomeiwen.com/subject/twzuudtx.html