Thymeleaf使用方法

╰+哭是因爲堅強的太久メ 2024-02-19 21:53 51阅读 0赞

Thymeleaf使用方法

一：变量输出与字符串操作（承接上一个小demo）  
[1.th][]:text 在页面输出值  
[2.th][]:value 可以将一个值放入到inpurt的value中

3.常见方法

二：日期转换  
1.在controller里model添加new date()

package cn.zds.controller;
    
    import java.util.Date;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    public class DemoController {
    	
    	@RequestMapping("demoThymeleaf")
    	public String getDemo(Model model){
    		model.addAttribute("msg", "我的第一个thymeleaf");
    		model.addAttribute("date", new Date());
    		System.out.println("test");
    		return "index";
    	}
    }

2.index.html调用方法

<hr/>

三：条件判断  
1.编写Controller

@RequestMapping("/sex")
    	public String getSex(Model model){
    		model.addAttribute("peo", "男");
    		
    		return "second";
    	}

2 html中的判断

性别：男
 		性别：女
 		
 		<div th:switch="${peo}">
 			性别为男
 			性别为女
 		
 		</div>

四：迭代遍历  
1.编写user实体类

package cn.zds.pojo;
    
    
    
    public class User {
    	private  int id;
    	private String name;
    	private String sex;
    	public int getId() {
    		return id;
    	}
    	public void setId(int id) {
    		this.id = id;
    	}
    	public String getName() {
    		return name;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	public String getSex() {
    		return sex;
    	}
    	public void setSex(String sex) {
    		this.sex = sex;
    	}
    	@Override
    	public String toString() {
    		return "User [id=" + id + ", name=" + name + ", sex=" + sex + "]";
    	}
    	public User(int id, String name, String sex) {
    		super();
    		this.id = id;
    		this.name = name;
    		this.sex = sex;
    	}
    	
    }

2.在后端controller添加数据（list的）

@RequestMapping("/userList")
 	public String getuserList(Model model){
 		List<User> list=new ArrayList<User>();
 		list.add(new User(1, "张三", "男"));
 		list.add(new User(2, "李四", "男"));
 		list.add(new User(3, "小丽", "女"));
 		model.addAttribute("peos", list);
 		return "peos";
 	}

3.前端取数据（list的）

4.map方式遍历  
后端数据注入

@RequestMapping("/userMap")
 	public String getuserMap(Model model){
 		Map<Integer , User> map=new HashMap<Integer, User>();
 		map.put(1,new User(1, "张三", "男"));
 		map.put(2,new User(2, "李四", "男"));
 		map.put(3,new User(3, "小丽", "女"));
 		model.addAttribute("peos2", map);
 		return "peos2";
 	}

前端数据提取

五：从作用域取数据  
1.编写controller

@RequestMapping("/show")
    	public String getShow(HttpServletRequest request, Model model){
    		request.setAttribute("request", "request");
    		request.getSession().setAttribute("session", "session");
    		request.getSession().getServletContext().setAttribute("servletContext", "servletContext");
    		return "peos3";
    	}

2.前端取数据

六：url  
1.路径：

<a th:href="@{http://www.baidu.com}">绝对路径 </a>
 	
 	<hr>
 	
 	<a th:href="@{/show}">从项目根出发的相对路径</a>
 	<hr>
 	
 	<a th:href="@{~/project/resourcename}">从服务器出发的相对路径</a>

2.url传参

<a th:href="@{/show2(id=1,name=张三)}">从项目根出发的相对路径</a>
 	<hr>

后端：

@RequestMapping("/show2")
    	public String getShow2( Model model,Integer id,String name){
    		System.out.println(id+":"+name);
    		return "peos4";
    	}

[1.th]: http://1.th
[2.th]: http://2.th