themleaf

themleaf,第1张

themleaf thymeleaf前端表达式怎么写

Thymeleaf基本表达式如需了解thymeleaf以及thymeleaf整合spring,请参考《Thymeleaf模板引擎使用》、《Thymeleaf集成spring》${}变量表达式(美元表达式,哈哈),用于访问容器上下文环境中的变量,功能同jstl中${}。

例如:protected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {...//Create Servlet contextWebContext ctx = new WebContext(req, resp, this.getServletContext(), req.getLocale());ctx.setVariable("helloword","hello thymeleaf,wellcome!");//Executing template enginetemplateEngine.process("home", ctx, resp.getWriter());}模板页面访问变量<p><span th:text="${helloword}"></span></p>回到顶部*{}选择表达式(星号表达式)。

选择表达式与变量表达式有一个重要的区别:选择表达式计算的是选定的对象,而不是整个环境变量映射。

也就是:只要是没有选择的对象,选择表达式与变量表达式的语法是完全一样的。

那什么是选择的对象呢?是一个:th:object对象属性绑定的对象。

例如:<div th: obj ect=" ${session. user}" ><p>Name: <span th: text=" *{firstName}" >Sebastian</span>. </p><p>Surname: <span th: text=" *{lastName}" >Pepper</span>. </p><p>Nationality: <span th: text=" *{nationality}" >Saturn</span>. </p></div>上例中,选择表达式选择的是th:object对象属性绑定的session.user对象中的属性。

回到顶部#{}消息表达式(井号表达式,资源表达式)。

通常与th:text属性一起使用,指明声明了th:text的标签的文本是#{}中的key所对应的value,而标签内的文本将不会显示。

例如:新建/WEB-INF/templates/home.html,段落<p th: text=" #{home. welcome}" >This text will not be show! </p>新建/WEB-INF/templates/home.properties,home.welcome:home.welcome=this messages is from home.properties!测试结果:从测试结果可以看出,消息表达式通常用于显示页面静态文本,将静态文本维护在properties文件中也方面维护,做国际化等。

回到顶部@{}超链接url表达式。

例如:<scriptth:src=http://www.kaotop.com/skin/sinaskin/image/nopic.gif>

常用于日期、集合、数组对象的访问。

这些工具对象就像是java对象,可以访问对应java对象的方法来进行各种 *** 作。

例如:<div th:if="${#maps.size(stuReqBean.students[__${rowStat.index}__].score) != 0}"><label>${score.key}:</label><input type="text" th:value="${score.value}"></input></div><div th:if="${#maps.isEmpty(stuReqBean.students[__${rowStat.index}__].score)}">...do something...</div>其他工具对象表达式还有:#dates#calendars#numbers#strings#objects#bools#arrays#lists#sets

当下说jsp过时,那使用springboot开发学些thymeleaf还是学习vue,求指教?

Thymeleaf学习成本并不高,建议掌握。

vue目前很火,对于快速开发来说比较好,可以考虑上手。

如果你决定做一个全栈工程师,我建议你学习VUE,VUE是当前主流的前端框架,在很多互联网大公司都有广泛的应用,网上教程、轮子都很多。

Spring Boot+VUE采用前后端分离的方式的样例再GitHub和码云上面很多,可以下载来学习。

学习Thymeleaf用于开发一些小的网站和公司内部的网站,还是不错的。

总体来说,个人还是建议学习VUE,主流框架,实在哪天后端混不下去了,还是去混前端,:)。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/4298889.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-10-29
下一篇 2022-10-29

发表评论

登录后才能评论

评论列表(0条)

保存