SpringBoot学习(二)-SpringBoot Web 开发

注:此为笔者学习狂神说SpringBoot的笔记,其中包含个人的笔记和理解,仅做学习笔记之用,更多详细资讯请出门左拐B站:狂神说!!!

SpringBoot Web 开发

SpringBoot学习(二)-SpringBoot Web 开发_第1张图片
SpringBoot学习(二)-SpringBoot Web 开发_第2张图片

1、静态资源

1)创建项目

SpringBoot学习(二)-SpringBoot Web 开发_第3张图片

2)做项目都先测试一下Tomcat

SpringBoot学习(二)-SpringBoot Web 开发_第4张图片

3)spring加载静态资源都会从Resource目录下加载

SpringBoot学习(二)-SpringBoot Web 开发_第5张图片

SpringBoot学习(二)-SpringBoot Web 开发_第6张图片

4)访问一下Resource目录下的public的静态资源

SpringBoot学习(二)-SpringBoot Web 开发_第7张图片

5)用网页访问静态资源

SpringBoot学习(二)-SpringBoot Web 开发_第8张图片

6)resources目录下各包中静态资源的访问优先级

SpringBoot学习(二)-SpringBoot Web 开发_第9张图片

SpringBoot学习(二)-SpringBoot Web 开发_第10张图片

7)总结:(/→根目录下)
SpringBoot学习(二)-SpringBoot Web 开发_第11张图片

2、首页和图标定制

1)首页如何定制

通过源码分析得到index.html文件的解析存放位置,在resources资源文件里面

SpringBoot学习(二)-SpringBoot Web 开发_第12张图片

页面跳转

SpringBoot学习(二)-SpringBoot Web 开发_第13张图片

2)图标定制

都是通过源码看方法的配置,去修改默认配置,以达到自定义的目的。

SpringBoot学习(二)-SpringBoot Web 开发_第14张图片

不放在根目录下就行(/favicon.ico:根目录的classpath下的favicon.ico)**
SpringBoot学习(二)-SpringBoot Web 开发_第15张图片

3、Thymeleaf模板引擎

SpringBoot学习(二)-SpringBoot Web 开发_第16张图片

1)通过官网去学习Thymeleaf

SpringBoot学习(二)-SpringBoot Web 开发_第17张图片

在Spring官方文档里找starter
SpringBoot学习(二)-SpringBoot Web 开发_第18张图片

SpringBoot学习(二)-SpringBoot Web 开发_第19张图片

通过源码找ThymeleafProperties,它里面会定义许多属性,自己改自定义就行了

SpringBoot学习(二)-SpringBoot Web 开发_第20张图片

属性规定的位置和格式(.html)

SpringBoot学习(二)-SpringBoot Web 开发_第21张图片

2)测试一下:用templates跳转controller页面

SpringBoot学习(二)-SpringBoot Web 开发_第22张图片

SpringBoot学习(二)-SpringBoot Web 开发_第23张图片

SpringBoot学习(二)-SpringBoot Web 开发_第24张图片

SpringBoot学习(二)-SpringBoot Web 开发_第25张图片

3)Thymeleaf格式

SpringBoot学习(二)-SpringBoot Web 开发_第26张图片

4)Thymeleaf语法

SpringBoot学习(二)-SpringBoot Web 开发_第27张图片

SpringBoot学习(二)-SpringBoot Web 开发_第28张图片

测试Thymeleaf语法
测试消息传输的message

SpringBoot学习(二)-SpringBoot Web 开发_第29张图片

  • ${msg}

  • 取不出来值的,而且h1便签没有识别msg的元素,所以要改为div

SpringBoot学习(二)-SpringBoot Web 开发_第30张图片

  • 用thtmeleaf来替换接管

SpringBoot学习(二)-SpringBoot Web 开发_第31张图片

  • 结果

在这里插入图片描述

取值传输数据操作:

SpringBoot学习(二)-SpringBoot Web 开发_第32张图片

  • controller中传数据,HTML中取数据

SpringBoot学习(二)-SpringBoot Web 开发_第33张图片

SpringBoot学习(二)-SpringBoot Web 开发_第34张图片

遍历数据

SpringBoot学习(二)-SpringBoot Web 开发_第35张图片

  • 第一种主要方式:

