QiYuAdmin-Thymeleaf的include封装共用js和css（项目优化）
简介
index.html的js和css现状
css文件 js文件，哇太多了，看不见底部
有些兄弟说访问的速度太慢了啊，等了大半天了啊，我想这个是主要的原因，在加上我之前的阿里云服务器是最低配置的。里面的每个插件先不说什么意思，大家也可以先查查，很多都是很有用的插件的，不过现在的首页很多都没有用到，接下来就会一点一点的优化它，把这个metronic框架给研究熟悉了，大部分后端的兄弟们有福了，这个框架我感觉真的是太爽了。
index.html的js和css抽出
QiYuAdmin项目前端模板用的是Thymeleaf3.0，也是SpringBoot官网推荐使用的，一开始用的时候特别不习惯，做了一个项目之后感觉也还可以，还专门找了一些文章看了一下thymeleaf模板和其它模板的区别，好几篇文章都发现它是在众多模板中脱引而出，性能属于最垫底的，性能最差的，亮瞎了我的双眼，和Beetl不是一个数量级的。可那是3.0之前的thymeleaf了，听说现在的thymeleaf3.0改善很多，可以看看这篇知乎的文章。。具体用法和功能还是官方文档比较好，一手资料，难点就是英文的。
回到咱们的项目中，先将js和css抽出来，分别放在两个文件里面
common_head.html里面放入是引入的css样式，如下图所示。
onload_js.html里面放入的是引入的js脚本，如下图所示。
那怎么在index.html文件里面引入css呢？如下图所示。
同样的在index.html文件里面引入js，如下图所示。
那么如果我们把通用的css和js文件都放入common里面的话，其它页面用的话，将会很方便，包括一些通用、共用的样式和js。
针对现在的QiYuAdmin项目，下篇文章将会梳理出共用的js和css，剔除掉无用的插件。
