thymeleaf 页面处理入门

在整个的 SpringBoot 之中支持最好的页面显示模版就是 thymeleaf,

而且使用此开发模版可以完全避免掉 JSP 的存在,JSP 存在最大的败笔在于很多的开发者在 JSP 文件里面会编写大量的 Scriptlet 代码,这种代码的结构根本就不方便阅读。

而且在编写 JSP的时候你会发现不管如何开发你都要导入一些标签库等等概念,而为了简化这一切可以使用 thymeleaf 开发框架实现.

1、 显示一个普通的文本信息:· 现在假设说在控制器里面传输了一些简单的信息内容:

@RequestMapping(value = "/showStyle", method = RequestMethod.GET)
public String showStyle(Model model) { // 通过model可以实现内容的传递
    model.addAttribute("url", "www.1234.cn"); // request属性传递包装
  model.addAttribute("mid", mid); // request属性传递包装
    return "message/message_show"; // 此处只返回一个路径, 该路径没有设置后缀,后缀默认是*.html
}

前台的展示:

<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>SpringBoot模版渲染</title>
    <link rel="icon" type="image/x-icon" href="/images/mldn.ico"/>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
<p th:text="'网站:' + ${url}"/>
<p th:text="'名:' + ${mid}"/>
</body>
</html>
发现在“

”元素之中出现有一个属性“th:text="'官方网站:' + ${url}"”,而这个 th 就是 thymeleaf 的支持语法,也就是说此时明确表示要显示的是一个普通的文本信息;

------------------------------------------------------------------------------------------------------------------------------

2、 在正规的开发环境下,控制器所传递过来的内容只有核心文本,但是能不能传递带有样式或者是 html 标签的数据呢?下面来做一个验证处理:· 编写一个控制器的操作方法:

@RequestMapping(value = "/showStyle", method = RequestMethod.GET)
public String showStyle(Model model) { // 通过model可以实现内容的传递
    model.addAttribute("url", "<span style='color:red'>www.mldn.cn</span>");
    return "message_show_style";
}

这里我们加了一个样式:

接受的时候就的用这样的方式接受:

<p th:utext="'加了样式之后:' + ${url}"/>

也就是前面是utext='' 输出如下


如果从安全的角度来讲肯定使用“th:text”的处理方式显示信息才安全,所有的 html 代码会被过滤掉

3,在一个项目之中肯定会存在有一些资源文件,实际上使用“th:text”也可以获取资源文件的内容;· 现在假设定义的资源文件内容如下:


<h2 th:text="#{welcome.url}"/>

<h2 th:text="#{welcome.msg('xiaoli')}"/>

用过这样也可以获取到资源文件

4. 除了以上的功能之外,在“th:text”操作里面还可以编写一些基础的运算:

<p th:utext="'官方网站:' + ${url} + '、数学计算:' + (1 + 2)"/>

结果:



会发现在整个 thymeleaf 信息输出的处理之中,几乎都将可能使用到的支持全部设计在内了。



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值