Springboot集成thymeleaf

最新推荐文章于 2024-07-30 09:49:50 发布

不知道取啥昵称

最新推荐文章于 2024-07-30 09:49:50 发布

阅读量2.4k

点赞数

分类专栏： SpringBoot 文章标签： springboot thymeleaf

本文链接：https://blog.csdn.net/winy_lm/article/details/74931819

版权

SpringBoot 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1. 项目创建

下面这里只选择thymeleaf 选项就行，会自动集成其他运行jar包

2 .根据上面创建的项目结构，下面的1 2 3 均为自动生成，2为springboot启动类，非常重要，3为静态文件js html存放目录，页面

文件框架默认放在templates下面，js放在static下面

3. 代码实例

主类SpringbootPractiseApplication：右键直接run或debug, 运行main方法

package com.lm.practise;

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

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("lm")
@SpringBootApplication
public class SpringbootPractiseApplication {

	/**
	 * springboot启动主方法
	 * @param args
     */
	public static void main(String[] args) {
		SpringApplication.run(SpringbootPractiseApplication.class, args);
	}


	/**
	 * 跳转页面 传数据方法
	 * @param model
	 * @return
     */
	@RequestMapping("/index")
	public String index(Model model) {

		Person obj = new Person("张三",25);


		List<Person> list = new ArrayList<>();

		Person p1 = new Person("aa",15);
		Person p2 = new Person("bb",16);
		Person p3 = new Person("cc",17);
		Person p4 = new Person("dd",18);

		list.add(p1);
		list.add(p2);
		list.add(p3);
		list.add(p4);

		model.addAttribute("person",obj);

		model.addAttribute("list",list);

		// 返回 index.html页面
		return "index";
	}
}

实体类Person:

package com.lm.practise;

/**
 * 描述：实体类
 *
 * @author
 * @create_time
 */
public class Person {

    private String name;

    private Integer age;

    public Person(String name, Integer age) {
        this.name = name;
        this.age = age;
    }

    public Integer getAge() {
        return age;
    }

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

    public String getName() {
        return name;
    }

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

页面，index.html

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

<!--单个取值-->
<div>
    姓名：<span th:text="${person.name}"></span><br/>
    年龄：<span th:text="${person.age}"></span>
</div>

<br/>
<br/>

***************************************

<!--list取值-->
<div th:each="person:${list}">
    姓名：<span th:text="${person.name}"></span><br/>
    年龄：<span th:text="${person.age}"></span><br/>
    ------------------------------------
</div>

</body>

<script th:inline="javascript">

    var person = [[${person}]];

    console.log(person.name + "/" + person.age);


</script>

</html>

运行结果：