QiYuAdmin-Thymeleaf的include封装共用js和css（项目优化）

有段时间没有更新博客了，最近公司的销售爆表，同时来了几个项目，项目之间交付的日期相差的也比较短，一直沉迷于项目中。从今天开始QiYuAdmin项目我每天都会花点时间去维护它，去优化它，之后的版本将会陆陆续续增加一些功能，其中最重要的就是流程引擎，接下来的一段时间里，主要是优化项目，将里面的很多没有用到的东西给删除掉，一点一点的完善它。源码已经上传到了开源中国了，群的公告里面有源码的地址。QQ群号：140874613。

index.html的js和css现状

css文件 



js文件，哇太多了，看不见底部 


有些兄弟说访问的速度太慢了啊，等了大半天了啊，我想这个是主要的原因，在加上我之前的阿里云服务器是最低配置的。里面的每个插件先不说什么意思，大家也可以先查查，很多都是很有用的插件的，不过现在的首页很多都没有用到，接下来就会一点一点的优化它，把这个metronic框架给研究熟悉了，大部分后端的兄弟们有福了，这个框架我感觉真的是太爽了。

index.html的js和css抽出

QiYuAdmin项目前端模板用的是Thymeleaf3.0，也是SpringBoot官网推荐使用的，一开始用的时候特别不习惯，做了一个项目之后感觉也还可以，还专门找了一些文章看了一下thymeleaf模板和其它模板的区别，好几篇文章都发现它是在众多模板中脱引而出，性能属于最垫底的，性能最差的，亮瞎了我的双眼，和Beetl不是一个数量级的。可那是3.0之前的thymeleaf了，听说现在的thymeleaf3.0改善很多，可以看看这篇知乎的文章。https://www.zhihu.com/question/30108954。具体用法和功能还是官方文档比较好，一手资料，难点就是英文的。回到咱们的项目中，先将js和css抽出来，分别放在两个文件里面

common_head.html里面放入是引入的css样式，如下图所示。

onload_js.html里面放入的是引入的js脚本，如下图所示。

那怎么在index.html文件里面引入css呢？如下图所示。

同样的在index.html文件里面引入js，如下图所示。

那么如果我们把通用的css和js文件都放入common里面的话，其它页面用的话，将会很方便，包括一些通用、共用的样式和js。针对现在的QiYuAdmin项目，下篇文章将会梳理出共用的js和css，剔除掉无用的插件。