简介
使用SpringBoot开发Web应用的步骤:
- 创建SpringBoot应用,选择需要的starter
- 在配置文件中去指定必要的少量配置
- 编写业务代码
Web开发的自动配置类:WebMvcAutoConfiguration
一、静态资源的映射
1.静态资源的位置
查看WebMvcAutoConfiguration——>addResourceHandlers()——>getStaticLocations()——>staticLocations
静态资源的默认位置:
- “classpath:/META-INF/resources/”
- “classpath:/resources/”
- “classpath:/static/”
- “classpath:/public/”
- “classpath:/” 注:"classpath:/"在SpringBoot2.0中已经被删除,在SpringBoot1.0中有效
当访问静态资源时会到所有静态资源文件夹中查找
可以修改静态资源的位置
#指定静态资源的位置,指定之后默认配置不再生效
spring.resources.static-location=classpath:/static,classpath:/public
2.欢迎页
查看WebMvcAutoConfiguration——>welcomePageHandleMapping()——>getWelcomePage()
将index.html页面放到任意一个静态资源文件夹中即可
3.网页图标
查看WebMvcAutoConfiguration——>内部类FaviconConfiguration——>faviconHandleMapping
将favicon.ico放到任意一个静态资源文件中即可
二、模板引擎
1.简介
目前Java Web开发推荐使用模板引擎,不建议使用JSP页面
- JSP缺点:本质上是Servlet,需要后台进行编译,耗时,效率低
- 模板引擎:不需要编译,速度较快
常用的模板引擎:Freemaker、Velocity、Thymeleaf等
SpringBoot推荐使用Thymeleaf,且默认不支持JSP页面,因为JSP必须要打成war包
补充:目前主流的Web开发更推荐采用前后端分离,前端使用MVVM框架,Vue.js、Angular、React等
2.Thymeleaf的使用
步骤:
-
添加thymeleaf的依赖
<!-- 添加thymeleaf依赖 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
-
将HTML页面放到templates目录中
templates目录下的HTML页面默认不能访问,需要通过controller来访问,由thymeleaf渲染
查看ThymeleafAutoConfiguration类——>ThymeleafProperties——>DEFAULT_PREFIX / DEFAULT_SUFFIX
ThymeleafAutoConfiguration自动配置类帮我们拼接前缀和后缀 -
thymeleaf渲染页面
-
修改页面,让其实时生效
问题:修改HTML页面后,需要重启服务器才能使页面生效
原因:thymeleaf默认启用了缓存
解决:禁用thymeleaf的缓存#禁用thymeleaf的缓存 spring.thymeleaf.cache=false
补充:还需要开启IDEA的自动编译,IDEA默认保存时不会自动编译
三、Thymeleaf语法规则
1.常用属性
-
th:text、th:utext
设置元素中的文本内容
th:text对特殊字符进行转义,等价于内联方式
th:utext不对特殊字符进行转义,等价于内联方式 -
th:html原生属性
用来替换指定的html原生属性的值
-
th:if、th:unless、th:switch、th:case
th:if:条件判断,类似于c:if
当条件为真时显示
为真的情况:
为假的情况:
th:unless:条件判断,当条件为假时显示th:switch:条件判断,符合哪条显示哪条
th:each:循环,类似于c:forEach
正常方式:
内联方式:
th:object、th:field:用于表单数据对象的绑定,将表单绑定到Controller的一个JavaBean参数,常与th:field一起使用,需要和和*{}选择表达式配合使用
th:fragment:用来声明代码片段
th:include、th:insert、th:replace:用于引入代码片段,类似于jsp:include
th:include、th:insert、th:replace三者的区别:
th:include保留自己的标签,不要th:fragment的标签(Thymeleaf 3.0中不推荐使用)
th:insert保留自己的标签,也保留th:fragment的标签
th:replace不保留自己的标签,保留th:fragment的标签
2、表达式
- ${}变量表达式
1.可以获取对象的属性、方法
2.使用内置的基本对象,如session、application等
3.使用内置的工具对象,如#strings、#dates、#arrays、#lists、#maps等
- *{}选择表达式(星号表达式)
需要和th:object配合使用,简化获取对象的属性
- @{}url表达式
- 运算符
eq gt le > < == != 三目运算符