springBoot07_WEB开发01：静态资源映射规则、引入thymeleaf

最新推荐文章于 2021-06-04 19:45:08 发布
最新推荐文章于 2021-06-04 19:45:08 发布
阅读量212 收藏 1
点赞数
分类专栏： springBoot 文章标签： spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TimEcho/article/details/106730787
版权

下载前端模板

静态资源映射规则

在这里插入图片描述
在这里插入图片描述
webjars

在这里插入图片描述
依赖加入到pom.xml文件
在这里插入图片描述
在这里插入图片描述
我要访问这个jar包下的静态资源：
localhost:8080/webjars/jquery/3.3.1/jquery.js
也就是导入webjars这个jar包后，我在访问静态资源的时候，就可以使用/webjars/**
访问的就是webjars下的静态资源
如果没地方处理静态资源导入，那么就会去下边的路径下找
在这里插入图片描述
我们在类路径下新建文件夹，三个文件夹下都可以放置静态资源
在这里插入图片描述
放置静态资源进去
在这里插入图片描述
比如我访问feather.min.js
访问路径不用加static，因为本身我就是从这个里边找资源
在这里插入图片描述
在这里插入图片描述
可以访问到

配置欢迎页

在这里插入图片描述
在这里插入图片描述
比如index.html在public文件夹下
在这里插入图片描述
可以访问到
在这里插入图片描述

配置喜欢的图标1.5.9

在这里插入图片描述
在这里插入图片描述
比如我把图标放到resources文件夹下
在这里插入图片描述

改变静态文件夹路径

可以在配置文件中，指定静态文件映射路径，这时默认设置的几个类路径就失效了
在这里插入图片描述
在这里插入图片描述
新建一个hello文件夹，放置index.html
在这里插入图片描述
即可访问到首页

引入thymeleaf

原来我们前端页面是要把html转成jsp，然后数据就可以前端进行展示
但是现在：
1、我们的springBoot项目，是jar包的方式，而web项目
2、使用的是嵌入的tomcat，默认不支持jsp

所以我们直接使用纯静态页面就会带来很大麻烦，推荐使用模板引擎

模板引擎

在这里插入图片描述
模板引擎的作用就是，把动态的数据和静态页面，通过模板引擎结合起来，展示数据
不管是JSP还是其他模板引擎，都是这种思想，只不过不同模板引擎语法不一样。

**SpringBoot推荐的Thymeleaf；

语法更简单，功能更强大；

1、引入thymeleaf

切换版本
<properties>
<thymeleaf.version>3.0.11.RELEASE</thymeleaf.version>        
        <!--布局功能的支持程序 thymeleaf3主程序 layout2以上版本-->        
        <!--thymeleaf2 layout1-->        
<thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
</properties>

		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2、thymeleaf使用

从属性类看出，只要把html页面放到classpath:/templates/下，就可以自动渲染了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1、导入thymeleaf的名称空间
目的就是可以有语法提示

<html lang="en" xmlns:th="http://www.thymeleaf.org">

将“你好”放入request域
在这里插入图片描述
前端展示
在这里插入图片描述
th:text=" 就是将div里面的文本内容设置为request域取出的内容
在这里插入图片描述
而不经过模板解析器解析，html页面输出的就是div之间的文本
在这里插入图片描述
这样就很好地达到前后端分离

语法规则

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
案例
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
th:text 字符进行转义，也就是把h1标签转义，这样前端显示出的就是h1标签
th:utext 不转义，也就是h1标签原样送到html页面，html页面解析h1标签，也就是产生字体大小的工作

乐七_
关注
专栏目录
Spring Boot入门(18)：使用Spring Boot快速实现静态资源映射，完美展示前端页面！
**My Coding Family**
04-29 5369
Spring Boot如何设置静态资源映射，一文带你搞定。
Spring Boot入门(19)：Spring Boot 整合 Thymeleaf 模板引擎，开发Web页面 | 超级详细，建议收藏
**My Coding Family**
08-27 2801
Spring Boot 如何整合 Thymeleaf 模板引擎开发Web页面？一文教会你。
thymeleaf手动映射根路径映射
aisu4981的博客
03-05 563
到/src/java/resources/templates/index.html下 @RequestMapping("/") publicStringindex(){ return"index"; } spring-boot项目静态文件目录：/src/java/resources/static spring-boot项目模板文件目录：/...
IDEA中resources包下mybatis主配置文件config与映射配置文件mapper
12-14
在resources包下的mybatis主配置文件config与映射配置文件mapper 俩个约束： //Config的约束： // Mapper的约束： IDEA配置SqlMapConfig模板 Mapper SELECT * FROM user 未实现的体育梦 原创文章
SpringBoot+Thymeleaf静态资源的映射规则
qq_39602928的博客
02-17 1228
1 Spring Boot中静态资源的映射规则 Spring Boot中静态资源主要包括两部分：1、webjars资源，2、自定义的其他html、css、js资源，下面分别介绍两种资源的映射规则。 1）、webjars资源 WebJars是将web前端资源（js，css等）打成jar包文件，然后借助Maven工具，以jar包形式对web前端资源进行统一依赖管理，保证这些Web资源版本唯一性。web...
Spring boot搭建web应用集成thymeleaf模板实现登陆
08-28
主要介绍了Spring boot搭建web应用集成thymeleaf模板实现登陆，页面使用bootstrap，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
SpringBoot+Thymeleaf设置默认界面
key_768的博客
02-02 5944
Thymeleaf默认界面为index.html 如果在templates中存在index.html，输入地址http://localhost:8080/会跳转到index.html 如果没有就报错404 如果想自己设置默认界面 网上查不到像web.xml里那样设置< welcome-file-list>那么简单的 只找到页面跳转的憨批方法。。。 package com.test....
SpringBoot框架:web开发:静态资源映射规则,Thymeleaf模板引擎,自动配置,添加额外SpringMVC配置,全面接管SpringMVC配置
入梦镜
01-06 301
简介 如果我们使用SpringBoot是挺简单的,因为它就是将很多东西给你封装起来 然后简化给你使用的, 一般的步骤是创建SpringBoot应用，选中我们需要的模块； 然后SpringBoot已经默认将这些场景配置好了， 只需要在配置文件中指定少量配置就可以运行起来 然后就编写自己的业务代码就行了 SpringBoot的自动配置原理,一般是 xxxxAutoConfiguration：帮我们给容器中自动配置组件； xxxxProperties:配置类来封装配置文件的内容； SpringBoot对静态
thymeleaf配置html资源路径,SpringBoot+thymeleaf+静态资源引入
weixin_34698515的博客
06-04 1853
一、静态资源的映射规则1.对哪些目录映射？classpath:/META-INF/resources/classpath:/resources/classpath:/static/classpath:/public//：当前项目的根路径意思是：我们在上面的五个目录下放静态资源文件(比如：jq.js等),可以直接访问(类似以前web项目的webapp下，放到其他目录无法被访问。2.为什是这几个目录呢...
SpringBoot学习篇3[静态资源、Thymeleaf模板引擎]
yky的博客
12-16 465
开始之前 在开始之前，先创建项目spring-boot-web 添加Spring Web和Thymeleaf依赖 勾选那两项是为了在Maven中引入以下两个依赖： 创建好后的项目目录如下（框起来的部分可以删除）： 一 静态内容 1.1 静态资源的查找路径 默认情况下，Spring Boot从类路径中名为/static、/public、/resources或/META-INF/resourc...
SpringBoot-Web开发-静态资源导入、首页定制、Thymeleaf、Thymeleaf基础语法以及使用
weixin_44518089的博客
11-05 306
jar：webapp 自动装配 springboot：配置、能不能修改、哪些可以修改、能否扩展 xxxAutoConfiguration向容器中自动配置组件 XXXProperties：自动装配类，装配配置文件中的自定义的一些内容 web开发需求： 1.导入静态资源 2.首页 3.jsp，模板引擎Thymeleaf 4.装配扩展SpringMVC 5.增删改查 6.拦截器 7.国际化 静态资源导入 双击shift搜索WebMvcAutoConfiguration，在ctrl+f找到addResourceHa
springboot+thymeleaf打包部署到tomcat
weixin_44315761的博客
07-16 1461
1.项目pom.xml导入打包依赖 <!-- 添加一个spring boot的插件，可以通过spring boot插件来将web应用打包成一个可执行的war文件 --> <build> <finalName>greewonerp</finalName> <plugins> <plugin> <groupId>org.springframework.boot</groupId> &l
thymeleaf爬坑：引入静态资源及模板页面
hxy793518971的博客
03-21 3927
thymeleaf中引入静态资源需要使用到 th:xxx 属性，否则无法在动态资源中访问静态资源 访问css 需要用到 th:href 来引入css资源，格式为 th:href = “@{文件路径}” <link rel="stylesheet" href="css/jquery-ui.min.css" th:href="@{/css/jquery-ui.min.css}" /> ...
springboot+thymeleaf打war包在外部tomcat运行
dichengyan0013的博客
09-04 593
工程目录 pom文件注意点 <packaging>war</packaging> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-s...
Spring Boot （Web 篇）：整合Thymeleaf模板
Soinice的博客
09-11 482
  目录 说在前面 Thymeleaf特点 在pom.xml加入相关依赖 配置application.properties Controller层 Thymeleaf页面 项目启动 第一种方式，SpringBoot直接启动（内置集成tomcat） 浏览器访问 第二种方式，打包成部署的 war 包（外置tomcat） 在pom.xml加入相关依赖 配置启动项 在pom.x...
(五)Spring Boot配置静态资源访问,整合Thymeleaf模板
热门推荐
这个名字想了很久
08-27 3万+
thymeleaf介绍 Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP，Velocity，FreeMaker等，相较与其他的模板引擎，它有如下三个极吸引人的特点： 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个Web应用。这样即可以让前端工程师在浏览器查看页面的静态效果，也可以让后端工程师在服务器查看带数据的动态页面效果。 提...
ava:193) ~[tomcat-embed-core-9.0.36.jar:9.0.36]
TimEcho的博客
06-14 895
springBoot学习中 很长的报错信息 看到登录页样式出现问题，猜测静态资源被拦截了， 之前的配置是这样的 修改后不拦截静态资源 可以正常访问登录页了 但是当我再改回之前拦截内容，重启程序又可以访问了。。。 不明白这里是什么个问题。。。 ...
The driver is automatically registered via the SPI and manual loading of the driver class is general
TimEcho的博客
06-20 700
Loading class com.mysql.jdbc.Driver'. This is deprecated. The new driver class iscom.mysql.cj.jdbc.Driver’. The driver is automatically registered via the SPI and manual loading of the driver class is generally unnecessary. 问题解决： 高版本mysql-connector-java,使用
SpringBoot2整合Thymeleaf3详解：配置与语法实战
SpringBoot2整合Thymeleaf3是现代Java Web开发中常用的一种技术组合，SpringBoot以其便捷的集成方式和开箱即用的特性受到广大开发者喜爱，而Thymeleaf则是一个强大的服务器端模板引擎，它支持HTML、XML、JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值