Spring boot中如何使用Model进行传值以及Thymeleaf的用法_springboot model传值(2)

2401_85015451

于 2024-05-17 08:24:45 发布

阅读量310

点赞数 3

分类专栏： 2024年程序员学习文章标签：物联网嵌入式硬件面试

本文链接：https://blog.csdn.net/2401_85015451/article/details/138990746

版权

2024年程序员学习专栏收录该内容

15 篇文章 0 订阅

订阅专栏

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。

如果你需要这些资料，可以戳这里获取

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

如何使用model进行传值
前端如何写th表达式
model中传值的类型
通过映射来找到页面

前期准备

(项目如何创建小编就不说了)
创建一个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" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>

</body>
</html>

"<html lang=“en” xmlns:th=“http://www.thymeleaf.org”：这段代码就是引入了th模板

当然做到这里我们的前期准备就完成了。

主体内容

如果你要传入的是一个字符串

@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" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<span th:text="${s}"> </span>
</body>
</html>

如果你要传入的是一个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中的属性。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<table th:each="i:${s}">

    <tr >
        <td>学生Id</td>
        <td th:text="${i.id}"></td>
    </tr>

    <tr >
          <td>学生姓名</td>
         <td th:text="${i.name}"></td>

    </tr>
    <tr >


![img](https://img-blog.csdnimg.cn/img_convert/b8dec9d86f99ddd3bbc2c4de779686a9.png)
![img](https://img-blog.csdnimg.cn/img_convert/a6c607870c8afb25bf3785c9ab48d39d.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

2401_85015451

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Spring boot中如何使用Model进行传值以及Thymeleaf的用法_springboot model传值(2)

这句话的意思是小编将StudentServiceImp 实体化了，到时候就直接可以调用StudentServiceImp 的方法了。@RequestMapping(value = “/”)这个注解的意思就是当访问localhost：8080是默认的就会跳转到index页面，这也是通过映射来找到页面。@Controller：这个标签是结点标签的标识，结点主要用于传值和跳转页面，所以看到这个标签大家就应该联想到这些。Html代码如下，这里只是拿出了s中的属性。当然做到这里我们的前期准备就完成了。
复制链接

扫一扫