day11【过渡】SpringBoot/29-尚硅谷-尚筹网-SpringBoot-整合Thymeleaf-语法-包含其他页面

好诶，然后下边呢，我们可以这样干哈，就像这个GP，我们可以包含一个外部的文件，这边我们也可以声明一个片段的代码，然后去把另外一部分给包含进来，哎，就这个东西其实呃。哎，也就是我们GP里边的功能吧，这个在STEM这边也都能做，只不过它这个语法不太一样。先声明这么一个要被包含进来的这么一个片段。哎，比如说呢，我们在这儿哈。在这儿建一个目录呢，叫include。在这个下边呢，我们给它来一个。来个H毛哈，建议还是建议H毛。起个什么名呢？Part吧。啊，局部。在这个局部里边呢，写个div。这个div呢，得给它起个名啊。

TH的fragment，给他去起个名字。Fragment，哎，在这给它起个名字，将来就拿这个名字呢去引用这样一个片段。My first part。然后呢，它里边呢，会有一个假设呢，有一个P标签。哎，这个是这个。被包含。呀，这个中文可能。咱们先拿这个英文先测试一下啊。呃，V比。Include。呃，Content，这是要被包含的内容。咱们可以给他多来几个哈。My first my second。第三次怎么说啊？

嗯。嗯。First。Second。这二。呃，这些都准备好。就是片段就有了，然后我们想把它给包含进来。它有不同的方式给包含哈。包含页面的这个片段。我们这儿也是整个div。这个div让他。大一点。也还好啊，其实那个300吧。300乘300。在这呢，这个TH的哈，这里边有insert replace include这三种。哎，可以是insert。

哎，或者是replace，或者是include。这个效果不一样，后边是一个描述，其实我觉得大家没必要看这个描述。你要问我的话，其实我还真也说不上来。你要问我的话，我就说呢，你你你用的时候，你就实际试一试就完了，看看这实际出来的效果是不是你要的。然后再稍微调调就可以了啊，所以这个东西，其实这个文字描述你不用去记啊。呃，咱们先拿以色的咱们来试一下。然后这里边儿写的是啥呢？啊，它是一个波浪线大括号，那也是一个表达式，你看这里边儿有这么三种表达式啊，都是负大括号。圈A打括号。哎，波浪线打括号这三种都是表达式。这个波浪线表达波浪线大括号就专门用来包含别的页面的。呃，波浪线大括号。里边呢是双冒号，左右呢分别写一个值，左边这个是什么呢。

呃，你看我们需要写这个值哈，写这个include。下边的part。什么意思呢，拿这个纸。拼我们这里边的前缀和后缀能够找到这个文件。哎，是这么一个作用。我们这儿写一下啊。这个双冒号。啊，左边这是什么呢。左边哈，左边的。值。呃，拼我们前后缀后。必须。能够找到。哎，这个。这个要。包含的这个文件。

然后呢，这个冒号的右边就是那个代码片段的那个名称。右边的纸拼前后缀后必须能够找到。呃，这个右边的纸哈。是。代码。片段的。名字。也就是我们这里边儿，你比如说这个first part。哎，然后呢，它还可以是这个replace。还可以是include。哎，我们这儿给他分别就来这个second part。和third part。哎，然后咱们看看这个这个效果哈。

哎，咱们看这边哈。呃，看这个就从浏览器上视觉效果看，应该没有啥区别啊，都都是这边都显示的，然后看这个源代码就看出来这个区别了哈。呃，咱们把这几个呢，咱们。CTRLC。为了方便大家，我们对照着来看呢，咱们新建一个H码哈。哎，咱们对比着来看。你看啊。嗯。这个div就第一个哈，第一个。这个insert的这种。它是把这个代码片段呢。整个这个代码片段div加P嘛，整个的全部都给插入进来了啊那。

这一部分就是这一部分啊，这其实能看出来replace这个呢。他是拿我们这个东西呢，其实是把原来的给替换了，Replace就是替换的意思嘛。然后这个骷髅的呢？呀，这个得看一下啊，这个这俩最终看视觉效果是一样的哈，这样的话我们得给他标记一下哈。比如说呢，我们在。在这吧，咱们在这标记一下啊，我这来一个style。给他来一个background color。给他来一个red。红配黄，西红柿炒鸡蛋。你看这个变黄了。哎，这个源代码的话呢，是这样的。

嗯。替换完了以后呢。我们发现这个replace哈，它的这个设置没管用。啊，那肯定是被这个部分给替换了，所以说呢，替换的话就是他富有牺牲精神，他会把当前标签自己就去掉了，就拿包含的这个把自己给替换掉。哎，要包含的这个呢。嗯，他是。他是拿他的标签体，就是这个片段的这个内容。把这个内容呢给替换掉，它外边这个div它没有变，所以这个就还保留下来了。啊，这个东西我觉得咱们看到是有这样的效果，他们确实是有区别的啊，你能理解他们确是有区别就行了，啊，至于说你真正用的时候呢，你用哪一个，这个你就是。呃，你用一下，然后看一下页面上效果，看看是不是你要的，然后再调一调，改一改就好了，对吧？诶。

关于STEM leaf呢，其实还有很多别的语法哈，但是我们其实咱们有这些呢，基本上就够用了。