IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Java知识库 -> SpringBoot学习(二)视图技术Thymeleaf -> 正文阅读

[Java知识库]SpringBoot学习(二)视图技术Thymeleaf

Thymeleaf是一个现代的服务器端 Java 模板引擎,适用于 Web 和独立环境。

官方网址

Thymeleafhttps://www.thymeleaf.org/pom.xml文件Thymeleaf依赖项

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

在模板中加入解析

<!DOCTYPE html>
<html lang="zh_cn" xmlns:th="http://www.thymeleaf.org/" 
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">

后面这个是要用到spring security的相关数据时要用到的命名空间,暂且不提。?

application.properties文件中关于thymeleaf的配置项

spring.thymeleaf.model=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.cache=false

常用th标签

<p th:text="${name}"></p>
显示文本

th:object

<p th:object="${object}"></p>
显示对象

th:action

<form th:action="@{/person/}+${person.id}" method="post"></form>
用于指定表单提交地址

th:value

th:field

URL写法

th:href="@{http://www.baidu.com}"

th:href="@{/}"

th:href="@{css/bootstrap.min.css}"

条件求值

th:if th:unless

th:switch

th:case

运算符

+ - * /

<p th:text="1+2"></p>

遍历

th:each

<div th:each="item:${items}">
    <span th:text="${item.name}"></span>
</div>

处理公共代码

th:fragment th:include th:replace

新建一个简单的model类 User

public class User {
    private long id;
    private String name;
    private int age;

    public long getId() {
        return id;
    }

    public void setId(long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }
}

创建控制器UserController

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.servlet.ModelAndView;

import java.util.ArrayList;
import java.util.List;

@Controller
public class UserController {
    @GetMapping("/user")
    public ModelAndView hello(){
        List<User> list = new ArrayList<User>();
        User user = new User();
        user.setName("张三");
        user.setAge(17);
        list.add(user);
        User lisi = new User();
        lisi.setName("李四");
        lisi.setAge(19);
        list.add(lisi);
        User wangwu = new User();
        wangwu.setName("王五");
        wangwu.setAge(19);
        list.add(wangwu);
        ModelAndView model = new ModelAndView("user");
        model.addObject("users",list);
        return model;
    }
}

这里的model的名字就是html文件的名字,一开始没搞明白。

创建view 就是html user.html

<!DOCTYPE html>
<html lang="zh_cn" xmlns:th="http://www.thymeleaf.ort">
<head>
    <meta charset="UTF-8">
    <title>this is user test page</title>
</head>
<body>
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr th:each="user : ${users}">
            <td th:text="${user.name}"></td>
            <td th:text="${user.age}"></td>
        </tr>
    </table>
</body>
</html>

运行显示。

?

  Java知识库 最新文章
计算距离春节还有多长时间
系统开发系列 之WebService(spring框架+ma
springBoot+Cache(自定义有效时间配置)
SpringBoot整合mybatis实现增删改查、分页查
spring教程
SpringBoot+Vue实现美食交流网站的设计与实
虚拟机内存结构以及虚拟机中销毁和新建对象
SpringMVC---原理
小李同学: Java如何按多个字段分组
打印票据--java
上一篇文章      下一篇文章      查看所有文章
加:2022-09-13 10:59:34  更:2022-09-13 11:01:35 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 12:15:30-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码