原创作品，可以转载，但是请标注出处地址：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的更多相关文章

SpringBoot整合系列--整合MyBatis-plus
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/10125279.html SpringBoot整合MyBatis-plus 步骤第一步: ...
SpringBoot整合系列-整合MyBatis
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9971036.html SpringBoot整合Mybatis 步骤第一步:添加必要的j ...
SpringBoot整合系列-整合JPA
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9959865.html SpringBoot整合JPA进行数据库开发步骤第一步:添加必 ...
SpringBoot整合系列-整合H2
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9959855.html SpringBoot整合H2内存数据库一般我们在测试的时候习惯于 ...
SpringBoot整合系列-整合Swagger2
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9959844.html SpringBoot整合Swagger2 步骤第一步:添加必要的 ...
SpringBoot整合系列-PageHelper分页插件
原创作品,可以转载,但是请标注出处地址:https://www.cnblogs.com/V1haoge/p/9971043.html SpringBoot整合MyBatis分页插件PageHelper ...
SpringBoot系列-整合Mybatis（注解方式）
目录一.常用注解说明二.实战三.测试四.注意事项上一篇文章<SpringBoot系列-整合Mybatis(XML配置方式)>介绍了XML配置方式整合的过程,本文介绍下Spring ...
零基础学习java------40---------Maven（maven的概念，安装，maven在eclipse中使用），springboot（spring整合springmvc(注解）,spring整合mybatis（常见的配置文件）)，前端页面（bootstrap软件）
一 maven 1. Maven的相关概念 1.1 项目开发中遇到的问题 (1)都是同样的代码,为什么在我的机器上可以编译执行,而在他的机器上就不行? (2)为什么在我的机器上可以正常打包,而配置管理 ...
springboot + mybatis + mycat整合
1.mycat服务搭建mycat服务并启动,windows安装参照. 系列文章: [Mycat 简介] [Mycat 配置文件server.xml] [Mycat 配置文件schema.xml] [ ...

随机推荐

MyBatis（八）联合查询级联属性封装结果集
(1)接口中编写方法 public Emp getEmpandDept(); (2)编写Mapper文件 <resultMap type="com.eu.bean.Emp" ...
jQuery实现节点克隆
为了便于在DOM节点进行添加或者删除节点元素,使用克隆的方法比较方便,下面是js部分的主要代码 var container = $('.recordCon'); var cloneDom = cont ...
LINUX监控-spotlight
这里连接的user不能是root(spotlight需要一个具有root权限的用户,但是又不允许是root),所以需要给要连接的linux端创建一个有root权限的用户,在linux主机创建了root ...
java中bigInteger的应用
BigInteger abs() 返回大整数的绝对值BigInteger add(BigInteger val) 返回两个大整数的和BigInteger and(BigInteger val) 返 ...
win10 vscode使用智能提示
1.没有第三方库的智能提示参考:https://code.visualstudio.com/docs/python/editing 1.点开Settings 2.搜索加添加 3.添加后的内容然后就 ...
promise的异步链式调用
场景: 淘米干净的米下锅蒸米饭吃米饭 ;这几个步骤是一个接着一个执行, 也就是只有前面的做完后, 才会去做后面的. 并且每一步都需要用一部分时间去执行. function deal(ta ...
让 ComboBox 的每个栏目显示不同颜色
在一般的应用程式中,使用 ComboBox 提供下拉选单的功能,让使用者选择不同项目,一般而言, ComboBox 的项目没有什么特别的,但在特定的应用程式中,有时候会希望每个项目有一些效果呈现,例如 ...
算法与数据结构(六) 迪杰斯特拉算法的最短路径(Swift版)
上篇博客我们详细的介绍了两种经典的最小生成树的算法,本篇博客我们就来详细的讲一下最短路径的经典算法----迪杰斯特拉算法.首先我们先聊一下什么是最短路径,这个还是比较好理解的.比如我要从北京到济南,而 ...
Redis Cluster(集群)
一.概述在前面的文章中介绍过了redis的主从和哨兵两种集群方案,redis从3.0版本开始引入了redis-cluster(集群).从主从-哨兵-集群可以看到redis的不断完善:主从复制是最简单 ...
高德地图JS API获取经纬度，根据经纬度获取城市
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

SpringBoot整合系列-整合SpringMVC

SpringBoot整合Spring MVC

步骤

第一步：添加必要依赖

第二步：添加必要的配置

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

第四步：整合模板引擎

整合Freemarker

第一步：添加必要的依赖

第二步：添加必要的设置(重点)

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

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

整合Thymeleaf

第一步：添加必要的jar包

第二步：添加必要的配置

第三步：添加必要配置类

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

整合WebJar

第一步：添加必要的jar包

第二步：使用WebJar开发前端页面

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

随机推荐

热门专题