zoukankan      html  css  js  c++  java
  • Spring Boot之thymeleaf中替换th:each使用

    创建实体类:Produce.java:

    package priv.doublechen.Springbootproject.entity;
    
    public class Product {
    	private String name;
    	private double price;
    	private int inStock;
    	public String getName() {
    		return name;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	public double getPrice() {
    		return price;
    	}
    	public void setPrice(double price) {
    		this.price = price;
    	}
    	public int getInStock() {
    		return inStock;
    	}
    	public void setInStock(int inStock) {
    		this.inStock = inStock;
    	}
    	public Product(String name, double price, int inStock) {
    		super();
    		this.name = name;
    		this.price = price;
    		this.inStock = inStock;
    	}
    	
    }
    

      在控制器中加入:

    @RequestMapping("welcome")
    	public String welcome(Map<String,Object> map){
    		map.put("abc", "123");//给request域中放入welcome
    		//给thymeleaf 准备数据
    		List<Product> prods = new ArrayList<>();
    		prods.add(new Product("a",100,10));
    		prods.add(new Product("b",200,20));
    		prods.add(new Product("c",300,30));
    		map.put("prods", prods);
    		return "result";
    	}
    

      在result.html中加入:

    <!DOCTYPE html>
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<p th:text="${abc}">Welcome to thymeleaf...!</p>
    	<p>Welcome to thymeleaf...!</p>
    	<h1>Product list</h1>
    	<table>
    		<tr>
    			<th>NAME</th>
    			<th>PRICE</th>
    			<th>IN STOCK</th>
    		</tr>
    		<tr th:each="prod : ${prods}">
    			<td th:text="${prod.name}">Onions</td>
    			<td th:text="${prod.price}">2.41</td>
    			<td th:text="${prod.inStock}">yes</td>
    		</tr>
    	</table>
    </body>
    </html>
    

      运行结果:

     因为每次springboot项目中的html文件代码发生修改,总是得重新运行主类,特别麻烦,所以在pom.xml文件中添加依赖:

    <!-- 加入以下依赖,代码做了修改,不用重新运行 -->
            <dependency>
                <groupId>org.springframework</groupId>
                <artifactId>springloaded</artifactId>
                <version>1.2.8.RELEASE</version>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
            </dependency>
    

      maven ->update project

    每次修改代码自动编译,只要刷新页面就OK了。

  • 相关阅读:
    小朋友的责任 转自点妈文集
    amazon.cn, 感觉不错
    团队作业1——团队展示&选题
    如何解决mysql中的账户添加后不能登录的问题
    目标检测中常见指标
    latex知识点
    考研复试建议
    论文写作经验
    Git
    Python编程知识
  • 原文地址:https://www.cnblogs.com/jccjcc/p/14184943.html
Copyright © 2011-2022 走看看