springmvc前端交互 SpringMVC实现前端后台交互传递数据

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

springmvc前端交互 SpringMVC实现前端后台交互传递数据

xiaohongxin   2021-03-24 我要评论
想了解SpringMVC实现前端后台交互传递数据的相关内容吗,xiaohongxin在本文为您仔细讲解springmvc前端交互的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:springmvc与前端交互,spring,mvc数据交互,springmvc前后端交互,下面大家一起来学习吧。

本人对springmvc前端交互不太懂,搜索了很多关于springmvc前端交互介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。

Controller.java代码:

@Controller
public class DataController {
  
  //一、接收和通过ModelMap传出参数,不需要视图解析器,测试时加了解析器,顾返回值不需后缀
  //普通参数
  @RequestMapping("/data1")
  public String data1(@RequestParam("uname")String name,ModelMap mm){
    //接收数据
    //1.页面提交的表单域名和参数名需相同
    //2.非要与提交的表单域名不一样的时候,如上加@RequestParam("uname"),但提交的表单域名名必须和uname相同
//    System.out.println(name);
    
    //传递数据到页面,添加ModelMap mm,类似request.setAttribute()
    mm.addAttribute("uname", name);
    return "data";
  }
  
  //对象参数
  @RequestMapping("/data2")
  public String data2(User user,ModelMap mm){
    //接收数据
    //提交的表单域名需和对象里的属性名一致
//    System.out.println(user);
    
    //传递数据到页面,添加ModelMap mm,类似request.setAttribute()
    mm.addAttribute("user", user);
    
    return "data";
  }
  
  //二、接收和通过ModelAndView传出参数,需要配置视图解析器
  @RequestMapping("/data3")
  public ModelAndView data3(HttpServletRequest req,HttpServletResponse resp){
    ModelAndView mv = new ModelAndView();
    User user = new User();
    //接收数据
    user.setName(req.getParameter("name"));
    user.setPassword(req.getParameter("password"));
    //传递数据
    req.setAttribute("uname", user.getName());
    req.setAttribute("user", user);
    mv.setViewName("data");
    return mv;
  }
}

springmvc.xml配置

 <mvc:annotation-driven />
  <!-- viewResolver -->
  <bean id="viewResolver"
    class="org.springframework.web.servlet.view.UrlBasedViewResolver">
    <!-- 视图解析类型 -->
    <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
    <!-- 设置前缀 -->
    <property name="prefix" value="/"/>
    <!-- 设置后缀 -->
    <property name="suffix" value=".jsp"/>
  </bean>    
  <context:component-scan base-package="com.xhx.controller" />

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们