原创作品，可以转载，但是请标注出处地址：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. 编程菜鸟的日记-初学尝试编程-C++ Primer Plus 第6章编程练习5

    #include <iostream> using namespace std; const double N1=35000; const int N2=15000; const int ...

  2. 解决audio控制播放音量

    在写手机端项目时,可能会遇到使用audio播放音乐,那么怎样控制audio默认播放的音量呢?下面时解决办法 volume 属于是控制audio 播放音乐的音量,其范围0-1,1表示音量最大 getVi ...

  3. Git 实用指南

    传送门: https://mp.weixin.qq.com/s?__biz=MzI3MzgxNDY2MQ==&mid=2247484159&idx=1&sn=2d28513ef ...

  4. Layui下拉框改变时触发事件

    layui.use(['form', 'layer'], function () { var form = layui.form(); var layer = layui.layer; form.on ...

  5. hanlp大辞典

    hanlp加一个很大的词典时候遇到的问题: ,然后改为5g,5g,问题得到解决. 但是运行后还有一个问题是: 重新改为10g,10g,问题得到解决. 也就是给java虚拟机分配的内存大点.

  6. iview修改tabbar实现小程序自定义中间圆形导航栏及多页面登录功能

    emmm,用iview改了个自定义中间圆形的tabbar. 如下图所示, 重点,什么鬼是“多页面登录”? 例如:我现在要做一个功能,要说自己长得帅才能进去页面. 一个两个页面还好,但是我现在要每个页面 ...

  7. spring-cloud-Zuul学习（一）【基础篇】--入门案例【重新定义spring cloud实践】

                                                                                                    -- 2 ...

  8. java课程之团队开发冲刺阶段1.2

    一.总结昨天进度 1.三个任务都已经实现 2.使用时间:四个小时左右 二.遇到的困难 1.对Android原生的侧拉任务栏不了解,导致使用的时候出现了一部分问题 三.今天任务规划 1.对之前的程序重新 ...

  9. 盒子模型/div标签/益出处理

    /* <div></div>没有任何功能,不属于功能标签 可以放文字,图片以及各种元素的块标签 常常用来布局 span标签属于行内标签,无法设置宽高 */ <!docty ...

  10. linux 使用sh@d0ws0cks client

    Linux Centos7下安装使用Shadowsocks客户端,实现*** 准备 SS: 搭建一个可以连接外网的服务器 教程可见 自己动手搭梯子 服务器:本人用的腾讯云服务器,系统为Centos7 ...