原创作品，可以转载，但是请标注出处地址：https://www.cnblogs.com/V1haoge/p/9984607.html

SpringBoot整合Spring MVC

步骤

第一步：添加必要依赖

<dependency>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-web</artifactId>

</dependency>

第二步：添加必要的配置

无

第三步：添加必要的配置类

SpringBoot整合SpringMVC没有必需的配置类，只有在想要自定义的时候添加一些实现了WebMvcConfigurer接口的配置类

@Configuration

public class WebMvcConfig implements WebMvcConfigurer {

    // 添加针对swagger的处理，避免swagger404

    @Override

    public void addResourceHandlers(ResourceHandlerRegistry registry) {

        registry.addResourceHandler("swagger-ui.html")

                .addResourceLocations("classpath:/META-INF/resources/");

    }

    //...自定义实现WebMvcConfigurer中的若干默认方法

}

第四步：整合模板引擎

整合Freemarker

第一步：添加必要的依赖
<dependency>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-freemarker</artifactId>

</dependency>
第二步：添加必要的设置(重点)
#Freemarker-config

# 设置模板前后缀名

#spring.freemarker.prefix=

spring.freemarker.suffix=.ftl

spring.freemarker.enabled=true

# 设置文档类型

spring.freemarker.content-type=text/html

spring.freemarker.request-context-attribute=request

# 设置ftl文件路径

spring.freemarker.template-loader-path=classpath:/templates/

# 设置页面编码格式

spring.freemarker.charset=UTF-8

# 设置页面缓存

spring.freemarker.cache=false
第三步：添加必要的配置类

无

第四步：添加控制器和动态页面
@Controller

@RequestMapping("base")

@Log4j2

@Api(hidden = true)

public class Base {

    @RequestMapping("/book")

    @ApiOperation(value = "测试",hidden = true)

    public String toBookIndexPage(ModelMap model){

        log.info("进来啦！！！");

        model.put("name","浩哥");

        return "/book/index";

    }

}

resources/book/index.ftl

<#assign base = request.contextPath/>

<!DOCTYPE HTML>

<HTML>

<HEAD>

    <TITLE>测试首页</TITLE>

    <base id="base" href="${base}">

    <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />

    <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>

    <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>

</HEAD>

<BODY>

${name}

<a class="getBook" onclick="dianji()">点击</a><br/>

<button onclick="dianji()">点击</button>

</BODY>

<SCRIPT>

    function dianji() {

        $.ajax({

            url: "/account/g/1",

            type: "GET",

            success: function (data) {

                alert(data);

            }

        })

    }

    var base = document.getElementById("base").href;

    // 与后台交互

    _send = function(async,url, value, success, error) {

        $.ajax({

            async : async,

            url : base + '/' + url,

            contentType : "application/x-www-form-urlencoded; charset=utf-8",

            data : value,

            dataType : 'json',

            type : 'post',

            success : function(data) {

                success(data);

            },

            error : function(data) {

                error(data);

            }

        });

    };

</SCRIPT>

</HTML>

整合Thymeleaf

第一步：添加必要的jar包
<dependency>

    <groupId>org.springframework.boot</groupId>

    <artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>
第二步：添加必要的配置
spring.thymeleaf.cache=false

spring.thymeleaf.encoding=UTF-8

spring.thymeleaf.enabled=true

spring.thymeleaf.mode=HTML

spring.thymeleaf.prefix=classpath:/templates/

spring.thymeleaf.suffix=.html

spring.thymeleaf.servlet.content-type=text/html

以上配置中除了第一个之外，其余皆可不配置，上面的值也是默认值，需要修改的时候再进行配置

第三步：添加必要配置类

无

第四步：添加控制器和动态页面
@Controller

public class BaseController {

    @RequestMapping("index")

    public String toIndex(ModelMap model){

        model.put("name","首页啊");

        return "index";

    }

}

resources/index.html

<!Doctype html>

<html>

<head>

    <title>下一页</title>

</head>

<body>

<h1 th:text="${name}">Hello World</h1>

</body>

</html>

整合WebJar

第一步：添加必要的jar包
<!--导入bootstrap-->

<dependency>

    <groupId>org.webjars</groupId>

    <artifactId>bootstrap</artifactId>

    <version>3.3.7-1</version>

</dependency>

<!--导入Jquery-->

