QiYuAdmin-Thymeleaf的include封装共用js和css(项目优化)
来源:互联网 发布:tensorflow windows7 编辑:程序博客网 时间:2024/05/29 20:00
简介
有段时间没有更新博客了,最近公司的销售爆表,同时来了几个项目,项目之间交付的日期相差的也比较短,一直沉迷于项目中。从今天开始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,剔除掉无用的插件。
- QiYuAdmin-Thymeleaf的include封装共用js和css(项目优化)
- QiYuAdmin-metronic首页的js和css介绍(SpringBoot项目实战)
- QiYuAdmin-项目模块的说明
- QiYuAdmin-安装项目出现的问题(SpringBoot实战)
- thymeleaf 引入js css
- springBoot项目中使用了thymeleaf模板,怎么在html文件中调用外部的.js/css文件
- QiYuAdmin-改造Quartz的Bean由SpringIOC容器管理(SpringBoot项目实战)
- iframe共用css、js文件
- [js项目]封装库-CSS[上]
- [js项目]封装库-CSS[下]
- spring boot中配置共用Thymeleaf和Jsp
- 企业项目中js方法的封装和使用
- FrameLayou和UI的布局优化(merge、include、ViewStub)
- AngularJS中ng-include指令实现头部和尾部的共用
- css和js文件的架构设计及优化
- 关于ff和ie共用js输出flash的问题
- QiYuAdmin-BootStrapTable增加通用的搜索功能(Metronic实战)
- 项目优化-Http网络请求的封装
- struts2 学习总结(11)
- LeetCode 242. Valid Anagram(字谜)
- 经典!Linux由内核、shell、文件系统和应用程序四部分组成,带你走进嵌入式Linux系统的内部
- 变态跳台阶
- 今天复习《learn python the hard way》1-15章
- QiYuAdmin-Thymeleaf的include封装共用js和css(项目优化)
- CSS中一些使用的知识点(初级篇)
- 我们在渐渐老去
- 浅谈android多线程中的消息传递
- 线程之进度条
- spring和redis集群的整合
- java第一季-eslipse开发
- Git常用命令
- JS函数-返回一定范围的数组