SpringMVC框架之前后端数据交互（附Demo）_基于spring mvc进行数据的交互

作者：知新_RL | 2024-04-25 00:06:18

踩

基于spring mvc进行数据的交互

在上一篇博客 SpringMVC框架之创建第一个项目（IDEA）演示了如何在Java Web项目中引入Spring MVC框架，本篇博客将演示SpringMVC如何进行前后端的数据交互，包括前端页面提交数据到controller以及controller返回数据给前端页面。
为了缩短博文篇幅，此处不再复述项目的创建、配置过程，请参考前一篇博客 SpringMVC框架之创建第一个项目（IDEA）。

一、前端页面提交数据给`controller`

1、在`web/WEB-INF/user`目录添加页面`register.jsp`

在这里插入图片描述

<%--
  Created by IntelliJ IDEA.
  User: hestyle
  Date: 2020/1/28
  Time: 12:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
</head>
<body>
    <form action="/user/register.do" method="post">
        用户名：<input type="text" name="username"><br>
        密码：<input type="text" name="password"><br>
        性别：<input type="radio" name="gender" value="男">男
        <input type="radio" name="gender" value="女">女<br>
        年龄：<input type="text" name="age"><br>
        邮箱：<input type="text" name="email"><br>
        <input type="submit" value="注册">
    </form>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

2、编写`UserController`控制器

在这里插入图片描述

package cn.hestyle.demo.web.controller;


import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * description: UserController控制器
 *
 * @author hestyle
 * @version 1.0
 * @className springmvc_demo_01->UserController
 * @date 2020-01-27 16:39
 **/
@Controller
@RequestMapping("user")
public class UserController {
   
    //@Controller注解的作用是声明UserController是一个控制器
    //@RequestMapping("user")注解的作用是，设置控制器的根路径

    @RequestMapping("toRegister.do")
    public String toRegister(){
   
        //跳转到/user/register.jsp注册页面，因为WEB-INF下的页面无法直接访问
        return "/user/register";
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

启动项目后，访问/user/toRegister.do链接进入register.jsp页面。
在这里插入图片描述

3、controller接收前端页面参数的几种方式

方法①、在方法中直接声明参数

在UserController控制器中添加register1方法。
在这里插入图片描述

@RequestMapping("register1.do")
public String register1(String username, String password, String gender, String age, String email){
   
    //方式一：直接在方法参数列表中声明所有参数，SpringMVC会帮我们自动注入
    System.err.println(username);
    System.err.println(password);
    System.err.println(gender);
    System1
2
3
4
5
6
7

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/482264

SpringMVC框架之前后端数据交互（附Demo）_基于spring mvc进行数据的交互

一、前端页面提交数据给controller

1、在web/WEB-INF/user目录添加页面register.jsp

2、编写UserController控制器

3、controller接收前端页面参数的几种方式

方法①、在方法中直接声明参数

一、前端页面提交数据给`controller`

1、在`web/WEB-INF/user`目录添加页面`register.jsp`

2、编写`UserController`控制器