SpringMVC Controller与页面用Form表单传值方式总结

最新推荐文章于 2023-02-18 20:42:28 发布

程序猿小泽

最新推荐文章于 2023-02-18 20:42:28 发布

阅读量3.6k

点赞数

分类专栏： Spring框架文章标签： java spring

本文链接：https://blog.csdn.net/lizhengze1117/article/details/107784342

版权

Spring框架专栏收录该内容

11 篇文章 0 订阅

订阅专栏

SpringMVC 从 Controller向页面传值的方式

在实际开发中，Controller取得数据（可以在Controller中处理，当然也可以来源于业务逻辑层），传给页面，常用的方式有：

1、ModelAndView页面传值

后台程序如下：

@RequestMapping(value="/receiveData",method=RequestMethod.GET)
 public ModelAndView StartPage() {

    ModelMap map=new ModelMap();

    User user=new User();

    user.setPassword("123456");

    user.setUserName("ZhangSan");

    map.put("user", user);

    return new ModelAndView("receiveControllerData",map);
    
}

页面程序如下：

<body>

    <h1>receive Data From Controller</h1>

    <br>

      用户名：${user.userName }   

      <br>

      密码：${user.password }

</body>

</html>

注意：ModelAndView总共有七个构造函数，其中构造函中参数model就可以传参数。具体见ModelAndView的文档，model是一个Map对象，在其中设定好key与value值，之后可以在视图中取出。

从参数定义Map<String, ?> model ，可知，任何Map的对象，都可以作为ModeAndView的参数。

2、Model作为函数参数调用方式

Controller 向前台jsp传值

@ModelAttribute
public void model(Model model){
    User user=new User("xiaoming","123456");
    //传对象
    model.addAttribute("user",user);
    //传字符串
    model.addAttribute("string","后台传递过来的字符串");
    //传map
    Map<String,User> map=new HashMap<String, User>();
    map.put("user1",user);
    model.addAttribute("map",map);
    //传递列表
    List<User> list=new ArrayList<User>();
    list.add(user);
    list.add(user);
    model.addAttribute("list",list);
}

这里把需要的字符串，map，list，对象，都用model来存储，然后在前台提取。
前台jsp代码：

<h2>从后台获取的用户名和密码：<%=request.getAttribute("user").toString()%></h2>
<h2>${user.username}  ${user.password}</h2>
<h2>${string}</h2>
<h2>后台传过来的map${map.get("user1").toString()}</h2>
<h2>后台传过来的列表${list.get(0)}</h2>

Controller 向前台的js传值

js是无法读取el表达式的，所以，通常后台与js的通信是通过一种轻量级的传输方式来进行的，那就是json。所以，在后台我们需要向前台传递json，然后前台来读取展示。

后台Controller： 下面是专为json的两个方法，JSONArray用来转数组，字符串，list，JSONObject用来转map，对象。

//可以把实体类，实体类数组，list，map，字符串，等等转化为json形式
public static String toJson1(Object result)
{
    if(result!=null){
        JSONArray obj=JSONArray.fromObject(result);
        return(obj.toString());
    }
    return null;
}
public static String toJson2(Object result)
{
    if(result!=null){
        JSONObject obj=JSONObject.fromObject(result);
        return obj.toString();
    }
    return null;
}

下面是model函数的完整版：

@ModelAttribute
public void model(Model model){
    User user=new User("xiaoming","123456");
    //传对象
    model.addAttribute("user",user);
    //传字符串
    model.addAttribute("string","后台传递过来的字符串");
    //传map
    Map<String,User> map=new HashMap<String, User>();
    map.put("user1",user);
    model.addAttribute("map",map);
    //传递列表
    List<User> list=new ArrayList<User>();
    list.add(user);
    list.add(user);
    model.addAttribute("list",list);
    //对象转json
    model.addAttribute("json_user",toJson2(user));
    //字符串转json
    model.addAttribute("json_string",toJson1("['json is easy']"));//一定要放进[]里
    //list转json
    model.addAttribute("json_list",toJson1(list));
    //map转json
    model.addAttribute("json_map",toJson2(map));

}

然后是index页面的js：

<script type="text/javascript">
    var x1=${json_user}
    alert(x1.password)
    var x2=${json_string}
    alert(x2)
    var x3=${json_list}
    alert(x3[0].username)
    //要这样读取map
    var x4=eval("("+'${json_map}'+")")
    alert(x4["user1"].password)
</script>

jsp页面同上

<center>
  <h2>从后台获取的用户名和密码：<%=request.getAttribute("user").toString()%></h2>
  <h2>${user.username}  ${user.password}</h2>
  <h2>${string}</h2>
  <h2>后台传过来的map${map.get("user1").toString()}</h2>
  <h2>后台传过来的列表${list.get(0)}</h2>
</center>

结果
在这里插入图片描述

3、使用@ModelAttribute注解

@modelAttribute在函数参数上使用，在页面端可以通过HttpServletRequest传到页面中去

@RequestMapping(value="/receiveData3",method=RequestMethod.GET)
public ModelAndView StartPage3(@ModelAttribute("user") User user) {       
   
   user.setPassword("123456");

   user.setUserName("ZhangSan");  

   return new ModelAndView("receiveControllerData");

}

4、用httpServletRequest的Session保存值

