Thymeleaf小案例

最新推荐文章于 2022-01-11 09:22:15 发布

我在b站学养猪

最新推荐文章于 2022-01-11 09:22:15 发布

阅读量315

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41741563/article/details/105876552

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

此次的案例主要内容用Thymeleaf来实现登录国际化

项目工程图
pom文件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.6.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>thymeleaf</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

      <!--  <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>

            <scope>runtime</scope>
        </dependency>-->
        <!--<dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

java 类（User类中间主要有id、name、password属性，在此就不贴出代码了，启动类也没有贴出）

/*管理路径的控制器*/
@Controller
public class PathController {

    @RequestMapping("/login_i18n.html")
    public String login_i18n(){
        return "login_i18n.html";
    }
}

@Controller
public class ThymeleafController {
    @RequestMapping("/thyme.html")
    public String thymeData(Model model){
        User user=new User();
        user.setName("张三");
        user.setPassword("123");
        model.addAttribute("user",user);
        return "thymeleaf.html";
    }
}

html文件

<!--thymeleaf.html文件-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www/thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf模板</title>
</head>
<body>

    <!--两种${}显示文本的方式-->
    <p th:text="${user.name}+${user.password}"></p>
    <p th:inline="text">[[${user.name}]][[${user.password}]]</p>

    <!--*{}的表达式-->
    <p th:object="${user}">[[*{name}]],[[*{password}]]  </p>

    <!--#{}的表达式-->
    <P>[[#{user.name}]]&[[#{user.password}]]</P><!--取不到值，显示key-->

    <!--@{}的表达式-->
    <a th:href="@{login_i18n.html}">国际化</a>

</body>
</html>

<!--login_i18n.html文件-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录-国际化</title>
</head>
<body>
    <h2>[[#{login.title}]]</h2>
    <hr/>
    <form>
        <p><Input type="text" name="name" th:placeholder="#{login.name}"required autofocus></p>
        <p><input type="password" name="password" th:placeholder="#{login.password}" required></p>
        <p><input type="submit" th:value="#{login.submit}"></p>
    </form>

</body>
</html>

application.yml文件

server:
  port: 8080
spring:
  messages:
    basename: message_en_US

配置的国际化文件（properties文件）

# message.properties文件内容
login.title= 用户登录
login.name= 用户名
login.password= 密码
login.submit= 登 录

# message_en_US.properties文件内容
login.title= User Login
login.name= UserName
login.password= Password
login.submit= Login

效果展示图

点击链接 “国际化”跳转页面

我在b站学养猪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Thymeleaf小案例

此次的案例主要内容用Thymeleaf来实现登录国际化项目工程图pom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"...
复制链接

扫一扫