springBoot前后分离项目，通过ModelAndView返回给app或前台静态页面

最新推荐文章于 2023-04-23 09:38:16 发布
最新推荐文章于 2023-04-23 09:38:16 发布
阅读量3.3k 收藏 3
点赞数
分类专栏： java 参考类 文章标签： ModelAndView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FengRenYuanDeFZ/article/details/95763318
版权

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出去就可以了
    }

 

 

FengRenYuanDeFZ
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
springboot专栏 007springboot整合mybatis-plus增删改查 ModelAndView jsp 分页
04-12
springboot专栏 007springboot整合mybatis-plus增删改查 ModelAndView jsp 分页
从零开始 Spring Boot 11：返回数据
梦幻天空
07-02 1468
图源：简书 (jianshu.com)在之前文章中，已经展示了如何在前后端分离的Web应用中封装并返回统一格式的返回值，但之前展示的返回值封装的相当简单，只能用于简单示例，今天对返回值进行进一步封装和重构。本篇文章会在从零开始 Spring Boot 9：Shiro - 魔芋红茶’s blog (icexmoon.cn)中最终代码的基础上进行修改。你可以从下面的链接获取对应的示例代码：为了说明之前设计的一些缺陷，这里为这个示例代码添加上Swagger文档支持，具体方法见从零开始 Spring Boot 8：
SpringMVC的ModelAndView传值方法
08-27
今天小编就为大家分享一篇SpringMVC的ModelAndView传值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅谈js获取ModelAndView值的问题
12-10
JS当中不能接收ModelAndView的返回值吗？一定要在JSP页面中才能接收吗? 1 方法一 【有效】 可以的，跟el表达式访问方式一样。 示例代码，一个数据展示请求的Action中存入一个userId: @RequestMapping(value="/diary") public ModelAndView toDiaryList(HttpSession session){ ModelAndView view = new ModelAndView("/diary_list"); TbUser user = (TbUser)session.getAttribute(S
springboot专栏 006 springboot整合mybatis-plus 增删改查 ModelAndView jsp
最新发布
04-12
springboot专栏 006 springboot整合mybatis-plus 增删改查 ModelAndView jsp
如何在页面中获取到ModelAndView绑定的值
热门推荐
life
05-08 3万+
文章内容主要是如何在JSP中获取ModelAndView.addObject绑定的值以及如何在JS中获取ModelAndView.addObject绑定的值，有其他方式的话可以补充到评论区大家共同学习
springboot 访问html_Spring boot的异常处理
weixin_39856630的博客
11-26 391
微信公众号：Java患者专注Java领域技术分享Spring boot的默认异常处理机制我们以访问一个不存在的页面的场景为例，结果是返回一个错误页面：而我们一个前后端分离的架构，我们写的Restful API往往会被多个渠道访问，比如浏览器，app。而我们的spring boo会根据不同的渠道做出不同的响应，是浏览器发的就返回html，不是则是json。若报错回跳转到/e...
详情讲解ModelAndView 查询数据返回前端H5
分享日常bug
07-21 756
效果显示 controller 代码演示 /** * 类描述：查询主页面的图片信息和标题文字 * * @ClassName UserController * @Description TODO * @Author 10464 * @Date 2021/7/6 17:17 * @Version 1.0 * @return */ @RequestMapping(value = "/zyhome") .
springboot——动态页面返回页面同时传递数据到前端的方式
知北行的博客
08-07 7803
方式一：通过Model 后端代码: @GetMapping("/test") public String hello(@RequestParam(value = "type",required = false) String type, Model model){ //封装要显示到视图中的数据 model.addAttribute("msg","吾等为何而战"); return "test"; } 方式二：通过ModelAndView
ModelAndView传值thymeleaf获取
qq_33342566的博客
12-28 1765
thymeleaf从后台获取值，分为两种情况 第一，后台是转发情况 第二，后台是重定向情况 针对第一种情况： modelAndView = new ModelAndView("login"); modelAndView.addObject("status","false" )...
浅谈在页面中获取到ModelAndView绑定的值方法
08-27
下面小编就为大家分享一篇浅谈在页面中获取到ModelAndView绑定的值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
spring boot前后端分离---后端封装数据库数据并返回接口给前端
m0_46596133的博客
09-28 6277
spring boot前后端分离—后端封装数据库数据并返回接口给前端 1.配置项目环境 1.1application.properties配置 端口配置及MySQL连接 #server server.port=8080 #spring datasource spring.datasource.url=jdbc:mysql:///jtsys?serverTimezone=GMT%2B8 spring.datasource.username=root spring.datasource.password=
如何快速使用SpringBoot+Vue前后端分离实现echarts图形可视化（入门详细教程）
小袁同学的博客
01-03 2万+
今天要介绍的是如何实现通过SpringBoot+Vue前后端分离，将数据从数据库传递给前端达到echarts图形的展示 先看看效果图，图形中的数据是数据库中，不是假数据 目录 数据部分 后端 创建一个SpringBoot项目 Application配置 Book类（bean数据层） BookRepository接口类（DAO数据访问层） BookService接口类（业务层） BookServiceImpl实现类（业务层） BookController类（控制层） 跨域请求处理 启
手把手教你搭建Spring Boot+Vue前后端分离
做兴趣使然的Hero
12-11 2万+
1 什么是前后端分离 前后端分离是目前互联网开发中比较广泛使用的开发模式，主要是将前端和后端的项目业务进行分离，可以做到更好的解耦合，前后端之间的交互通过xml或json的方式，前端主要做用户界面的渲染，后端主要负责业务逻辑和数据的处理。 2 Spring Boot后端搭建 2.1 Mapper层 请参阅这篇文章https://blog.csdn.net/Mr_YanMingXin/article/details/118342143 此次项目的后端搭建就是在这个项目的基础上 2.2 Service层 接口
SpringBoot+Vue+Element-ui实现前后端分离
m0_66403070的博客
04-23 1858
SpringBoot+Vue+Element-ui实现前后端分离
springboot中使用thymeleaf模板访问html等静态页面,并利用ModelAndView传递数据过去,Java模板引擎之Freemarker
奔跑的菜鸡
03-05 7334
引言 在传统的web开发中通常使用jsp页面，首先需要在pom文件中引入springmvc相关的包，然后写springmvc的配置文件（包括访问资源的路径解析），之后还需再web.xml中配置访问路由。这无疑太麻烦了，每次开发前都需要编写大量的配置文件。 springboot为此提供了高效便捷的解决方案，只需再pom.xml中添加web开发的依赖，便可进行web开发，省去了繁琐的配置步骤。 下面为...
spring mvc学习（29）:modelandview向页面传输数据
歌谣的博客
11-13 417
创建maven项目就不说了，需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0....
SpringMVC传入参数、传出参数的方式（ModelAndView、Model、ModelMap）
Maker_Wei_DADA的博客
03-16 3575
我们经常前后端传参，下面说几种常见的传参方式 一、前端向后台传入数据： 第一种直接在前台接收参数：但是参数名称一定要一致才行。如下： 代码： 第二种：利用@RequestParam来约定参数，可以看出第一种有很大的局限性，必须要求前后端参数名一致才行，第二种方法可以弥补第一种缺陷。如下： 代码： 第三种利用对象接收：如果参数过多可以利用对象接收，但是前端传进的参数名称一定要和对象里的属性名称一致,否则接收为null。如下： 代码： 二、后端向前端传参（三种）： 第一种： Model（如上，已经演示很
Spring MVC组件配置，以及ModelAndView参数类型，设计实现流程
qiao2458的博客
07-03 561
总结 springWebMVC流程 http请求 URL定位一个地址 HttpClient apche请求的安装包 浏览器借助ajax 请求—>DispatcherServlet—>HandlerMapping— —>Controller(返回modelAndView)—>ViewResolver–>视图jsp 模板文件数据填充构成静态文件返回给浏览器， 模板技术 javaWeb模板技术 freeMarker技术，模板引擎，改变数据，形成html输出 没有EL表达式 独特的FT
springboot前后端分离拦截器
12-07
以下是Spring Boot前后端分离拦截器的介绍： 1.创建一个拦截器类，实现HandlerInterceptor接口，并实现其中的三个：preHandle、postHandle和afterCompletion。其中，preHandle方法在请求处理之前进行调用，postHandle方法在请求处理之后进行调用，afterCompletion方法在视图渲染之后进行调用。 2.在Spring Boot的配置类中，使用addInterceptors方法将拦截器类添加到拦截器链中。 3.在拦截器类中，可以通过request.getSession().getAttribute()方法获取session中的用户信息，从而进行登录验证等操作。 下面是一个示例代码： ```java public class LoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { HttpSession session = request.getSession(); Object user = session.getAttribute("user"); if (user == null) { response.sendRedirect("/login"); return false; } return true; } @Override public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception { } @Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { } } ``` ```java @Configuration public class WebMvcConfig implements WebMvcConfigurer { @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new LoginInterceptor()).addPathPatterns("/**").excludePathPatterns("/login", "/register"); } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值