吐槽java的模板引擎(java 模板类t)
wptr33 2025-05-02 21:37 27 浏览
最近转到java组后开始接触thymeleaf和freenark这两种主流的模板引擎,其中thymeleaf还是springboot推荐的模板引擎,但是从头到尾看了一篇,也开始尝试用于项目中。
但是thymeleaf还是springboot,它跟asp.net的模板引擎razor比起来,处于幼儿园的水平。其对母板页的理解是有偏差的,razor的模板,就是真的母板,所有公用东西都在母板上,应用页面套用这个母板,只须再定义自己的个性化内容即可,而thymeleaf的所谓模板,不是母板,而是片段集合,公共东西,做成一个个片段,由应用页按需组合起来使用。
razor就像是一个完整的框架,我们使用这个框架,好多东西都自动就具备了,net的razor,调用静态方法,调用service方法,申明变量,就是一个@{ },全部搞定。
而thymeleaf则是一个公用类库,开发人员按需调用,使用起来,也是很不方便,各种奇形怪状的标记和语法。我们要记住的东西很多。
1、在thymeleaf中定义变量
所有人都知道,变量可以从后端的控制器传过来。问题是,为什么这个变量一定要在控制器里定义再传过来?太夸张了吧。这个只跟视图有关的东西,应该就在视图(页面)上自己定义啊。
thymeleaf怎么定义呢?这样子定义:
th:with="变量=值"怎么使用呢,看下面的例子
<div class="dock hidden">
<div style="margin-left:45%;">
<th:block th:with="docks=${
{{1,'发展现状','/hyjj/?p=fzxz'},
{2,'重点项目','/hyjj/?p=zdxm'},
{3,'蟠桃大会','/hyjj/hbh/'}}
}">
<th:block th:each="d:${docks}">
<div class="dock-icon" th:title="${d[1]}" th:url="${d[2]}">
<div><img th:src="@{/images/dock/} + ${d[0]} + ${d[1]} + '.png'" th:alt="${d[1]}"/></div>
<div><span th:text="${d[1]}" th:class="${curicon eq d[0]} ? active"></span></div>
</div>
</th:block>
</th:block>
</div>
</div>
看见了吧,本例子中,变量docks的声明,要用th:with,然后还要放在一个<th:block>的标记里。声明过程中,要用双引号引起来。本例子中,docks还算是简单的,如果是一个更复杂的类型怎么办?
2、使用所谓内置对象
thymeleaf有一些所谓内置对象,dates是其中一种。好像只是用来控制格式。其他还有什么list之类,不知道干什么的。
输出一个日期:
<div th:text="${#dates.format(new java.util.Date().getTime(),'yyyy-MM-dd') }"></div>
#dates,记住了吗?要用“#”号喔。
3、使用静态方法或变量
比如说,你想在thymeleaf里用一个枚举
<th:block th:include="fzjz/_submenu::submenu(curicon=${T(com.monkey.zjfwpt.modules.fzjz.entity.ENormal).DOLPHIN.value()}一定要用T()将它包含起来。否则会报错。
thymeleaf作为模板引擎,是真的烂透了。
那么看看razor的使用方式
变量
@{
int age = 18; //申明变量
}
<!DOCTYPE html>
<html>
<head>
<title>Razor变量</title>
</head>
<body>
<div>razor变量和html脚本结合演示</div>
<div>开始逻辑判断</div>
@{
if (age > 18)
{
<div> 已经成年 </div >
}
else
{
<div> 未成年 </div >
}
}
<div>您当前使用的Cms是:@(name)</div>
</body>
</html>循环
@for (var i = 10; i < 21; i++)
{
<p>Line @i</p>
}逻辑
@{
var price=25;
}
<html>
<body>
@if (price>=30)
{
<p>The price is high.</p>
}
else if (price>20 && price<30)
{
<p>The price is OK.</p>
}
else
{
<p>The price is low.</p>
}
</body>
</html>调用service中方法和静态变量,并放到html便签中。
@{
var userlist=new userService().getList(); //获取对象方法
var str=stringUtlis.Trim("去除空格 "); //调用静态方法去除空格
}
<div>@str</div>
<ul>
@(foreach(var item in userlist){
<li>用户名: @item.username</li>
<li>年龄:@item.age</li>
}
</ul>
看到对比了吧,没有对比就没有伤害,实在不明白,net有很多优秀的东西,java为什么就不懂借鉴一下。
相关推荐
- oracle数据导入导出_oracle数据导入导出工具
-
关于oracle的数据导入导出,这个功能的使用场景,一般是换服务环境,把原先的oracle数据导入到另外一台oracle数据库,或者导出备份使用。只不过oracle的导入导出命令不好记忆,稍稍有点复杂...
- 继续学习Python中的while true/break语句
-
上次讲到if语句的用法,大家在微信公众号问了小编很多问题,那么小编在这几种解决一下,1.else和elif是子模块,不能单独使用2.一个if语句中可以包括很多个elif语句,但结尾只能有一个else解...
- python continue和break的区别_python中break语句和continue语句的区别
-
python中循环语句经常会使用continue和break,那么这2者的区别是?continue是跳出本次循环,进行下一次循环;break是跳出整个循环;例如:...
- 简单学Python——关键字6——break和continue
-
Python退出循环,有break语句和continue语句两种实现方式。break语句和continue语句的区别:break语句作用是终止循环。continue语句作用是跳出本轮循环,继续下一次循...
- 2-1,0基础学Python之 break退出循环、 continue继续循环 多重循
-
用for循环或者while循环时,如果要在循环体内直接退出循环,可以使用break语句。比如计算1至100的整数和,我们用while来实现:sum=0x=1whileTrue...
- Python 中 break 和 continue 傻傻分不清
-
大家好啊,我是大田。今天分享一下break和continue在代码中的执行效果是什么,进一步区分出二者的区别。一、continue例1:当小明3岁时不打印年龄,其余年龄正常循环打印。可以看...
- python中的流程控制语句:continue、break 和 return使用方法
-
Python中,continue、break和return是控制流程的关键语句,用于在循环或函数中提前退出或跳过某些操作。它们的用途和区别如下:1.continue(跳过当前循环的剩余部分,进...
- L017:continue和break - 教程文案
-
continue和break在Python中,continue和break是用于控制循环(如for和while)执行流程的关键字,它们的作用如下:1.continue:跳过当前迭代,...
- 作为前端开发者,你都经历过怎样的面试?
-
已经裸辞1个月了,最近开始投简历找工作,遇到各种各样的面试,今天分享一下。其实在职的时候也做过面试官,面试官时,感觉自己问的问题很难区分候选人的能力,最好的办法就是看看候选人的github上的代码仓库...
- 面试被问 const 是否不可变?这样回答才显功底
-
作为前端开发者,我在学习ES6特性时,总被const的"善变"搞得一头雾水——为什么用const声明的数组还能push元素?为什么基本类型赋值就会报错?直到翻遍MDN文档、对着内存图反...
- 2023金九银十必看前端面试题!2w字精品!
-
导文2023金九银十必看前端面试题!金九银十黄金期来了想要跳槽的小伙伴快来看啊CSS1.请解释CSS的盒模型是什么,并描述其组成部分。答案:CSS的盒模型是用于布局和定位元素的概念。它由内容区域...
- 前端面试总结_前端面试题整理
-
记得当时大二的时候,看到实验室的学长学姐忙于各种春招,有些收获了大厂offer,有些还在苦苦面试,其实那时候的心里还蛮忐忑的,不知道自己大三的时候会是什么样的一个水平,所以从19年的寒假放完,大二下学...
- 由浅入深,66条JavaScript面试知识点(七)
-
作者:JakeZhang转发链接:https://juejin.im/post/5ef8377f6fb9a07e693a6061目录由浅入深,66条JavaScript面试知识点(一)由浅入深,66...
- 2024前端面试真题之—VUE篇_前端面试题vue2020及答案
-
添加图片注释,不超过140字(可选)1.vue的生命周期有哪些及每个生命周期做了什么?beforeCreate是newVue()之后触发的第一个钩子,在当前阶段data、methods、com...
- 今年最常见的前端面试题,你会做几道?
-
在面试或招聘前端开发人员时,期望、现实和需求之间总是存在着巨大差距。面试其实是一个交流想法的地方,挑战人们的思考方式,并客观地分析给定的问题。可以通过面试了解人们如何做出决策,了解一个人对技术和解决问...
- 一周热门
- 最近发表
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)
- c语言 switch (34)
- git commit (34)
