百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

吐槽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...

今年最常见的前端面试题,你会做几道?

在面试或招聘前端开发人员时,期望、现实和需求之间总是存在着巨大差距。面试其实是一个交流想法的地方,挑战人们的思考方式,并客观地分析给定的问题。可以通过面试了解人们如何做出决策,了解一个人对技术和解决问...