首页 > 其他分享 >Spring Boot中添加Thymeleaf模板

Spring Boot中添加Thymeleaf模板

时间:2022-11-30 21:35:35浏览次数:41  
标签:web Spring Boot Thymeleaf 模板 页面

Spring Boot中添加Thymeleaf模板

前面我们讲解了Spring Boot项目的创建、Spring Boot结构信息,自动配置功能等,那么Springboot创建出来,我们最终是要做web开发的,所以我们这章讲解如何用SpringBoot做web开发。

一. Web开发方式

Spring boot提供了一套完整的web开发流程,从前端到后台,再到数据库,定时任务,消息队列等都可以支持.一般利用Spring框架开发一个Web应用有两种方式:

1. 使用Spring boot自带的模板

Spring Boot 提供了spring-boot-starter-web来为Web开发予以支持,spring-boot-starter-web为我们提供了嵌入的Tomcat以及SpringMVC的依赖,用起来很方便。另外,我们还要用到模板引擎,用来显示视图页面,springboot支持的模板引擎很多,包括Thymeleaf, FreeMarker, Groovy, Mustache, Velocity, JSP等,

之前Java第七模块讲解Thymeleaf时已经讲解过jsp现在不建议使用,我们这里用Thymeleaf来做模板。

2. 前后端分离(后面章节里讲)

这种方式前端开发和后端开发完全分离,可以由前后端两个团队分开同步开发,只需要协商好接口就行,前端负责开发页面并调用后端接口展示数据,后端负责提供Restful风格的接口.

二 用Spring Boot创建带有Thymeleaf模板的web项目

Thymeleaf相关知识看Java第七模块。

这里直接讲解Springboot中怎么整合Themeleaf模板。

我们先在springboot中使用Thymeleaf,看看简化了哪些步骤,再来分析为什么会简化。

1.用Spring Initializr 方式 创建springboot项目

Spring Boot中添加Thymeleaf模板_spring

Spring Boot中添加Thymeleaf模板_spring_02

Spring Boot中添加Thymeleaf模板_前后端分离_03

选择web依赖

Spring Boot中添加Thymeleaf模板_spring_04

选择Thymeleaf依赖

Spring Boot中添加Thymeleaf模板_前后端分离_05

Spring Boot中添加Thymeleaf模板_spring_06

Spring Boot中添加Thymeleaf模板_web开发_07

2.创建出来的项目结构

Spring Boot中添加Thymeleaf模板_前后端分离_08

3.创建html模板页面

html标签中添加     xmlns:th="http://www.thymeleaf.org"

Spring Boot中添加Thymeleaf模板_前后端分离_09

4.创建控制层页面

Spring Boot中添加Thymeleaf模板_前后端分离_10

5.运行

Spring Boot中添加Thymeleaf模板_前后端分离_11

Spring Boot中添加Thymeleaf模板_web开发_12

6.在哪里做的自动配置

通过上面的操作,我们会发现我们不需要配置视图的前缀和后缀了,这是因为系统已经帮我自动配置了。

自动配置信息在:

Spring Boot中添加Thymeleaf模板_spring_13

Spring Boot中添加Thymeleaf模板_spring_14

Spring Boot中添加Thymeleaf模板_前后端分离_15

可以看到 默认配置的前缀为templates文件夹

后缀为.html

所以我们只需要把html页面建在templates文件夹下就可以。

7.如何修改自动配置

比如将后缀名改为.htm

先找到后缀名配置名称:

Spring Boot中添加Thymeleaf模板_spring_16

然后在配置文件application.properties中添加

spring.thymeleaf.suffix=.htm

Spring Boot中添加Thymeleaf模板_spring_17

添加后缀名为.htm的模板文件

Spring Boot中添加Thymeleaf模板_web开发_18

运行:

Spring Boot中添加Thymeleaf模板_web开发_19

Spring Boot中添加Thymeleaf模板_spring_20

标签:web,Spring,Boot,Thymeleaf,模板,页面
From: https://blog.51cto.com/u_15707781/5900553

相关文章

  • Spring Boot中添加Thymeleaf模板
    SpringBoot中添加Thymeleaf模板前面我们讲解了SpringBoot项目的创建、SpringBoot结构信息,自动配置功能等,那么Springboot创建出来,我们最终是要做web开发的,所以我们这......
  • Spring5 整合 Hibernate5 学习
    Spring5整合Hibernate5学习XML配置文件代码如下[html] ​​viewplain​​ ​​copy​​<?xml version="1.0" encoding="UTF-8"?>  <beans xmlns="http://www.spr......
  • spring4+springmvc+hibernate5的maven整合
    首先,依赖包的下载,看以下的pom.xml [html] ​​viewplain​​ ​​copy​​<dependencies>      <dependency>        <groupId>junit</groupId>    ......
  • 理解Spring 容器设计理念
    概述Spring是为了解决企业应用程序开发复杂性而创建的开源框架,书店上关于Spring的书籍汗牛充栋,网上相关的文章连篇累牍,其中有很多写的很不错的,有入门例子的,有问题解决方案的......
  • day42 6-5 springMVC调度器、ModelAndView、配置thymeleaf模板引擎 & 6-6 thymeleaf语
    springMVC调度器-DispatcherServlet-SpringMVC框架的入口定义DispatcherServlet成为调度器,配置在web.xml文件中,用于拦截匹配的请求。并解析请求url,将请求分发给对应......
  • springboot缓存之缓存工作原理
    核心:使用CacheManager[ConcurrentMapCacheManager]按照名字得到Cache[ConcurrentMapCache]组件    key使用keyGenerator生成的,默认是SimpleKeyGenerator   ......
  • jeecgboot 数据字典下拉框j-dict-select-tag使用
    页面配置数据字典product_type后端@Dict(dicCode="product_type")privateStringtype;前端<j-dict-select-tagv-decorator="['type',validatorRules.type]"placeho......
  • springboot缓存之搭建redis环境
    Redis是一个开源(BSD许可)的,内存中的数据结构存储系统,它可以用作数据库\缓存和消息中间件.安装redis,使用dockerdockerpullregistry.docker-cn.com/library/redis运行re......
  • springboot缓存之整合redis
     一\引入redispom.xml中添加<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency>......
  • springboot分布式之duddo简介+docker安装zookeeper
    dubbo:解决服务之间远程服务调用问题================================================================================================1-安装zookeeperdockerpullzoo......