springMVC如何将controller中Model数据传递到jsp页面-Java开发

以下是SpringMVC将Controller中Model数据传递到JSP页面的完整攻略：

以下是SpringMVC将Controller中Model数据传递到JSP页面的完整攻略：

1. 在Controller中添加数据到Model

在SpringMVC中，我们可以使用Model或者ModelMap来添加数据到Model中，从而传递给JSP页面。在Controller中使用如下代码添加数据：

@GetMapping("/example")
public String example(Model model) {
    model.addAttribute("message", "Hello World!");
    return "example";
}

上述代码表示，在名为example的请求中，我们通过model.addAttribute()方法往Model对象中添加了一个名为message的属性并赋值为Hello World!。

2. 在JSP页面中获取Model中的数据

要获取Controller中传递的数据，在JSP页面中，我们可以使用${}或<c:out>标签来获取。示例如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Example</title>
  </head>
  <body>
    <h1>${message}</h1>
    <!-- 或者使用如下标签 -->
    <c:out value="${message}" />
  </body>
</html>

上述代码中，${message}或<c:out value="${message}" />代表从Model中获取了名为message的属性值，该属性的值就是我们在Controller中赋的值Hello World!。

示例说明

下面我们通过两个示例来阐述一下具体流程。

示例1：

在Controller中添加数据，传递给JSP渲染出来。步骤如下：

创建名为HomeController的Controller类。

@Controller
public class HomeController {

    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("message", "欢迎来到我的SpringMVC网站！");
        return "home";
    }
}

在resources/templates/文件夹下创建名为home.html的JSP页面，渲染Controller中传递的数据。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Home Page</title>
  </head>
  <body>
    <h1>${message}</h1>
  </body>
</html>

启动应用程序，打开浏览器访问http://localhost:8080，即可看到输出内容为：欢迎来到我的SpringMVC网站！。

示例2：

假设我们需要通过用户输入的数字计算平方，然后将计算结果传递给JSP页面。可以按照以下步骤实现：

创建名为SquareController的Controller类。

@Controller
public class SquareController {

    @GetMapping("/square")
    public String square(Model model, @RequestParam("num") int num) {
        int result = num * num;
        model.addAttribute("num", num);
        model.addAttribute("result", result);
        return "square";
    }
}

在resources/templates/文件夹下创建名为square.html的JSP页面，渲染Controller中传递的数据。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Square Page</title>
  </head>
  <body>
    <form action="#" method="GET">
        <p>请输入数字：</p>
        <input type="number" name="num" />
        <button type="submit">计算平方</button>
    </form>
    <c:if test="${not empty num}">
        <p>您输入的数字是 ${num}，平方为 ${result}。</p>
    </c:if>
  </body>
</html>