<dependency>

    <groupId>org.webjars</groupId>

    <artifactId>jquery</artifactId>

    <version>3.1.1</version>

</dependency>
第二步：使用WebJar开发前端页面
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Dalaoyang</title>

    <link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css" />

    <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>

    <script src="/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container"><br/>

    <div class="alert alert-success">

        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

        Hello, <strong>Dalaoyang!</strong>

    </div>

</div>

</body>

</html>

SpringBoot整合系列-整合SpringMVC的更多相关文章

  1. SpringBoot整合系列--整合MyBatis-plus

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/10125279.html SpringBoot整合MyBatis-plus 步骤 第一步: ...

  2. SpringBoot整合系列-整合MyBatis

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9971036.html SpringBoot整合Mybatis 步骤 第一步:添加必要的j ...

  3. SpringBoot整合系列-整合JPA

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9959865.html SpringBoot整合JPA进行数据库开发 步骤 第一步:添加必 ...

  4. SpringBoot整合系列-整合H2

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9959855.html SpringBoot整合H2内存数据库 一般我们在测试的时候习惯于 ...

  5. SpringBoot整合系列-整合Swagger2

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9959844.html SpringBoot整合Swagger2 步骤 第一步:添加必要的 ...

  6. SpringBoot整合系列-PageHelper分页插件

    原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9971043.html SpringBoot整合MyBatis分页插件PageHelper ...

  7. SpringBoot系列-整合Mybatis（注解方式）

    目录 一.常用注解说明 二.实战 三.测试 四.注意事项 上一篇文章<SpringBoot系列-整合Mybatis(XML配置方式)>介绍了XML配置方式整合的过程,本文介绍下Spring ...

  8. 零基础学习java------40---------Maven（maven的概念，安装，maven在eclipse中使用），springboot（spring整合springmvc(注解）,spring整合mybatis（常见的配置文件）)，前端页面（bootstrap软件）

    一 maven 1. Maven的相关概念 1.1 项目开发中遇到的问题 (1)都是同样的代码,为什么在我的机器上可以编译执行,而在他的机器上就不行? (2)为什么在我的机器上可以正常打包,而配置管理 ...

  9. springboot + mybatis + mycat整合

    1.mycat服务 搭建mycat服务并启动,windows安装参照. 系列文章: [Mycat 简介] [Mycat 配置文件server.xml] [Mycat 配置文件schema.xml] [ ...

随机推荐

  1. [NodeJs Windows编译学习]

    https://blog.csdn.net/gesturexiaoxin/article/details/80162944

  2. oracle 报错无法从套接字获取更多数据

    报错信息如下: ---查看_optimizer_join_elimination_enabled参数值 切换sys用户 select a.ksppinm name, b.ksppstvl value, ...

  3. Vue（三十二）SSR服务端渲染Nuxt.js

    初始化Nuxt.js项目步骤 1.使用脚手架工具 create-nuxt-app 创建Nuxt项目 使用yarn或者npm $ yarn create nuxt-app <项目名> 注:根 ...

  4. 微信小程序统计分析

    在微信公众平台社区看到一个不错的东西,小博统计:https://www.wxappdev.com/:用于微信小程序统计分析.

  5. 二、JAVA基础、语法

    第二节:JAVA基础.语法 1.修饰符.变量:    Java中主要有如下几种类型的变量    局部变量                                                 ...

  6. vue-router路由学习总结

    vue路由 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  7. Html元素添加事件禁用

    最近几天,测试在检测我页面功能时,疯狂点击带接口请求的按钮,然后就会发起无数次请求,然后app就卡住了.当看到这个问题的时候,心里疯狂鄙视测试(开个玩笑),一开始想的到解决方案是用函数防抖,使用函数防 ...

  8. CPU运行原理

    问题: CPU位宽表示什么意思? 下面这个是 https://www.bilibili.com/video/av9667986?from=search&seid=336127932106862 ...

  9. 微信报错 config:fail.Error:invalid signature

    config:fail.Error:invalid signature 微信公众号报这个错,appid等各项都配置好,经过一番折腾,发现原来ip白明单设置了不是该服务器的ID,重新设置后就可以了

  10. QT中foreach的使用

    在标准C++中,并没有foreach关键字. 但是在QT中,可以使用这一个关键字,其主要原因是QT自己增加了这一个关键字,就像slots和signals.emit等一样.增加的foreach关键字在编 ...