当前位置: 首页 > news >正文

2.SpringBoot利用Thymeleaf实现页面的展示

什么是Thymeleaf?

Thymeleaf是一个现代服务器端Java模板引擎,适用于Web和独立环境,能够处理HTML,XML,JavaScript,CSS甚至纯文本。

Thymeleaf的主要目标是提供一种优雅且高度可维护的模板创建方式。为实现这一目标,它以自然模板的概念为基础,将其逻辑注入模板文件,其方式不会影响模板被用作设计原型。这改善了设计沟通,缩小了设计和开发团队之间的差距。

Thymeleaf也从一开始就设计了Web标准 - 特别是HTML5 - 允许您创建完全验证的模板,如果您需要的话。

 一、配置maven,在pom.xml当中配置

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency><dependency><groupId>net.sourceforge.nekohtml</groupId><artifactId>nekohtml</artifactId><version>1.9.22</version>
</dependency>

二、配置Thymeleaf

.yml配置

spring:thymeleaf:cache: false # 关闭页面缓存encoding: UTF-8 # 模板编码prefix: classpath:/templates/  # 页面映射路径suffix: .html # 试图后的后缀mode: HTML5 # 模板模式

 .properties配置

spring.thymeleaf.prefix=classpath:/templates/

三、新建html页面

 四、controller层

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;@Controller
public class IndexController {@RequestMapping("/")public String index(){return "index";}
}

五:访问静态资源

在配置文件当中配置 .yml

spring:mvc:static-path-pattern: /static/**

引用格式

<link rel="stylesheet" href="../static/css/mystyle.css"/>

我们在进行正常访问的时候会报一下的错误,这是因为我们需要给网页标题前添加一个小图标favicon.ico。

我们需要加上这一句话在页面上。

<link rel="shortcut icon" href="../resources/favicon.ico" th:href="@{/static/favicon.ico}"/>

http://www.lryc.cn/news/332023.html

相关文章:

  • devtool: ‘source-map‘ 和 devtool: ‘#source-map‘的区别
  • Flutter Boost 3
  • ElementUI响应式Layout布局xs,sm,md,lg,xl
  • 机器学习——典型的卷积神经网络
  • 速通数据结构与算法第四站 双链表
  • 51单片机学习笔记12 SPI接口 使用1302时钟
  • php编辑器 ide 主流编辑器的优缺点。phpstorm vscode atom 三者对比
  • 【动手学深度学习】深入浅出深度学习之RMSProp算法的设计与实现
  • 大转盘抽奖小程序源码
  • 数据结构(无图版)
  • 软件测试中的顶级测试覆盖率技术
  • vscode使用技巧
  • JSP
  • Mybatis--TypeHandler使用手册
  • 网络编程(TCP、UDP)
  • Python快速入门系列-7(Python Web开发与框架介绍)
  • 最长对称子串
  • 【大模型】大模型 CPU 推理之 llama.cpp
  • 异地组网怎么管理?
  • Kafka参数介绍
  • 如何利用待办事项清单提高工作效率?
  • 力扣经典150题第二题:移除元素
  • 55555555555555
  • 用Skimage学习数字图像处理(018):图像形态学处理(上)
  • MySQL中 in 和 exists 区别
  • Java基础 - 代码练习
  • 【Redis】redis集群模式
  • 基于opencv的猫脸识别模型
  • 基于注意力整合的超声图像分割信息在乳腺肿瘤分类中的应用
  • 数据库重点知识(个人整理笔记)