模板引擎thymeleaf

thymeleaf简介

Thymeleaf是一个适用于Web和独立环境的现代服务器端java模板引擎
https://www.thymeleaf.org

为什么要使用thymeleaf

thymeleaf PK Vue.js

这两种技术本质上属于不同类型的产品 vue.js属于前端框架 而thymeleaf属于模板引擎
前端通过vue指令渲染列表 thymeleaf则是后端实现页面的渲染
1.由于vue.js是异步请求,从页面打开到信息的展示会出现延迟,而使用thymeleaf 页面打卡会立刻看到页面的信息
2.异步加载的数据不会被搜索引擎抓取 所以我们希望数据被搜索引擎收录 就需要thymeleaf这样的模板引擎

thymeleaf PK JSP

thymeleaf和JSP都属于服务端的渲染技术
thymeleaf比jsp功能强大许多
而且thymeleaf就是springboot官方推荐使用的模板引擎

常用的th标签

th:id 替换id<input th:id = "'xxx'+${变量.id}"/>
th:test 文本替换<p th:test=""></p>
th:utest 支持html的文本替换<p th:utest=""></p>
th:each 循环标签<li th:each="user,userStat:${users}">
th:if 判断条件<a th:if="${userId == collect.userId}">
th:value 属性赋值<input th:value="${user.name}"/>
th:with 变量赋值运算<div th:with = "isEven=${prodStat.count}%2 == 0">

thymeleaf的学习1----------------摸鱼王的日常学习相关推荐

jdbc原生调用存储过程-------摸鱼王的日常问题
日常问题-jdbc原生调用存储过程大家好,我是摸鱼王今天上班老板让写个根据条件清理数据库数据的接口然后我发现java代码执行起来有点慢因为数据量特别大于是写了个删除的存储过程很简单就不展 ...
定时任务-------摸鱼王的日常问题
写定时任务之前要先了解cron表达式,这表达式有点难记,不过百度一搜一大把,记不记也就那回事了 # cron一共有7位,但是最后一位是年,可以留空,所以我们可以写6位第一位,表示秒,取值0-59 第二 ...
日常安装之 rabbitMQ ---------------摸鱼王的日常
0.安装准备新建/app/rabbitMQ目录并上传我提供的rpm文件 https://download.csdn.net/download/weixin_41918907/11643583 1. ...
mybatis 存储 newDate() 时间进入数据库问题------------摸鱼王的日常问题
最近写了一段统计数据统计时间的代码然后统计进去的时间总是比实际时间晚8个小时比如说我早上10点跑的代码统计到数据库的时间就变成了凌晨2点研究了好久发现只需要在配置文件里面加一段配置 ser ...
写在最开始的话-------------我是摸鱼王
在工作(摸鱼)之余看看有哪些视频----这不是广告工作到今天也有三年多了从最开始的勤勤恳恳工作到今天的摸鱼王觉得写代码已经没什么难度了然而作为一个老员工有时候会觉得公司新来的那些一看就是培训 ...
2022年，前端er们都在看哪些网站？(含面试、接活、学习、摸鱼等)
关注公众号前端开发博客,领27本电子书回复加群,自助秒进前端群众所周知,前端内卷严重, 没办法,很多前端人真的就是被迫 day day up (),好在呢,互联网时代,知识满天飞, 想学还是很容 ...
赶紧Mark！再也不怕领导偷偷出现在身后了，你才是最强摸鱼王
当你在上班摸鱼的时候,领导总会偷偷摸摸地出现在你的背后,例如小编曾经偷偷摸摸看<轻音>被抓包了.今天我们就用 Python 来破解这个摸鱼被抓的套路,主要的思路是用 opencv 调用电脑 ...
摸鱼还是学习？来看看这些网站吧！
摸鱼吧 1.Kaspersky Cyberthreat real-time map Kaspersky Cyberthreat real-time map 想体验科技宅的快感嘛?一个利用卡巴斯基杀 ...
哇塞！清华竟然开了《摸鱼》课程！1000多学子在线摸鱼，开课老师为大一新生...
浩楠萧箫发自凹非寺量子位报道 | 公众号 QbitAI 什么,清华竟然开设了一门关于摸鱼的课程? 正在摸鱼的我一下子从椅子上坐了起来,这不就是为我开设的吗? 终于,清华也有我能上的课了! 这 ...

thymeleaf的学习1----------------摸鱼王的日常学习

模板引擎thymeleaf

thymeleaf简介

为什么要使用thymeleaf

thymeleaf PK Vue.js

thymeleaf PK JSP

常用的th标签

thymeleaf的学习1----------------摸鱼王的日常学习相关推荐

最新文章

热门文章