SpringBoot学习总结——Web开发

简介

使用SpringBoot开发Web应用的步骤:

  1. 创建SpringBoot应用,选择需要的starter
  2. 在配置文件中去指定必要的少量配置
  3. 编写业务代码

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的使用

步骤:

  1. 添加thymeleaf的依赖

    <!-- 添加thymeleaf依赖 -->
    <dependency>
    	<groupId>org.springframework.boot</groupId>
    	<artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
    
  2. 将HTML页面放到templates目录中
    templates目录下的HTML页面默认不能访问,需要通过controller来访问,由thymeleaf渲染
    在这里插入图片描述
    查看ThymeleafAutoConfiguration类——>ThymeleafProperties——>DEFAULT_PREFIX / DEFAULT_SUFFIX
    ThymeleafAutoConfiguration自动配置类帮我们拼接前缀和后缀

  3. thymeleaf渲染页面
    在这里插入图片描述在这里插入图片描述在这里插入图片描述

  4. 修改页面,让其实时生效

    问题:修改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 > < == != 三目运算符
    在这里插入图片描述
发布了37 篇原创文章 · 获赞 16 · 访问量 6060

猜你喜欢

转载自blog.csdn.net/qq_44039966/article/details/102485322