Thymeleaf

最新推荐文章于 2022-08-24 00:30:00 发布

机灵小桶桶

最新推荐文章于 2022-08-24 00:30:00 发布

阅读量194

点赞数

分类专栏： spring Boot

本文链接：https://blog.csdn.net/baidu_34464794/article/details/66978987

版权

spring Boot 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

public class Person {
	private String name;
	public Person(String name){
		super();
		this.name=name;
	}
	public Person(){
		super();
	}
	public void setName(String name){
		this.name=name;
	}
	public String getName(){
		return name;
	}
}

实体类person

Controller层 model有点像json 数据传输

@Controller
@SpringBootApplication
public class Dao {
	@RequestMapping("/")
	public String index(Model model){
		Person single =new Person("zc");
		List<Person> people=new ArrayList<Person>();
		Person p1=new Person("zc1");
		Person p2=new Person("zc2");
		people.add(p1);
		people.add(p2);
		model.addAttribute("singlePerson",single);
		model.addAttribute("people",people);
		return "index";//返回index.html
	}
	public static void main(String[] args){
		SpringApplication.run(Dao.class, args);
	}
}

index.html

<html
 xmlns:th="http://www.thymeleaf.org">
<head>
<meta content="text/html;charset=UTF-8"/>
<title>Insert title here</title>
</head>
<body>

	<div class="panel panel-primary">
		<div class="panel-heading">
			<h3 class="panel-title">访问model</h3>
		</div>
		<div class="panel-body">
			<span th:text="${singlePerson.name}"></span>
		</div>
	</div>
	<div th:if="${not #lists.isEmpty(people)}">
		<div class="panel panel-primary">
			<div clsaa="panel-heading">
				<h3 class="panel-title">列表</h3>
			</div>
		<div class="panel-body">
			<ul class="list-group">
				<li class="list-group-item" th:each="person:${people}">
					<span th:text="${person.name}"></span>
					<button class="btn" th:οnclick="'getName(\''+${person.name}+'\');'">获得名字</button>
				</li>
			</ul>
		</div>
	</div>
</div>	
<script th:inline="javascript">
 var single=[[${singlePerson}]];
 console.log(single.name);
 function getName(name){
	 console.log(name);
 }
</script>
</body>
</html>

机灵小桶桶

关注

0
点赞
踩
0

收藏

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

public class Person { private String name; public Person(String name){ super(); this.name=name; } public Person(){ super(); } public void setName(String name){ this.name=name; } public
复制链接

扫一扫