Springboot中如何使⽤Model进⾏传值以及Thymeleaf的⽤法
Spring boot中如何使⽤Model进⾏传值以及Thymeleaf的⽤法
前⾔
⽂章主要内容
1. 如何使⽤model进⾏传值
2. 前端如何写th表达式
3. model中传值的类型
4. 通过映射来到页⾯
前期准备
(项⽬如何创建⼩编就不说了)
创建⼀个NodeContraller
@Controller
public class NodeController {
@Resource
private StudentServiceImp ssi;
@RequestMapping(value ="/")
public String index(Model model){
return"index";
}
}
@Controller：这个标签是结点标签的标识，结点主要⽤于传值和跳转页⾯，所以看到这个标签⼤家就应该联想到这些。
@Resource
private StudentServiceImp ssi; 这句话的意思是⼩编将StudentServiceImp 实体化了，到时候就直接可以调⽤StudentServiceImp 的⽅法了。
@RequestMapping(value = “/”)这个注解的意思就是当访问localhost：8080是默认的就会跳转到index页⾯，这也是通过映射来到页⾯
创建Index页⾯
<!DOCTYPE html>
<html lang="en"th="">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
</body>
</html>
当然做到这⾥我们的前期准备就完成了。
主体内容
1. 如果你要传⼊的是⼀个字符串
@Controller
public class NodeController {
@Resource
private StudentServiceImp ssi;
@RequestMapping(value ="/")
public String index(Model model){
String students ="刘洋";
model.addAttribute("s",students)
return"index";
}
}
model.addAttribute(“s”,students) s就为传⼊前端的标识
Html代码如下
<!DOCTYPE html>
<html lang="en"th="">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<span text="${s}"></span>
</body>
</html>
2. 如果你要传⼊的是⼀个list集合.
我们都知道如果传⼊的是⼀个list集合，前端就必须要展⽰list集合的属性。
@Controller
public class NodeController {
@Resource
private StudentServiceImp ssi;
@RequestMapping(value ="/")
public String index(Model model){
List<Student> list = ssi.findStudentByAge(15);
model.addAttribute("s",list)
return"index";
}
}
Html代码如下，这⾥只是拿出了s中的属性。
<title>index</title>
</head>
<body>
<table each="i:${s}">
<tr >
<td>学⽣Id</td>
<td text="${i.id}"></td>
</tr>
<tr >
<td>学⽣姓名</td>
<td text="${i.name}"></td>
</tr>
<tr >
<td>学⽣分数</td>
<td text="${i.score}"></td>
</tr>
<tr >
<td>教师建议</td>
<td text="${i.suggestion}"></td>
</tr>
</table>
</body>
</html>
3. 如果你要传⼊的是⼀个对象.
@Controller
public class NodeController {
@Resource
private StudentServiceImp ssi;
@RequestMapping(value ="/")
public String index(Model model){
Student students = ssi.findStudentById(201713140001);  model.addAttribute("s",students); return"index";
}
}
Html代码如下，这⾥就要⽤到get⽅法了。
<title>index</title>
</head>
<body>
<table each="i:${s}">
<tr >
<td>学⽣Id</td>
<td text="${i.getId(}"></td>
</tr>
<tr >
<td>学⽣姓名</td>
thyme
<td text="${i.getName()}"></td>
</tr>
<tr >
<td>学⽣分数</td>
<td text="${i.getScore()}"></td>
</tr>
<tr >
<td>教师建议</td>
<td text="${i.getSuggestion}"></td>
</tr>
</table>
</body>
</html>
后⾔
当然model还可以传Map集合等等等，但最常⽤的三种，⼩编已经写出来了，写的不好的地⽅⼤家多多包涵。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。