首页用thymeleaf画一个家庭菜谱页面

用thymeleaf画一个家庭菜谱页面

时间: 2023-07-18 10:10:16 浏览: 89

好的，以下是一个简单的家庭菜谱页面的Thymeleaf代码： ```html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>家庭菜谱</title> </head> <body> <h1>家庭菜谱</h1> <table> <thead> <tr> <th>菜名</th> <th>用料</th> <th>做法</th> </tr> </thead> <tbody> <tr th:each="recipe : ${recipes}"> <td th:text="${recipe.name}"></td> <td th:text="${recipe.ingredients}"></td> <td th:text="${recipe.directions}"></td> </tr> </tbody> </table> </body> </html> ``` 这个页面使用Thymeleaf循环遍历传入的菜谱列表，将每个菜谱的名称、用料和做法显示在一个表格中。你可以在控制器中定义一个`List`类型的模型属性`recipes`，并将其传递给这个页面。例如： ```java @Controller public class RecipeController { @GetMapping("/recipes") public String showRecipes(Model model) { List<Recipe> recipes = getRecipesFromDatabase(); // 从数据库中获取菜谱列表 model.addAttribute("recipes", recipes); return "recipes"; } } ``` 其中`Recipe`是一个自定义的类，包含菜谱的名称、用料和做法等属性。你需要根据你的实际需求进行修改。

阅读全文