SpringBoot学习(二)-SpringBoot Web 开发_第36张图片

前面不带字符的字符串不会被解析,th:text 指 用文本形式表达出来
  • 第二种少用方式:

SpringBoot学习(二)-SpringBoot Web 开发_第37张图片

常用语法的运用说明

SpringBoot学习(二)-SpringBoot Web 开发_第38张图片

SpringBoot学习(二)-SpringBoot Web 开发_第39张图片

SpringBoot学习(二)-SpringBoot Web 开发_第40张图片

4、装配扩展SpringMVC

SpringBoot学习(二)-SpringBoot Web 开发_第41张图片

1)去官网看理解一下

SpringBoot学习(二)-SpringBoot Web 开发_第42张图片

  • Spring MVC 自动装配可以提供的功能:

SpringBoot学习(二)-SpringBoot Web 开发_第43张图片

  • 我们一般自定义的配置类都放在config里面
    SpringBoot学习(二)-SpringBoot Web 开发_第44张图片

2)实现视图解析器(一般不怎么用)

SpringBoot学习(二)-SpringBoot Web 开发_第45张图片

SpringBoot学习(二)-SpringBoot Web 开发_第46张图片

  • 点进去这个getCandidateView里面,理解从哪里取得候选视图,

SpringBoot学习(二)-SpringBoot Web 开发_第47张图片

  • 视图解析器类和视图解析器方法
    SpringBoot学习(二)-SpringBoot Web 开发_第48张图片

  • 查看dispatchservlet,找到doService,知道了其中返回doDispatch

SpringBoot学习(二)-SpringBoot Web 开发_第49张图片

所有的请求都会被dispatchservlet发送和接受

  • 打个断点,查看debug,看看自己的视图解析器有没有被添加

SpringBoot学习(二)-SpringBoot Web 开发_第50张图片

查看debug

SpringBoot学习(二)-SpringBoot Web 开发_第51张图片

SpringBoot学习(二)-SpringBoot Web 开发_第52张图片

  • 结论
    SpringBoot学习(二)-SpringBoot Web 开发_第53张图片

3)消息转换、格式化器

SpringBoot学习(二)-SpringBoot Web 开发_第54张图片

SpringBoot学习(二)-SpringBoot Web 开发_第55张图片

不知道怎么配置
可以点开properties

SpringBoot学习(二)-SpringBoot Web 开发_第56张图片

进去定义的mvcproperties里面

SpringBoot学习(二)-SpringBoot Web 开发_第57张图片

找到getDateFormat

SpringBoot学习(二)-SpringBoot Web 开发_第58张图片

知道了这个dateFormat属性

SpringBoot学习(二)-SpringBoot Web 开发_第59张图片

  • / / /→ - - -

SpringBoot学习(二)-SpringBoot Web 开发_第60张图片

4)修改SpringBoot的默认配置

SpringBoot学习(二)-SpringBoot Web 开发_第61张图片

5)视图跳转

SpringBoot学习(二)-SpringBoot Web 开发_第62张图片

SpringBoot学习(二)-SpringBoot Web 开发_第63张图片

研究一下加上@ EnableWebMvc会如何

SpringBoot学习(二)-SpringBoot Web 开发_第64张图片

SpringBoot学习(二)-SpringBoot Web 开发_第65张图片

SpringBoot学习(二)-SpringBoot Web 开发_第66张图片

SpringBoot学习(二)-SpringBoot Web 开发_第67张图片

SpringBoot学习(二)-SpringBoot Web 开发_第68张图片

SpringBoot学习(二)-SpringBoot Web 开发_第69张图片

SpringBoot学习(二)-SpringBoot Web 开发_第70张图片

SpringBoot学习(二)-SpringBoot Web 开发_第71张图片

有webMvcConfigurationSupport,就失效

SpringBoot学习(二)-SpringBoot Web 开发_第72张图片

学会写starter,不然会被开除

SpringBoot学习(二)-SpringBoot Web 开发_第73张图片

SpringBoot学习(二)-SpringBoot Web 开发_第74张图片

SpringBoot学习(二)-SpringBoot Web 开发的学习笔记到此完结,笔者归纳、创作不易,大佬们给个3连再起飞吧

你可能感兴趣的:(SpringBoot,spring,boot)