springboot返回modelandview页面的实例

 更新时间:2020年10月22日 09:41:03   作者:不屑哥  
这篇文章主要介绍了springboot返回modelandview页面的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1、添加依赖

这个应该是web项目相关的jar

 <dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-web</artifactId>
 </dependency>
 <!-- jstl JSP标准标签库 -->
 <dependency>
   <groupId>javax.servlet</groupId>
   <artifactId>jstl</artifactId>
   <version>1.2</version>
 </dependency>
 <!-- 返回jsp页面还需要这个依赖 -->
 <dependency>
   <groupId>org.apache.tomcat.embed</groupId>
   <artifactId>tomcat-embed-jasper</artifactId>
   <scope>provided</scope>
 </dependency>

2、application.properties

 <parent>
 <groupId>org.springframework.boot</groupId>
 <artifactId>spring-boot-starter-parent</artifactId>
 <version>1.5.10.RELEASE</version>
 <relativePath/> <!-- lookup parent from repository -->
 </parent>

我这里是parent是1.5.10,所以jsp的配置应该如下

#jsp path
spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp
老版本的应该是这个
spring.view.prefix=/WEB-INF/jsp/
spring.view.suffix=.jsp

3、控制器

因为是返回页面,所以不能用@RestController返回json格式

package com.example.demo.controller; 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;
 
@Controller
/*@ComponentScan*/
@RequestMapping("/test")
public class TestController {
 
 private final Logger log = LoggerFactory.getLogger(this.getClass());
 
 @RequestMapping(value = "queryMaterialType", method = RequestMethod.POST)
 public Object test(){
 log.info("--------------->>打印日志");
 return "hellow world";
 }
 
 //@RestController,返回json数据
 //@Controller,返回login.jsp页面
 @RequestMapping(value = "/login", method = RequestMethod.GET)
 public String login(HttpServletRequest request,HttpServletResponse response){
 
 return "login";
 }
 
 //无论是@RestController还是@Controller都不影响返回页面
 @RequestMapping(value = "/loginPage", method = RequestMethod.GET)
 public ModelAndView loginPage(HttpServletRequest request,HttpServletResponse response){
 ModelAndView mav = new ModelAndView();
 mav.setViewName("login");
 
 return mav;
 }
}

补充知识:springBoot前后分离项目,通过ModelAndView返回给app或前台静态页面

1.先做静态页模板aaa.html,放到springboot项目的根目录下,如下如中,新建一个templates的文件夹,将静态页放到这里面就可以了

静态页代码为

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
  <meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <title>标题</title>
  <style type="text/css">
    body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      background: #f3f3f3;
      font-family: "Microsoft YaHei ", "微软雅黑", "arial";
    }
 
    h1 {
      height: 1px;
      width: 100%;
      margin: 10px 0;
      background: #f1f1f1;
    }
 
    img {
      width: 100%;
      height: auto;
    }
 
    .bodys {
      width: 100%;
      height: auto;
      overflow: Hidden;
      padding-top: 10px;
      padding-bottom: 50px;
      background: #fff;
    }
 
    .head {
      width: 96%;
      min-height: 30px;
      padding: 18px 2% 2px 2%;
      line-height: 25px;
      text-align: left;
      font-size: 20px;
      font-weight: bold;
      color: #111;
    }
 
    .time {
      width: 96%;
      height: 20px;
      line-height: 20px;
      font-size: 11px;
      text-align: left;
      padding: 0 2%;
      color: #999;
    }
 
    .info {
      width: 96%;
      height: auto;
      padding: 10px 2%;
      line-height: 25px;
      text-align: left;
      font-size: 15px;
    }
  </style>
</head>
 
<body>
<div class="bodys">
  <div class="head" th:text="${itle}">未知</div>
  <div class="time" th:text="${addDate}">未知</div>
  <h1></h1>
  <div class="info" th:utext="${content}">未知</div>
</div>
</body>
</html>

2.然后主要是 controller层,业务逻辑根据自己的需求来

@RequestMapping("/html")
@Controller
public class AppCommonHtmlController {
  
  @RequestMapping(value = "/ceshi", method = RequestMethod.GET)
  public ModelAndView getCeishi(“根据自己业务传入需要的参数”) {
    ModelAndView modelAndView=new ModelAndView();
    //根据自己的业务,和静态页中的参数对应上就行,也可以放入实体类,和静态页面对应就行了
    modelAndView.addObject("title",“标题”);
    modelAndView.addObject("addDate",“添加时间”);
    modelAndView.addObject("content",“内容”);
    //存入静态页的名称,就可以把处理好的静态页返回给app或前台
    modelAndView.setViewName("aaa");
    return modelAndView;
  }
}

然后浏览器输入:http://localhost:8888/项目名/html/ceshi

该方法多适用于app端,需要根据不同的情况得到不一样内容的静态页展示到手机上,就可以通过这种方法,做一个静态页的模板,通过el表达式给模板不同的内容,然后app端可以通过访问的ip直接获取到静态页

