Spring Boot框架开发Web项目之四 将数据传递给视图

本系列文章主要索引详情 点击查看


 经过【Spring MVC】Spring Boot框架开发Web项目之三 第一个页面,得到了我们的第一个页面,这个页面完全是静态的,这并没有真正发挥出Spring MVC的威力。我们现在更进一步,如果“Hello thymeleaf”这个字符串不是硬编码的(即不是固定写死的),而是来源于服务器,那么该怎么实现呢?

工具

IntelliJ IDEA 16

JDK 1.8

Maven 3.5

Tomcat 1.8

将数据传递给视图

1、现在,我们修改之前的页面 resultPage.html,让它展现来自模型中的信息:

Spring Boot框架开发Web项目之四 将数据传递给视图_第1张图片

2、然后,修改我们的Controller的代码, 将要返回的信息保存到模型中

Spring Boot框架开发Web项目之四 将数据传递给视图_第2张图片

3、现在,再访问 http://localHost:8080/he,显示效果如下:

Spring Boot框架开发Web项目之四 将数据传递给视图_第3张图片

从请求参数中获取数据

现在我们可以在页面上显示从服务器返回的数据,如果我们现在希望获取用户的输入信息,我们应该怎么办呢?根据HTTP协议,有很多方式可以实现这一点,其中最简单的就是传递查询参数到URL之中(查询参数:位于URL的“?”字符后面,是由名称和值所组成的列表,每一项会使用“&”符号进行分割,例如:http://localhost:8080/he?name=alex&age=20)。

再次修改Controller的代码,如下所示:

Spring Boot框架开发Web项目之四 将数据传递给视图_第4张图片

此时,我们再进行导航 http://localhost:8080/he?name=alex&age=20,我们将看到如下结果

Spring Boot框架开发Web项目之四 将数据传递给视图_第5张图片

注意:控制器中 @RequestParam 注解中的参数名称必须和查询参数中的参数名称一致,否则我们将会看到一个错误的页面

@RequestParam 注解:用于将请求参数区数据映射到功能处理方法的参数上



上一篇:Spring Boot框架开发Web项目之三 第一个页面

下一篇:Spring Boot框架开发Web项目之五 使用Webjars实现质感设计

你可能感兴趣的:(Spring Boot框架开发Web项目之四 将数据传递给视图)