原创作品，可以转载，但是请标注出处地址：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] [ ...

随机推荐

Helm 入门指南
Helm 为Kubernetes的软件包管理工具,Helm有两部分组成:Helm客户端.Tiller服务端,Helm三个主要部件:Chart.仓库.Release: Chart:为Kubernetes ...
2.postman安装及使用
一.postman说明 postman是研发和测试进行接口调试的工具.可以用来很方便的模拟get或者post或者其他方式的请求来调试接口. 二.postman安装 ①作为谷歌浏览器插件安装参考资料: ...
js将一篇文章中多个连续的<br>标签替换成两个连续的<br>标签
写本文的目的是今天恰好有一个之前做SEO的同事问我怎样把一篇文章中多个连续的br标签替换成两个连续的br标签,这里就牵涉到SEO层面的问题了. 在做SEO优化的时候,其中有一个需要注意的地方就是尽量减 ...
mysql_Navicat数据库破解
Navicat Premium 12.1.16.0安装与激活 Navicat Premium 12是一套数据库开发管理工具,支持连接 MySQL.Oracle等多种数据库,可以快速轻松地创建.管理和维 ...
Java_Object
说一下java中的Object类. 1.Object: Object是java类库中的一个特殊类,也是所有类的父类. Object类定义了一些有用的方法,由于是根类,这些方法在其他类中都存在,一般是进 ...
用cmd命令执行SQL脚本
1.简单说明 osql 为SQL Server的命令 2.要在cmd中执行该命令,一般安装SQL Server后该命令对应的路径会自动添加到系统环境变量中. 3.-S 表示要连接的数据库 -U表示登录 ...
样式布局与 BFC
一.几类视图内联视图:inline 单行块级视图:block 换行,有高度行内块级视图:inline-block 单行,有高度二.几类布局块级布局换行,通过设置 margin 水平居中 & ...
Mysql 创建及导入表
连接数据库打开命令行输入mysql -uroot -p 进行数据库连接创建并访问数据库 CREATE DATABASE test: //创建数据库test SHOW DATABSAES; //查看 ...
什么是URL，URL格式
什么是URL: 互联网里有很多的网页,大家都需要能够互相访问,就比如在一栋大楼里,有很多的房间,不同房间里的人都想能去任意的其他房间里去,那怎么能够达到这样的想法呢? 很简单,每个房间都挂一个门牌号就 ...
前端基础之JS
流程控制 if-else var a = 10; if (a > 5){ console.log("yes"); }else { console.log("no&q ...

SpringBoot整合系列-整合SpringMVC

SpringBoot整合Spring MVC

步骤

第一步：添加必要依赖

第二步：添加必要的配置

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

第四步：整合模板引擎

整合Freemarker

第一步：添加必要的依赖

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

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

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

整合Thymeleaf

第一步：添加必要的jar包

第二步：添加必要的配置

第三步：添加必要配置类

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

整合WebJar

第一步：添加必要的jar包

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

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

随机推荐

热门专题