thymeleaf引用html_Thymeleaf 引入公共代码页面

前面写过，写前端页面的时候，尤其是写后台管理系统，每个页面都会遇到一些重复的代码，比如左侧导航栏，头部的信息，前面也做了一些整合，把代码放在了公共的页面，每个页面调用时只需要用script引入即可。

但是项目里面 用到的是Thymeleaf 模板，为了减少请求速度，用Thymeleaf 引入公共代码页面会提高页面跳转和打开的速度，虽然前端是有三大框架可以使用，但对于没有应用框架的代码里面，我们可以使用模板引擎来提高。

其实道理也挺简单的，和上面的文章的步骤差不多，

1：首先在templates底下新建一个com文件，用来存放侧边栏和顶部公共代码文件

顶部head.html

....(此处为顶部公共部分代码，省略五百行)

侧边栏side.html

.......(此处为侧边栏公共部分代码，省略五百行)

2：现在假设我在写用户界面的模块,只需要在固定位置引入以上两个文件即可

用户管理

...用户管理界面代码(此处省略n行代码)

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，前端资源下载群：440185135