day11【过渡】SpringBoot/24-尚硅谷-尚筹网-SpringBoot-整合Thymeleaf-语法-替换属性值

好，刚才我们说的看的这个效果哈。在这个页面上，我们来。这个价格注释说明一下。哎，服务器它去解析我们这个Sam lef的代码时。呃，它会读取我们th text这个属性的值。然后呢，用这个值去替换，哎，原本标签T的值。标签体是谁呢？就是他。哎，所以说就是拿这个去替换这个。啊，这是服务器端处理做这个属性的。呃，处理的时候是这样去做的。哎，所以下边咱们继续去看其他的这个语法。比如说呢，我们去修改一下指定属性的这个值。哎，就是，呃，这有一个，比如说有个input。

我们在这个他旧的，这是这是原本哈写死的这个旧的值，这是A猫标签本身的这个旧的值是它TH冒号，Y6冒号后边呢，带上这个属性名。就是这个值。啊，就是这个，也就是说用我们新的纸。这个值去替换这个值。并不仅仅是在input这儿。啊，就是说这个所有的HR标签的属性都可以这样去设置。用我们指定的属性值替换原来的属性值，哎。H3吧。啊，这个叫做替换属性值。前边这个呢，我们可以说叫做。这个是替换标签体。看文本标签体替换属性值。

你比如说来一个input哈。哎，这个旧的值呢，是这个。呃，我们写上一串A。哎，然后TH的这个Y6啊，你看这个属性和这个属性名一样，就表示拿这个值去替换这个属性的值。这是一串冰。一下这个好像是让我。就是这是你看啊浏览器这是它直接打开啊，这是浏览器直接打开的时候看到的是这个，然后如果我们是经过服务器去访问的。啊，这个得看一下啊，看这个用不用重启一下。来看一下啊这个事儿，我们一切以。实际运行的结果为准啊，这个有哈，哎，这是一串B哈。这个就是拿旧的纸新呃，新的纸指定的值去替换旧的纸。

注意哈，这是这个操作是在服务器端完成的。啊和在页面上，你要是点一个按钮，诶说我把这个给换掉，那是写GS代码。这个这个这个生效，它这个生效的地方不一样啊，这是在服务器端执行的生效的。哎，这个东西我们可以再再多举几个例子哈。嗯。你比如说呢，我们这儿来一个div。啊，Div呢，里边来一个style啊，它在这呢。我们给它来一个，呃。Wide。来一个100PX这个宽度。来一个呃，100PX这个高度。这个我们给它放到上面吧。

呃，再来一个border这个边框，Ex solid。然后来一个black。黑色哈。呃，然后在这儿呢，我们设置它的这个这个背景颜色background color。给他来一个yellow。但是呢的style。啊，就是经过服务器端执行以后呢，给它变成这个绿色。这里边儿其实写不写字都无所谓哈。这是一个黄色的框。黄色的div。给这来一个换行吧。然后呢，经过服务器端执行以后。没起作用哈。没写完。Background color。

啊，这个没有没有写完整哈。呦呵。嗯，出错了。他解析这个东西的出错吗。解析这个时候出错了是吧，所以说呢，看看也可能是这个冒号呀，什么东西是有算特殊符号哈，我们给它再放到一个单引号里边，让他把这个当成一个整个当一个字串。这么两件试试啊。就是说明那个空格呀，冒号呀，在解析的时候，它可能会当成一些个特殊符号哈。哎，这个时候你看。浏览器直接打开，是这个黄的。哎，然后这边呢，这样这样经过服务器执行以后变成绿的。我们甚至于说这个你你可以你自己吧啊，你自己试一下啊，你自己去找一个图片。

哎，图片本身呢，它是一个美女的一个图片。然后呢，TSRC你在这儿呢，给它再换成一个如花的图片。对吧，哎，就是说浏览器直接打开一看到是一个美女，但是经过服务器执行以后呢，结果发现是一个如画。你看你这个事儿，你看你会不会会会不会干哈。哎，这个就是你自己这个我就我写上啊，就是这个。这个你可以自己去练习一下啊。浏览器直接打开显示美女图片。经过服务器处理后，显示这个如花的图片。哎，你看用这个东西，你看你你怎么去怎么去干哈。

我这儿这样直接去整的话呢，他这边会报错哈。我就不写了哈，你看你自己会不会写。哎，这是我们说的这个替换属性值的这部分。下面这个是访问我们的属性。