day11【过渡】SpringBoot/23-尚硅谷-尚筹网-SpringBoot-整合Thymeleaf-HelloWorld

嗯。哎，然后呢，下边我们看这个。哎，就是说这个时候为什么我们这边咱们建议使用cm lef了啊，这边是不用GP了哈，GP有什么，这好像也稍微有点夸张哈，我现在看，但是他确实是这方面是差一点。前端工程师拿到JP文件以后，没法直接放在浏览器上查看布局啊，动态效果呀等等。他看到的就只能是这个代码。啊，你看像我们前面你写的这个GP。嗯，找一下web UI。Man。哎，不是哈，这个在web APP。嗯。随便来一个哈，你比如说这个。配置你这个你要放浏览器上边去去看的话。

那他看到的只能是这个。这个就很不友好了，对前端工程师就很不友好了。啊，这个就很闹心。呃，他也他他看HR标签的话，是是是是能知道是HR标签，但是。他看这个东西不知道最终在浏览器上面CSSGS都生效以后，它是什么样的一个效果。这个他没办法知道。啊，所以说呢，这个，而我们lif就不一样了，Samli呢，所有动态效果都不影响原来的HR标签的这个显示。当一个前端工程师拿到Sam文件以后。它可以直接放在浏览器上查看这个显示的效果。看代码的时候呢，忽略它那动态部分就行了，它那动态部分是我们Sam的语法，它不管它就完事了。忽略掉就可以了。

啊，所以说这个这个这个是他就对他来说帮助就很大了，对前端工程师会很友好诶。那么我们想体验一下呢？咱们得先有一个Sam的一个环境哈。还是在的环境下边，咱们去加入这个三，咱们还是再建一个工厂啊。PRO05。Bo Sam lef。啊，都是家宝啊。嗯。导一下我们这个。先来这个parent。Dependencies。然后呢，这边导一下塞姆利夫的一个start啊，你看用什么东西就导它的启动器。

嗯。这个也需要下哈，这个东西这也是没有这个需要去下。哎，然后下一步呢，这需要配一下。你看这个配置呢，是这样哈，Spring samlif prex，哎，这不是前缀，哎，告诉他到内路径下边有一个叫templ这么一个目录下边去找他的模板的文件。SX后缀名呢是假H毛啊，就说这个是我的结尾的名字是假H毛，哎，然后呢，开始是FOX开发的时候禁用这个缓存。我们新建一个application ya。啊，这是在浏览器上去访问哈，所以说这个就不写这个只有测试了。Springer。这个S。Leaf。

呃，讲这个prex。哎，在内路径下边有一个templ啊，在这新建一个目录。这个是习惯上我们叫time place啊，因为它确实就是模板。然后surface。这个后缀是加码。哎，所以说呢，将来handle的方法也是返回一个中串，它前边拼这个东西，后边拼这个东西，就找到那个文件了，所以说它还是一个啥东西呢，还是跟我们JP一样哈，还是拼组串。这个做一下简单的这个配置。嗯，然后呢，就是说我们在页面上呢，要写的这个写的东西吧，是需要符合赛利的这个语法啊。

呃。对，咱们肯定主启动类是要的，主启动类咱把这个复制过来。这个2F。主启动类拿过来了，然后呢，咱们写个handle的方法哈。这个也是不能浏览器是没办法直接访问的，这个得通过我们的呃，Handle方去转过去。这个呢叫做啊taste。模板，模板叫。Template。Request meeting。

A public。String啊，这个叫做。就是这个方法里边暂时我们先不写上哈。啊，这边。没给地址。嗯。嗯，怎么还是没有导报啊，Re e。哦，对了，这个东西呢，在我们web启动器里边，哎，这个咱们少导一个包。Start web把这改一下就好了。哎，你看水有源，树有根，对吧，没有什么东西是无缘无故的。没有无缘无故的爱。没有无缘无故的。对吧。嗯。

嗯，哎，然后呢，这个return过来，这边这个值呢，是一个啥哈。我们得写一个啊。写一个哈罗呗，啊。嗯，拿这个hello哈，到这个timeless下边新建一个。HM文件。哎，然后这里边吧，你塞利夫的功能想要生效的话，在这儿需要声明一下这个名称空间。哎，得去说明一下这个，我们后边要用到这个TH这个名称空间是哪来的。3W点这个S。Le点二。告诉他啊，一会儿我们下边要用TH的话，它是在这个名称空间里边去定义的。再看看这个写的这个对不对哈。

啊，你看这是三门的官网啊。很很很淡雅的一个风格哈。哎，然后那这里边儿呢，咱们简单写一点啥哈，比如说这儿有一个P标签。P标签里边呢，是有这个。呃，直接在浏览器上打开。哎，时可以看到的内容啊，是这个。然后呢，经过服务器以后要执行的这个内容。哎，就用到我们刚才声明的TH这个命中空间后面带一个text的这个属性表示我们针对这部分呢进行设置。啊，就是这个经过服务器处理后啊，可以看到的内容。呃，我们。

对，为了避免有些个万一有些特殊符号会有些特殊的干扰哈，咱们就不加什么五角星之类的啊。哎，所以说这个时候呢。嗯，你这个文件哈。你放到浏览器上直接打开。哎，这就是看到的是这个，那么我们经过服务器看，再看的话呢，就不是这个值了，所以我们把这个呢先跑起来。这就得这么跑了，这么跑才能够是服务器才能访问，哎，它以在浏览器才能访问服务器。我们这个就是HTTP冒号两个斜杠。8080。那我们这个地址叫。Taste some。你看。哎。

呃，这是在，你看这是在D盘吗？这不直接打开的浏览器上，打开看到是这个服务器打开看到是这个。前端工程师呢，他就可以看这个就直接打开，他不用走服务器，他拿到这个文件直接打开，他就能看到页面上显示的效果。哎，那么。我们服务器运行以后呢，就会有服务器端的这个动态的值，替换以前的那个写死的值这个。这两种模式运行都可以啊，互不干扰，这就是SM lef相对于我们这个GP啊，它最大的一个好处啊，它对前端工程师很友好。