SpringBoot 整合 Spring MVC
étape
La première étape: ajouter les dépendances nécessaires
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
Étape 2: ajoutez la configuration nécessaire
Étape 3: Ajoutez les classes de configuration nécessaires
SpringBoot intègre SpringMVC sans les classes de configuration nécessaires, ajoutez uniquement certaines classes de configuration qui implémentent l'interface WebMvcConfigurer lorsque vous souhaitez la personnaliser.
@Configurationpublic class WebMvcConfig implements WebMvcConfigurer {
// 添加针对swagger的处理，避免swagger404
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("swagger-ui.html")
.addResourceLocations("classpath:/META-INF/resources/");
} //...自定义实现WebMvcConfigurer中的若干默认方法}
Étape 4: intégrer le moteur de modèles
Intégrer Freemarker
La première étape: ajouter les dépendances nécessaires
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
Étape 2: Ajoutez les paramètres nécessaires (accentuation)
#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
Étape 3: Ajoutez les classes de configuration nécessaires
Étape 4: Ajouter des contrôleurs et des pages dynamiques
@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";
}
}
ressources / livre / 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" ="dianji()">点击</a><br/><button ="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>
Intégrer Thymeleaf
La première étape: ajouter le package jar nécessaire
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
Étape 2: ajoutez la configuration nécessaire
spring.thymeleaf.cache=falsespring.thymeleaf.encoding=UTF-8spring.thymeleaf.enabled=truespring.thymeleaf.mode=HTML
spring.thymeleaf.prefix=classpath:/templates/spring.thymeleaf.suffix=.html
spring.thymeleaf.servlet.content-type=text/html
À l'exception de la première, aucune des configurations ci-dessus ne peut être configurée. Les valeurs ci-dessus sont également des valeurs par défaut. Configurez-les lorsque vous devez les modifier.
Étape 3: Ajoutez les classes de configuration nécessaires
Étape 4: Ajouter des contrôleurs et des pages dynamiques
@Controllerpublic 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>
Intégrer WebJar
La première étape: ajouter le package jar nécessaire
<!--导入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>
Étape 2: Utilisez WebJar pour développer des pages frontales
<!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>
Conclusion:
Ceci conclut cet article! Si vous avez des amis qui veulent apprendre Java, améliorer leurs compétences et trouver un emploi, vous pouvez cliquer pour entrer, le code: cspp , il y a beaucoup de matériel d'apprentissage, de tutoriels et de vraies questions d'entretien. Gratuit!