@RequestMapping(value="/receiveData5",method=RequestMethod.GET)
public ModelAndView StartPage5(HttpServletRequest request) {      

    User user=new User();

    user.setPassword("123456");

    user.setUserName("ZhangSan"); 

    HttpSession session=request.getSession();

    session.setAttribute("user", user);

   return new ModelAndView("receiveControllerData");

}

Spring MVC 从页面向Controller传递参数的方式

1、通过HttpServletRequest 向后台传递数据

页面程序如下：

 <h2>利用HttpServletRequest传数据</h2>
    <form action="loginToJson">
        用户名：<input name="name" /> 密码：<input name="pass" /> <input
            type="submit" value="登陆">
    </form>

后台程序段如下：

@ResponseBody
@RequestMapping(value="/loginToJson",method=RequestMethod.POST)
public String loginToJson(HttpServletRequest request) {
   User user = new User();

   user.setUserName(request.getParameter("name"));

   user.setPassword(request.getParameter("pass"));

   return JSON.toJSONString(user);

}

2、通过函数参数向Controller传递值

前台程序如下：

 <h2>利用函数参数传数据</h2>

    <form action="loginByVariable" method="post">

         用户名：<input name="name" /> 密码：<input name="pass" />

         <input type="submit" value="登陆">

    </form>

后台程序如下：

@RequestMapping(value="/loginByVariable",method=RequestMethod.POST)
public String loginToSession(HttpServletRequest request,ModelMap
      map,String name,String pass) {
      
      User user = new User();
 
      user.setUserName(name);
 
      user.setPassword(pass);
 
      map.put("user", user);
 
      System.out.println(user);
 
      return "mySession";
 
 }

注意：前台中的name属性的值，必须和后台函数参数中的String name中的形参名一致，否则从后台取不到值。

3、利用函数参数，对象传递值到Controller

前置条件,对象的定义代码：

注意这里，User对象的属性名为userName和password，并有getter和setter属性

public class User{
    
    @Override
    public String toString() {
        return "User [userName=" + userName + ", password=" + password + "]";
    }
    public String getUserName() {
        return userName;
    }
    public void setUserName(String userName) {
        this.userName = userName;
    }
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
    }
    private String userName;
    private String password;
}

前台程序如下：

注意：userName和password必须和对象属性名称一致。

<h2>利用函数参数对象传数据</h2>

     <form action="loginByObject" method="post">

          用户名：<input name="userName" /> 密码：<input name="password" /> <input

               type="submit" value="登陆">

</form>

后台程序如下：

@RequestMapping(value="/loginByObject",method=RequestMethod.POST)
public String loginToSession(ModelMap map,User user) {

      User user1 = new User();

      user1.setUserName(user.getUserName());

      user1.setPassword(user.getPassword());

      System.out.println(user1+" Object");

      map.put("user", user1);

      return "mySession";

}

4、利用函数参数@RequestParam参数传递据

前台代码如下：

<br>

     <h2>利用函数参数@RequestParam参数传递据</h2>

     <form action="loginByRequestParm" method="post">

          用户名：<input name="name" /> 密码：<input name="pass" /> <input

               type="submit" value="登陆">

     </form>

后台程序如下：

@RequestMapping(value="/loginByRequestParm",method=RequestMethod.POST)
public String loginToSessiona(HttpServletRequest request,ModelMap map,
	 @RequestParam("name") String UserName,@RequestParam String pass) {

	  User user = new User();
	
	  user.setUserName(UserName);
	
	  user.setPassword(pass);
	
	  map.put("user", user);
	
	  System.out.println(user+"requestParam");
	
	  return "mySession";

}

注意：@RequestParam(“name”)中如果有参数，name必须为页面中属性的值，如果没有参数，则参数名，必须和页面中属性的值相同，如页面中pass，则在@RequestParam中，则可以不指定参数，但形参的名字必须为pass

5、通过URL传递参数 @PathVariable

具体代码如下：

@Controller  
public class TestController {  
     @RequestMapping(value="/user/{userId}/roles/{roleId}",method = RequestMethod.GET)  
     public String getLogin(@PathVariable("userId") String userId,  
         @PathVariable("roleId") String roleId){  
         System.out.println("User Id : " + userId);  
         System.out.println("Role Id : " + roleId);  
         return "hello";  
     }  
     @RequestMapping(value="/product/{productId}",method = RequestMethod.GET)  
     public String getProduct(@PathVariable("productId") String productId){  
           System.out.println("Product Id : " + productId);  
           return "hello";  
     }  
     @RequestMapping(value="/javabeat/{regexp1:[a-z-]+}",  
           method = RequestMethod.GET)  
     public String getRegExp(@PathVariable("regexp1") String regexp1){  
           System.out.println("URI Part 1 : " + regexp1);  
           return "hello";  
     }  
}

@RequestParam和@PathVariable的用法与区别可以看这篇总结：
SpringMVC中@RequestParam和@PathVariable的用法与区别

程序猿小泽

关注

0
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
SpringMVC Controller与页面用Form表单传值方式总结

SpringMVC 从 Controller向页面传值的方式在实际开发中，Controller取得数据（可以在Controller中处理，当然也可以来源于业务逻辑层），传给页面，常用的方式有：1、利用ModelAndView页面传值后台程序如下：@RequestMapping(value="/reciveData",method=RequestMethod.GET) public ModelAndView StartPage() { ModelMap map=new ModelMap(
复制链接

扫一扫