springboot到底帮我们配置了什么?我们能不能修改?能修改那些东西?能不能扩展?
-
xxxxAutoConfiguration --> 向容器中自动配置组件
-
XXXXProperties:自动装配类,装配配置文件中的一些内容
要解决的问题:
-
导入静态资源
-
首页
-
jsp,模板引擎
-
装配扩展springMVC
-
增删改查
-
拦截器
静态资源
super.addResourceHandlers(registry);
if (!this.resourceProperties.isAddMappings()) {
logger.debug("Default resource handling disabled");
} else {
ServletContext servletContext = this.getServletContext();
this.addResourceHandler(registry, "/webjars/**", "classpath:/META-INF/resources/webjars/");
this.addResourceHandler(registry, this.mvcProperties.getStaticPathPattern(), (registration) -> {
registration.addResourceLocations(this.resourceProperties.getStaticLocations());
if (servletContext != null) {
registration.addResourceLocations(new Resource[]{new ServletContextResource(servletContext, "/")});
}
});
}
-
在springboot中可以用以下方式访问静态资源
-
webjars:
localhost:8080/wenjars
(很少使用) -
public,static, /**, resources,
localhost:8080/
-
-
优先级
resources>static(默认)>public
Thymeleaf模板引擎
Thymeleaf是跟Velocity、FreeMarker类似的模板引擎,它可以完全替代JSP,相较与其他的模板引擎,它主要有以下几个特点:
-
Thymeleaf在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性,所以thymeleaf的模板可以静态地运行;当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。
-
Thymeleaf开箱即用的特性。它提供标准和spring标准两种方言,可以直接套用模板实现JSTL、OGNL表达式效果,避免每天套模板、改jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
-
Thymeleaf提供spring标准方言和一个与SpringMVC完美集成的可选模块,可以快速的实现表单绑定、属性编辑器、国际化等功能。
Thymeleaf官网:http://www.thymeleaf.org
Thymeleaf整合SpringBoot
-
在pom.xml文件引入thymeleaf
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
-
在application.properties(application.yml)文件中配置thymeleaf
# thymeleaf
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.check-template-location=true
spring.thymeleaf.suffix=.html
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.cache=false -
在html中添加命名空间
html中的元素都可以被Thymeleaf替接管 , th:元素名
Thymeleaf语法
-
thymeleaf接管属性,以href为例:
-
<!-- Bootstrap core CSS -->
<link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">
<!-- Custom styles for this template -->
<link th:href="@{/asserts/css/signin.css}" rel="stylesheet">
@{路径名}
-
-
thymeleaf从后端的取值操作,和jsp中的jstl语法差不多
-
${要取出的值}
-
要用thymeleaf自带的工具类的话要用#开头
-
//标签内容为msg封装的内容,后面用strings类判断,如果msg为空则不显示该标签,不为空则显示
<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
-
-
thymeleaf向后端传递参数
-
<!--注意要使用a标签,否则可能点击无效-->
<a class="btn btn-sm btn-success" th:href="@{/employee/toUpdateEmp/}+${employee.getId()}">编辑</a>
<a class="btn btn-sm btn-danger" th:href="@{/employee/deleteEmp/}+${employee.getId()}">删除</a> -
@{路径}+${参数},注意要使用a标签
-
-
thymeleaf引用公共页面代码
-
<!--顶部导航栏-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="topBar">
页面部分
</nav>
<nav class="col-md-2 d-none d-md-block bg-light sidebar" th:fragment="sideBar">
侧边栏部分
</nav>
引用部分:
<div th:replace="~{commons/commons::topBar}"></div>
<div th:replace="~{commons/commons::sideBar}"></div>
-
-
thymeleaf实现数据回显
-
<form th:action="@{/employee/updateEmp}" method="post">
<input type="hidden" name="id" th:value="${employee.getId()}">
<div class="form-group">
<label for="LastName">LastName</label>
<input th:value="${employee.getLastName()}" type="text" class="form-control" id="LastName" name="lastName" placeholder="LastName">
</div>
<div class="form-group">
<label for="Email">Email</label>
<input th:value="${employee.getEmail()}" type="email" class="form-control" id="Email" name="email" placeholder="Email">
</div>
<div class="form-group">
<label >Gender</label><br>
<div class="form-check form-check-inline">
<input th:checked="${employee.getGender()==1}" class="form- check- input" type= "radio" name= "gender" value="1" >
<label class= "form-check -label">男</label>
</div>
<div class="form-check form-check-inline">
<input th:checked="${employee.getGender()==0}" class="form- check- input" type= "radio" name= "gender" value="0" >
<label class= "form-check -label">女</label>
</div>
</div>
<div class="form-group">
<label>department</label>
<!-- 我们在controller中接受的是一个员工对象,所以我们要提交的是其中的一个属性(所属部门的一个属性)-->
<select class="form-control" name="department.id">
<option th:selected="${depart.getId()==employee.getDepartment().getId()}" th:each="depart:${departments}" th:text="${depart.getDepartmentName()}" th:value="${depart.getId()}"></option>
</select>
</div>
<div class="form-group">
<label>Birth</label>
<input th:value="${#dates.format(employee.getBirth(),'yyyy-MM-dd')}" type="text" name="birth" class="form-control" placeholder=
-