【1】经过了day01的学习,我们已经学到了怎么获取表单或者单个从页面传过来的数据,今天我们就学习怎么把数据库中的数据传到页面上去。
【2】首先我们还是需要在web.xml中引入前端控制器以及中文编码过滤器,然后在前端控制器的xml配置文件中1.开启注解扫描 2.配置视图解析器 3.开启注解MVC支持 4.配置静态资源放行器(这个是新内容,后面会说到)
【3】我们第一个案例讲的是怎么把从数据库拿出来的数据返回给前端
这里采用模拟数据库返回的数据,就手动set一下。
然后model.addAttribute把我们的数据存入到request中。
@Controller
@RequestMapping("/user")
public class UserController {
@RequestMapping("testSpring")
public String testString(Model model){
System.out.println("这个方法执行了");
//模拟从数据库取出的user对象
User user=new User();
user.setUsername("hpc");
user.setAge(19);
user.setPassword("qwe123456");
//用model对象把user存储起来,存到了request域对象中
model.addAttribute("user",user);
return "success";
}
然后我们就需要在前端success.jsp取到数据,这里就要用到el表达式,记得把el表达式的isELIgnored关闭,
${requestScope.user.username}
${requestScope.user.password}
【4】我们知道如果controller中返回的是一个字符串,mvc就会利用前端控制器中的视图解析器,帮我们找到需要跳转到哪个jsp上,如果我们方法没有返回值,返回类型是void怎么办。
之前我们学过,HttpServletRequest和HttpServletResponse在mvc中怎么用,这时候我们就需要进行重定向或者转发,重定向时记得设置编码和上下文类型
@RequestMapping("testVoid")
public void testVoid(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("void 方法执行了");
//编写请求转发的程序
//request.getRequestDispatcher("/pages/success.jsp").forward(request,response);
//重定向,不能进入到web-inf中
//response.sendRedirect(request.getContextPath()+"/pages/success.jsp");
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
//直接响应到页面上
response.getWriter().write("您好");
return;
【5】还有没有更简单的转发方法呢,把我们的返回值类型弄成ModelAndView即可
利用ModelAndView即可,之前学过Model和ModelMap,ModelAndView可以说比他们俩更好用,因为ModelAndView除了可以在request域中存储数据意外,还可以跳转页面
@RequestMapping("/testModelAndView")
public ModelAndView testModelAndView(){
System.out.println("testModelAndView方法执行了");
//创建modeladnview对象
ModelAndView mv=new ModelAndView();
User user=new User();
user.setUsername("mage");
user.setAge(30);
user.setPassword("mage123");
//modelandview中的方法,
//1.把user存储到mv这个对象中,也会把user对象,存到request中
mv.addObject("user",user);
//2.跳转页面方法,利用视图解析器,专挑到success.jsp
mv.setViewName("success");
return mv;
}
【6】其实还有一种方法重定向和转发更容易,就是forward(转发)redirect(重定向)
@RequestMapping("testForwardAndRedirect")
public String testForwardAndRedirect(){
System.out.println("关键字重定向和转发执行了");
// return "forward:/pages/success.jsp";
return "redirect:/pages/success.jsp";
}
【7】今天最关键的一组就是ajax异步了,首先我们需要导入JQuery的支持文件,然后我们需要配置静态资源放行器(开头有说道),在前端控制器的xml文件中配置好下面这段代码
<!--告诉前端控制器,哪些静态资源不要拦截-->
<!--location指的是你目录下的所有文件-->
<mvc:resources location="/css/" mapping="/css/**"/>
<mvc:resources location="/images/" mapping="/images/**"/>
<mvc:resources location="/js/" mapping="/js/**"/>
因为我们的web.xml中是有拦截功能的,所以我们需要告诉mvc我们的资源包不要拦截(例如图片,js文件,css组件等)。
现在就可以到jsp文件中发异步请求,这里没用到post和get方法,联系下yuan'she
这里我们想返回json数据就要用到@ResponseBody来返回,而RequestBody在这里的作用就是把前端的json字符串中的数据接收到
/*
模拟异步请求和响应过程
requestbody接收前端的json对象,转换成javabean对象,responseBody自动把javabean(user)转成json对象返回给前端
*/
@RequestMapping("testJson")
public @ResponseBody User testAjax(@RequestBody User user){
System.out.println("ajax执行了");
//客户端发送的ajax请求,穿得是json字符串,后端把json字符串封装到user对象中了
System.out.println(user);
//做响应,模拟数据库
user.setUsername("Mage");
user.setAge(40);
//作响应
return user;
}