SpringBoot实现（三）：关联 Thymeleaf

最新推荐文章于 2021-12-25 22:12:04 发布
最新推荐文章于 2021-12-25 22:12:04 发布
阅读量345 收藏
点赞数 1
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44116706/article/details/102809767
版权

SpringBoot实现（一）：eclipse 下 maven 环境配置
SpringBoot实现（二）：MyBatis 配置和 MVC 布置
SpringBoot实现（三）：关联 Thymeleaf
SpringBoot实现（四）：过滤器 Filter
SpringBoot实现（五）：将项目部署到云服务器（完）

首先在pom.xml文件中添加依赖库

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

若按照我之前的博客来的话是已经加了的，没加的要加上：)
然后在application-test.yml中加入thymeleaf配置数据，内容如下

server:
  port: 8080
 
spring:
  thymeleaf:
    cache=false
    prefix=classpath:/templates/
    suffix=.html
    mode=HTML5
    encoding=UTF-8
  datasource:
    username: root
    password: 123456
    url: jdbc:mysql://127.0.0.1:3306/test
    driver-class-name: com.mysql.jdbc.Driver

mybatis:
  mapper-locations: classpath:mapping/*.xml
  type-aliases-package: com.example.entity

主要加了一些配置文件，cache属性表示缓存，html默认有缓存数据的功能，在这里我们要关掉它，以免造成数据重复，prefix用于设置映射的文件夹，suffix用于设置要映射的文件后缀：)
之后在src/main/resources下新建一个templates文件夹，有的话就不用创建了，然后在其下创建一个html文件 test.html，内容如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

加上xmlns:th="http://www.thymeleaf.org"是为了识别thymeleaf标签：)
进入到src/main/java下的com/example/controller下的UserController管理类加入一些数据，内容如下

package com.example.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

import com.example.entity.User;
import com.example.service.UserService;

@RestController
@RequestMapping("user")
public class UserController {
	@Autowired
	private UserService userService;
//	@RequestMapping("test.do")
//	public void doTest() {
//		for (User u : userService.findAll()) {
//			System.out.println(u.toString());
//		}
//	}
	@RequestMapping("test.go")
	public ModelAndView goTest() {
		ModelAndView mv = new ModelAndView();
		mv.setViewName("test.html");
		return mv;
	}
}

运行启动类后进入网址http://localhost:8080/user/test.go即可进入到的test.html文件，看到以下内容
在这里插入图片描述
通过ModelAndView来存储要跳转的网页名：)
如何传输数据呢？可以直接通过ModelAndView传输数据，内容如下

@RequestMapping("test.go")
public ModelAndView goTest() {
	ModelAndView mv = new ModelAndView();
	mv.addObject("var1", "receiver me!");
	mv.setViewName("test.html");
	return mv;
}

直接有一个方法可以以键值对的形式传递数据，如何接受呢：)
在test.html加入以下数据，内容如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
	<h1>Hello World!</h1>
	<!-- html 标签嵌入 -->
	<span th:text="${var1}"></span>
	<br />
	<!-- 会转义为html标签 -->
	[[${var1}]]
	<br />
	<!-- 不会转义为html标签 -->
	[(${var1})]
	<br />
	<!-- thymeleaf 标签嵌入 -->
	<th:block th:text="${var1}" />
</body>
</html>

结果如下
在这里插入图片描述

要接收Session数据的话要在管理类UserController里加入一些数据，内容如下

package com.example.controller;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

import com.example.entity.User;
import com.example.service.UserService;

@RestController
@RequestMapping("user")
public class UserController {
	@Autowired
	private UserService userService;
	@Autowired
	private HttpServletRequest request;
	@RequestMapping("test.go")
	public ModelAndView goTest() {
		request.getSession().setAttribute("sessionValue", "receiver session value!");
		ModelAndView mv = new ModelAndView();
		mv.addObject("var1", "receiver me!");
		mv.setViewName("test.html");
		return mv;
	}
}

在 test.html中获取数据，内容如下

<span th:text="${session.sessionValue}"></span>

遍历传过来的值为集合，在UserController中加入数据，内容如下

package com.example.controller;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

import com.example.entity.User;
import com.example.service.UserService;

@RestController
@RequestMapping("user")
public class UserController {
	@Autowired
	private UserService userService;
	@Autowired
	private HttpServletRequest request;
	@RequestMapping("test.go")
	public ModelAndView goTest() {
		ModelAndView mv = new ModelAndView();
		List<User> list = userService.findAll();
		mv.addObject("list", list);
		mv.setViewName("test.html");
		return mv;
	}
}

在test.html加入一些数据，内容如下

<table>
	<tr th:each="user : ${list}">
		<td th:text="${user.id}"></td>
		<td th:text="${user.username}"></td>
		<td th:text="${user.password}"></td>
	</tr>
</table>

效果图如下
在这里插入图片描述
接受html传到服务器的数据，html常常是以表单的形式提交数据的，会设置一个name属性，之后提交到服务器时在管理类UserController中进行以下操作，内容如下

package com.example.controller;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.servlet.ModelAndView;

import com.example.entity.User;
import com.example.service.UserService;

@RestController
@RequestMapping("user")
public class UserController {
	@Autowired
	private UserService userService;
	@Autowired
	private HttpServletRequest request;
	@RequestMapping("test.go")
	public ModelAndView goTest() {
		request.getParameter("formNameValue");
		ModelAndView mv = new ModelAndView();
		List<User> list = userService.findAll();
		for (User u : list) {
			System.out.println(u.toString());
		}
		mv.addObject("list", list);
		mv.setViewName("test.html");
		return mv;
	}
}

通过@Autowired注解自动帮我们拿到HttpServletRequest对象，然后通过其方法就可以拿到网页传回来的值了：)

问题询问：hellolxb@yeah.net

SpringBoot实现（一）：eclipse 下 maven 环境配置
SpringBoot实现（二）：MyBatis 配置和 MVC 布置
SpringBoot实现（三）：关联 Thymeleaf
SpringBoot实现（四）：过滤器 Filter
SpringBoot实现（五）：将项目部署到云服务器（完）

hellolxb
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
intelliJ spring boot thymeleaf 使用templates下的模板网页及绑定数据对象
MAILLIBIN的专栏
01-10 880
  整体的文件结构是这样的，其中重点注意src -&gt; main -&gt; java 路径下的主应用程序。 注意，建立Controller类放置的位置必须和应用程序在同一包内，但是有需要第一个层级： 比如这里，主应用程序时ThymeleaftestApplication.java，它在com.mytest.thymeleaftest包内， 而MyController和MyStri...
SpringBoot+SpringSecurity+thymeleaf 代码实现
一枝梅比花娇
10-11 1693
SpringBoot+SpringSecurity+thymeleaf 代码实现最近这两天在学习spring security 学的心累的不要不要的，终于在今天让我成功的写了一个成功案例，开心。并且在学习的过程中找到了一个springsecurity4官方文档的中文版，写的非常棒（个人感觉） 传送门：没错我就是传送门放代码之前说下环境： 1.开发工具 idea 2.项目集成工具 gradle 2
StringBoot+Thymeleaf 系统查询工具
01-18
对于项目中有多个功能模块，而且每个模块中有很多复杂的查询，从而设计的系统查询工具，轻松搞定复杂查询，快捷方便并且灵活
SpringBoot整合Thtmeleaf查询实例
X_lsod的博客
07-16 543
一、创建SpringBoot项目 1、网页创建项目 创建SpringBoot的网址是 https://start.spring.io/ 打开网址按照图选择配置好项目，然后点击下面的 GENERATE 按钮生成项目 2、项目目录如下 二、修改配置文件 修改该配置文件application.properties后缀名为yml。即application.yml 将下面的内容粘贴进去，按照自己创建的环境修改路径、数据库名称等。 server: port: 8080 sp
Thymelea中文参考文档
10-22
Thymelea学习不可多得教材，中文参考大全，PDF文档清晰易读。
Springboot+Thymeleaf简单整合后续问题及完善
秃头不用洗发水的博客
02-11 704
Springboot+Thymyleaf简单整合—— 问题解决及后续功能更新 前文：https://blog.csdn.net/weixin_45910779/article/details/113788010 在前后端数据交互时，使用如下方法，当然拼接URL也是可以的。 <a th:href="@{deleteEmployee(employee_id=${employee.employee_id})}"><input type="submit" value="删除">&.
SpringBoot快速整合ShiroRedis与Thymeleaf（完整版）免费下载
01-28
Spring Boot自动配置可以帮助我们轻松地将Thymeleaf与控制器方法关联起来。 - **整合所有组件**：在Spring Boot的主配置类中，我们需要配置Shiro的WebFilter，让它能在Spring Boot的Web环境中工作。同时，确保Redis...
SpringBoot整合Jpa和Thymeleaf实现CRUD
08-11
SpringBoot整合Jpa和Thymeleaf实现CRUD是一个典型的Web开发应用场景，它结合了SpringBoot的便捷性、JPA的数据持久层处理以及Thymeleaf的模板引擎，旨在简化开发流程并提供高效的数据库操作。在这个项目中，我们可以...
基于Springboot+SpringSecurity+Thymeleaf+Mysql的网上书城.zip
最新发布
04-19
MySQL基于关系型数据库模型，数据以表格形式组织，并通过预定义的键（如主键、外键）在表之间建立关联。它完全支持结构化查询语言（SQL），允许用户进行数据查询、插入、更新、删除、创建和管理数据库结构等操作。...
基于SpringBoot+Mybatis+Thymeleaf实现的BBS论坛系统.zip
08-31
【描述】：这个项目是一个实际的BBS（Bulletin Board System，公告板系统）论坛的实现，利用了SpringBoot、Mybatis和Thymeleaf三大核心技术。SpringBoot简化了Java应用程序的开发，Mybatis作为持久层框架提供了灵活...
Spring Boot——Thymeleaf
一心同学的博客
12-25 2万+
通俗易懂地讲解Thymeleaf的基本语法以及其使用规则，用通俗易懂的文笔讲解Thymeleaf的使用。
扩展：Springboot+Thymeleaf+layui框架的配置与使用
世界之大
03-13 5476
整体框架效果图前言Springboot默认是不支持JSP的，默认使用thymeleaf模板引擎。所以这里介绍一下springboot使用Thymeleaf的实例以及遇到的问题。配置与使用1.在application.properties文件中增加Thymeleaf模板的配置。#thymelea模板配置spring.thymeleaf.prefix=classpath:/web/spring.thy...
Springboot之thymeleaf与jsp共存
weixin_41063560的博客
05-14 1万+
众所周知，Springboot中新增了Thymeleaf模板的自动装载，但如果同时使用jsp会发生什么事情呢？答案是自动注入的ThymeleafviewResolver也会匹配到寻找Jsp视图的请求，ThymeleafviewResolver找不到对应的Thymeleaf视图后接着返回了error错误页面（别问我怎么知道的...）在经过一波三折的测试修改后，得出一套适中的解决方案，特此立贴，以便日...
SpringBoot整合thymeleaf后，当controller中返回前段页面时报错
qq_40019011的博客
08-26 943
错误描述 org.thymeleaf.exceptions.TemplateInputException: Error resolving template [pages/warningmsg], template might not exist or might not be accessible by any of the configured Template Resolvers 愿意分...
SpringBoot整合thymeleaf
热门推荐
haozz的博客
06-19 3万+
freemarker和thymeleaf是模板引擎。在早前我们使用Struts或者SpringMVC等框架的时候，时间的都是jsp，jsp的本质其实就是一个Servlet，其中的数据需要在后端进行渲染，然后再在客户端显示，效率比较低下。而模板引擎恰恰相反，其中的数据渲染是在客户端，效率方面比较理想一点。前后端不分离的话用模板引擎比较好，前后端分离的话其实用处并不大很大。Spring官方比较推荐的是...
Springboot之Thymeleaf接收Controller传值
zengxingyuluo的博客
05-19 4690
1、Controller传值 @Controller public class UserController { @Autowired private IUserService userService; @RequestMapping("/list") public String list(HttpServletRequest request,Model model){ model.addAttribute("msg","传值"); Lis
SpringBoot整合thymeleaf之HTML页面不能跳转问题及@RestController，@Controller， @ResponseBody之间关系
莫得感情的小猪头的博客
03-31 2040
如图： thymeleaf返回的是HTML页面，直接返回即可！ 拓展： @RestController相当于@Controller+@ResponseBody两者的结合 @Controller 的使用一般是加在控制层，加上之后就是可以被spring管理，也没其他的作用。 @ResponseBody作用是将controller的方法返回的对象通过适当的转换器转换为指定的格式之后，写入到respon...
Springboot之Thymeleaf 入门（环境搭建）|第一章-yellowcong
04-05 5253
搭建Thymeleaf 的环境步骤：1、配置pom.xml配置文件，添加`spring-boot-starter-thymeleaf`和`nekohtml`两个依赖包；2、配置poperites ;3、创建控制器类；4、创建模板文件；5、访问测试。
spring boot 三级联动
IT_cpx的博客
03-05 2140
jsp页面 &amp;lt;%@ page language=&quot;java&quot; import=&quot;java.util.*&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;%@ taglib uri=&quot;http://java.sun.com/jsp/jstl/core&quot; prefix=&quot;c&am
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值