springboot-web开发

拾忆最初的理想

已于 2022-08-12 22:54:35 修改

阅读量3.2k

点赞数 1

分类专栏：框架文章标签： spring boot java

于 2022-08-09 00:31:47 首次发布

本文链接：https://blog.csdn.net/weixin_51604685/article/details/126239131

版权

框架专栏收录该内容

7 篇文章 0 订阅

订阅专栏

SpringBoot的web开发

SpringBoot的web开发，实际上SpringBoot的Web开发与普通Spring MVC的web开发非常接近，没有太大的区别。所以只要掌握了Spring MVC的开发，就能很快上手SpringBoot 的Web开发。

SpringBoot的web开发，基本可以分为以下三步：

创建工程
编写业务代码
编写前端页面

在这里插入图片描述

1，静态资源映射规则

规则一：引入公共资源

我们都知道在spring中，我们都是将所有的资源放在webapp目录下的，但是在springboot中，我们是将这些资源放在哪里呢？
这时我们来看看这个配置
在这里插入图片描述

所有 /webjars/** ，都去 classpath:/META-INF/resources/webjars/ 找资源。所谓webjars，就是用jar包的方式，来引入前端资源。比如我们想要引入jquery，我们可以去找jquery的maven依赖，将依赖放入pom文件，就可以用webjars的方式来引入jquery。

当我们引入jquery后，如何进行访问呢？

localhost:8080/webjars/jquery/3.3.1-1/jquery.js 实际上在jquery的jar包中，这个资源被放在了/META-INF/resources/webjars/ jquery/3.3.1-1/src/jquery.js中

在这里插入图片描述

规则二：引入自添加的资源

“/** ” 访问当前项目的任何资源，若未找到，则去（静态资源的文件夹）找映射。静态资源文件夹如下：

classpath:/META-INF/resources
classpath:resources
classpath:static
classpath:public

将静态资源放入这些路径下，就可以直接访问，不需要加上这些文件夹的路径

在这里插入图片描述

规则三：欢迎页

静态资源文件夹下的所有index.html页面，被”/** ”映射在没有添加index.html时，我们访问localhost:8080，会找不到页面。

在这里插入图片描述

规则四：图标文件

所有的 **/favicon.ico 都在静态资源文件下寻找 favicon.ico是一个网站的图标文件。我们可以通过修改这个文件来自定义网站的图标。我们把任意一个资源文件夹下放置自定义的favicon.ico文件，重新启动项目，就可以观察到网站图标的变化。
在这里插入图片描述

2，模板引擎Thymeleaf

由于SpringBoot采用嵌入式的Tomcat，所以默认不支持JSP页面。但如果使用纯静态的html开发，又非常的繁琐，工作量很大。因此，SpringBoot推荐使用模板引擎。常见的模板引擎有JSP、velocity、Freemarker、Thymeleaf等。 SpringBoot推荐使用Thymeleaf引擎。它具有语法简单、功能强大等特点。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-w2ebTYgp-1659976108125)(D:\Data\Typora\SpringBoot\image-20220808235324604.png)]$

1，Thymeleaf规则

一、自动配置规则 Thymeleaf自动配置规则在spring-boot-autoconfiggure里面，我们需要根据配置规则来使用Thymeleaf。Thymeleaf的配置规则封装在ThymeleafProperties里面。

在这里插入图片描述

二，通过ThymeleafProperties封装的规则，我们可以看到它有一个默认的前缀"classpath:/templates/"和一个默认的后缀 “.html”，由此可知，只要我们把HTML页面放在classpath:/templates/，thymeleaf就能自动渲染。
在这里插入图片描述

2，Thymeleaf语法

1.导入命名空间

在html页面引入，其作用是提示代码

2.获取请求域值通常情况下，我们获取值用${xxx}，在Thymeleaf中，利用th:text改变当前元素里面的文本内容，如div，需要注意的是，div和th之间是空格

Thymeleaf表达式语法

Variable Expressions： ${…}：获取变量值获取对象的属性，调用方法，使用内置的基本对象或者内置的一些工具对象。
Selection Variable Expressions: *{…} 选择表达式：和 ${}在功能上是一样. 例如：th:object="$ {session.user}：
Message Expressions: #{…}：获取国际化内
Link URL Expressions: @{…}：定义URL
Fragment Expressions: ~{…}：片段引用表达式