栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Thymeleaf模板引擎的使用

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Thymeleaf模板引擎的使用

Thymeleaf模板引擎的使用
  • 一、简介
  • 二、使用
    • 2.1 准备工作
    • 2.2 使用步骤

一、简介

thymeleaf的简介可以到官网上详细查看https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#what-is-thymeleaf

这里只摘录下来一部分:什么是thymeleaf?

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

Thymeleaf从一开始就考虑到了Web标准 - 特别是HTML5 - 允许您在需要时创建完全验证的模板。

特点: Thymeleaf选用html作为模板页,这是任何一款其他模板引擎做不到的!Thymeleaf使用html通过一些特定标签语法代表其含义,但并未破坏html结构,即使无网络、不通过后端渲染也能在浏览器成功打开,大大方便界面的测试和修改。

二、使用 2.1 准备工作

使用的前提是 你已经下载了一些html页面(当然了你也可以选择自己纯手工写) ,我这里就选择下载一些,就比如我这里,已经成功的从bootstrap素材库中下载了一些前端的页面,这里只拿index.html这一个页面来举例说明。

2.2 使用步骤

1、导入依赖

        

        
            org.thymeleaf
            thymeleaf-spring5
        
        
        
        org.thymeleaf.extras
        thymeleaf-extras-java8time
        

2、将下载好的html页面导入到templates包下

3、在html页面(我这里以index.html为例)中添加thymeleaf的命名空间
xmlns:th="http://www.thymeleaf.org"

4、根据thymeleaf模板引擎的要求来对html中的内容进行修改,进而实现静态资源在页面上的呈现
thymeleaf模板引擎的要求可以参考官网https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#what-is-thymeleaf



下面以修改其中的link标签 超链接为例,做一个简单的演示


	
		
		
		
		
		Signin Template for Bootstrap
		
		
		
		
		
	


5、templates包下的内容,是不能直接识别到的,必须通过controller跳转跳转来实现。

  1. 编写controller来实现向index.html首页的跳转
package com.kuang.controller;

import org.springframework.stereotype.Controller;
import org.springframework.stereotype.Repository;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class IndexController {

    @RequestMapping({"/","/index.html"})
    public String index(){
        return "index";
    }
}

2、向index.html跳转也可以通过运用MVC扩展部分的知识来实现
创建config包,并且在下面实现MVC扩展

MyMcConfig

package com.kuang.config;


import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {

//添加视图控制   根目录下的东西在这里配置会好一点 也可以在controller层进行视图的跳转
    @Override
    public void addViewControllers(ViewControllerRegistry registry){
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
    }
}

6、启动项目,查看静态资源呈现出来的页面,全部呈现出来了,就表明成功

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/872557.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号