下面的方法也可以,效果同上面一样

静态页代码

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
  <meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <title>静态页</title>
  <style type="text/css">
    body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      background: #f3f3f3;
      font-family: "Microsoft YaHei ", "微软雅黑", "arial";
    }
 
    h1 {
      height: 1px;
      width: 100%;
      margin: 10px 0;
      background: #f1f1f1;
    }
 
    img {
      width: 100%;
      height: auto;
    }
 
    .bodys {
      width: 100%;
      height: auto;
      overflow: Hidden;
      padding-top: 10px;
      padding-bottom: 50px;
      background: #fff;
    }
 
    .head {
      width: 96%;
      min-height: 30px;
      padding: 18px 2% 2px 2%;
      line-height: 25px;
      text-align: left;
      font-size: 20px;
      font-weight: bold;
      color: #111;
    }
 
    .time {
      width: 96%;
      height: 20px;
      line-height: 20px;
      font-size: 11px;
      text-align: left;
      padding: 0 2%;
      color: #999;
    }
 
    .info {
      width: 96%;
      height: auto;
      padding: 10px 2%;
      line-height: 25px;
      text-align: left;
      font-size: 15px;
    }
  </style>
</head>
 
<body>
<div class="bodys">
  <div class="head" th:text="${bbb.noticeTitle}">未知</div>
  <div class="time" th:text="${bbb.publishDate}">未知</div>
  <h1></h1>
  <div class="info" th:utext="${bbb.noticeContent}">未知</div>
</div>
</body>
</html>

controller代码

  @RequestMapping(value = "/ceshi", method = RequestMethod.GET)
  public String getCeishi(“业务逻辑需要的入参”, Model model) {
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    JSONObject jsonObject = JSONObject.fromObject(“需要传到静态页的动态数据”);
    jsonObject.remove("publishDate");//时间,具体作用不清楚,个人猜测是原本数据格式不支持,需要转换一下,所以要先删除后重新赋值
    jsonObject.put("publishDate", sdf.format(notice.getPublishDate()));//时间重新赋值
    model.addAttribute("bbb", jsonObject);//将转换好的数据存入model中
    return "aaa"; //对应好静态页的名称return出去就可以了
  }

以上这篇springboot返回modelandview页面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • SpringMvc使用GoogleKaptcha生成验证码

    SpringMvc使用GoogleKaptcha生成验证码

    这篇文章主要为大家详细介绍了SpringMvc项目中使用GoogleKaptcha 生成验证码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • Elasticsearch查询及聚合类DSL语句宝典示例详解

    Elasticsearch查询及聚合类DSL语句宝典示例详解

    这篇文章主要为大家介绍了Elasticsearch查询及聚合类DSL语句宝典示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 浅谈Java编程中的单例设计模式

    浅谈Java编程中的单例设计模式

    这篇文章主要介绍了Java编程中的单例设计模式,在许多语言的编程过程当中单例模式都被开发者们广泛采用,需要的朋友可以参考下
    2015-07-07
  • Java实现国产加密算法SM4的示例详解

    Java实现国产加密算法SM4的示例详解

    这篇文章主要为大家详细介绍了Java如何实现国产加密算法SM4(ECB和CBC两种模式),文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2023-01-01
  • mybatis打印SQL,并显示参数的实例

    mybatis打印SQL,并显示参数的实例

    这篇文章主要介绍了mybatis打印SQL,并显示参数的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-12-12
  • 使用Java把文本内容转换成网页的实现方法分享

    使用Java把文本内容转换成网页的实现方法分享

    这篇文章主要介绍了使用Java把文本内容转换成网页的实现方法分享,利用到了Java中的文件io包,需要的朋友可以参考下
    2015-11-11
  • java实现上传图片进行切割的方法

    java实现上传图片进行切割的方法

    这篇文章主要介绍了java实现上传图片进行切割的方法,以完整实例形式分析了Java针对上传图片进行切割的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 一个Servlet是如何处理多个请求的?

    一个Servlet是如何处理多个请求的?

    以前我一直以为一个Servlet只能处理一个请求,后来发现是自己太菜了,可以借助携带一个参数来完成多个请求的处理,根据参数的不同,在核心的service方法中调用不同的业务方法,来实现处理多个servlet请求的目的,废话不多说,直接上代码,需要的朋友可以参考下
    2021-06-06
  • Java实战之用springboot+netty实现简单的一对一聊天

    Java实战之用springboot+netty实现简单的一对一聊天

    这篇文章主要介绍了Java实战之用springboot+netty实现简单的一对一聊天,文中有非常详细的代码示例,对正在学习Java的小伙伴们有非常好的帮助,需要的朋友可以参考下
    2021-04-04
  • 将本地SpringBoot项目发布到云服务器的方法

    将本地SpringBoot项目发布到云服务器的方法

    这篇文章主要介绍了如何将本地SpringBoot项目发布到云服务器,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12

最新评论