2021-06-24—— Springboot学习11(Thymeleaf配置国际化页面)


前言


一、Thtmeleaf的说明:

thymeleaf 是新一代的模板引擎,在spring4.0中推荐使用thymeleaf来做前端模版引擎,在有些时候是可以完完全全替代JSP,1.Thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性,所以 thymeleaf 的模板可以静态地运行;当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。本次学习任务便是通过项目的方式来学习这样一个知识点。

二、具体学习步骤:

(1)、创建项目(Thymeleaf18N):

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
选择以上三个部署条件

(2)查看初始化完毕后的项目内容:

一、查看Pom.xml部署文件:

在这里插入图片描述

二、查看启动项文件【Thymeleafi18NApplication】:

在这里插入图片描述

(3)、编写项目结构文件

解释一下:本次任务仍然采用分层架构的思想来完成,所以仍然是需要编写 控制层 、用户实体类等必要内容,为了减少内容的复杂度,我就一次性将重点的内容全部发出来了。

一、查看项目总结构:

在这里插入图片描述

二、在i18n目录里创建login.properties

内容如下:
在这里插入图片描述

三、在i18n目录里创建login_zh_CN.properties

在这里插入图片描述

四、在i18n目录里创建login_en_US.properties

在这里插入图片描述

五、编写全局配置文件application.properties:

在这里插入图片描述

六、在子包reslove中创建自定义区域解析器【MyLocaleReslove】:

在这里插入图片描述

(4)、在模板文件夹下【template】编写【login.html】、【failure.html】、【success.html】三个页面:

login.html:
在这里插入图片描述
failure.html:
在这里插入图片描述
success.html:
在这里插入图片描述

一、运行并查看结果:

在浏览器里访问http://localhost:8080/toLoginPage

结果如下:
在这里插入图片描述

总结

本次任务主要是想要测试Thtmeleaf模板的使用,由于个人最近学习状态不是很好导致这一章的内容显得很吃力,打算在接下来的空余时间中进行好好的复习与学习。所以本次的文章仅仅是个半成品目的是在于自己能够对知识有个印象,等有空后再好好完善本次的任务内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sugar-free->小粽子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值