SpringBoot & Thymeleaf项目实战

最新推荐文章于 2024-08-12 21:32:43 发布
最新推荐文章于 2024-08-12 21:32:43 发布
阅读量2k 收藏 5
点赞数
分类专栏： Thymeleaf Spring 文章标签： spring web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26287435/article/details/120451782
版权

文章目录

web模板语言-thymeleaf

thymeleaf

项目启动，及各个页面入口

项目地址

tinytongtong/spring-thymeleaf

第一步项目运行：

打开IDE，将EurekaServerApplication执行起来。

访问接口-浏览器直接访问

eg: get请求：
http://localhost:8201/api/execute/get

http://localhost:8201/api/execute/get?name=maolegemi

访问web页面
访问静态页面：

http://localhost:8201/static.html

访问动态页面：
1、访问index页面

http://localhost:8201/index

2、访问basic-usage页面

http://localhost:8201/basic-usage

3、访问request-methods页面

http://localhost:8201/request-methods

项目架构

应用入口类-EurekaServerApplication

启动该类，即可启动服务。

在这里插入图片描述

web页面对应WebController

在这里插入图片描述

api接口对应ApiController

在这里插入图片描述

Web静态页面

resources/static/目录下的资源

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nZtwBto7-1632454296976)(evernotecid://5E413247-DCB6-499B-8453-F2A2C2DF33A4/appyinxiangcom/13182898/ENResource/p17323)]

Web动态页面

resources/template/目录下的资源

在这里插入图片描述

web动态页面配置

SpringBoot使用的thymeleaf,具体看·项目根目录/src/main/resources/appliaction.yml`.

在这里插入图片描述

如何新建页面

新建html文件

在resources/template/目录下新建html文件，html代码模板：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script th:src="@{/webjars/jquery/3.1.1/jquery.min.js}"></script>
    <script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}"></script>
    <title>Title</title>
</head>
<body>

<div>
    
</div>

<script>
    
</script>

</body>
</html>

第一次添加，需要将这个uri添加进配置：

在这里插入图片描述

js相关依赖：在pom.xml的project#dependencies/dependency标签下：

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>3.3.7-1</version>
</dependency>
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.1.1</version>
</dependency>
在WebController增加对应的路由方法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uza3uKxP-1632454296979)(evernotecid://5E413247-DCB6-499B-8453-F2A2C2DF33A4/appyinxiangcom/13182898/ENResource/p17197)]
接着添加

    /**
     * 本地访问内容地址 ：http://localhost:8201/request-methods
     *
     * @param map
     * @return
     */
    @RequestMapping("/request-methods")
    public String requestMethods(HashMap<String, Object> map, Model model) {
        model.addAttribute("get111", "我是get方法");
        return "request-methods";// html页面名称-request-methods.xml
    }

如何跳转页面

通过相对路由地址：

<button onclick="window.location.href='/request-methods'">跳转request-methods页面</button>

如何发送请求-ajax

页面内部应该发送ajax请求。

AJAX-廖雪峰

端口占用问题

查看端口占用
lsof -i:8201
关闭端口当前进程
kill -9 pid
tinyvampirepudge
关注
专栏目录
springboot与thymeleaf结合的实战、实例项目
04-15
springboot与thymeleaf结合的实战、实例项目，有助于帮助你了解springboot中怎么使用thymeleaf。
SpringBoot 整合Thymeleaf教程及使用
大新软件老杨
11-27 9600
Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。它与 JSP，Velocity，FreeMaker 等模板引擎类似，也可以轻易地与 Spring MVC 等 Web 框架集成。与其它模板引擎相比，Thymeleaf 最大的特点是，即使不启动 Web 应用，也可以直接在浏览器中打开并正确显示模板页面。
springboot配置thymeleaf实现对在templates下html页面的访问
weixin_74009895的博客
08-12 291
springboot配置thymeleaf实现对在templates下html页面的访问
Spring Boot+Thymeleaf
weixin_45408048的博客
08-27 1357
Spring Bootpom.xml中引入Spring Boot web启动器依赖Spring Boot的启动持久层(mybatis)创建Spring Boot配置文件 Spring Boot用于简化Spring框架项目的创建和启动,简化项目配置,内置了Spring,SpringMVC,Tomcat,并提供对其他框架的扩展. pom.xml中引入Spring Boot web启动器依赖 <!-- spring boot web启动器--> <dependency>
springboot + thymeleaf
weixin_44696295的博客
02-23 867
Thymeleaf 官网学习
SpringBoot + thymeleaf 集成前端项目
weixin_44320429的博客
04-15 2868
SpringBoot 项目集成前端项目 项目结构 其中static是中是可以直接访问的静态资源，templates中存放的是.html文件。 Thymeleaf 添加必要依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
SpringBoot+Thmleaf实现个人博客项目
lj20020302的博客
04-04 704
SpringBoot+thmleaf实现的个人博客系统
SpringBoot整合Thymeleaf
weixin_41489136的博客
12-01 639
Thymeleaf是一个支持原生HTML文件的Java模板，可以实现前后端分离的交互方式，即视图与业务数据分开响应，塔可以直接将服务端返回的数据生成HTML文件，同时也可以处理XML、JavaScript、CSS等格式。th:switch th:case 两个结合起来使用，用作多条件等值判断，逻辑与Java中的switch case一致，当switch中的业务数据等于某个case时，就显示该case对应的内容。如果action的值直接写在HTML中，则需要使用@{}，如果是从后端传来的数据则使用${}
springboot-thymeleaf
09-27
这个名为"springboot-thymeleaf"的项目就是一个实例，展示了如何在Spring Boot应用中集成并使用Thymeleaf。 Spring Boot简化了Spring应用的初始搭建以及开发过程，它集成了大量的常用库，如数据访问、安全、Web等，...
spring boot+thymeleaf项目实战
02-09
在本项目实战中，我们将深入探讨Spring Boot与Thymeleaf的集成应用，这是一个流行的Java Web开发框架组合，用于快速构建高效、现代化的Web应用程序。Spring Boot简化了Spring的配置，而Thymeleaf则是一个功能强大的...
基于springboot+thymeleaf+spring data jpa+druid+bootstrap+layui等技术的JavaWeb电商项目
01-02
基于springboot+thymeleaf+spring data jpa+druid+bootstrap+layui等技术的JavaWeb电商项目(项目包含前后台,分为前台商城系统及后台管理系统。前台商城系统包含首页门户
SpringBoot+Thymeleaf开发个人博客(含快速搭建方法).zip
12-29
这个压缩包文件"SpringBoot+Thymeleaf开发个人博客(含快速搭建方法).zip"提供了创建一个个人博客系统的完整资源，适合初学者进行实战练习或者用作Java课程设计。 1. **SpringBoot**: SpringBoot是由Pivotal团队提供...
Java项目：29 基于SpringBoot+thymeleaf实现的图书管理系统
weixin_upcodezhou
02-28 1108
基于SpringBoot+thymeleaf实现的图书管理系统分为管理员、读者两个登录角色，一共是8个功能模块管理员权限添加图书：书名、作者、出版社、ISBM、简介、价格、出版日期、分类、数量查询图书：根据书名或分类查询删除图书：点击删除按钮即可修改图书：点击修改按钮即进入修改界面添加用户：根据角色添加用户或者管理员用户管理：对存在的用户或管理员进行删除，修改，查询借还管理：用户借还书自动添加信息，如果超过指定日期，会显示催还按钮。
SpringBoot整合Thymeleaf小项目
徐大大的博客
03-21 2353
SpringBoot整合Thymeleaf小项目 1.项目简绍 本项目使用SpringBoot开发，jdbc5.1.48 Mybatis 源码可下载 其中涉及功能有：Mybatis的使用，Thymeleaf的使用，用户密码加密，验证码的设计，图片的文件上传（本文件上传到本地，没有传到数据库）登录过滤等 用户数据库 员工数据库设计 基本的增删改查都有 2.设计流程 # Getting Started ### Reference Documentation For further reference,
Java项目：26 基于SpringBoot+thymeleaf实现的蓝天幼儿园管理系统
weixin_upcodezhou
02-23 870
基于SpringBoot+thymeleaf实现的蓝天幼儿园管理系统是为幼儿园提供的一套管理平台，可以提高幼儿园信息管理的准确性，系统将信息准确无误地输入计算机并在数据库中存储起来。系统功能说明1、系统共有管理员、老师、家长三个角色，管理员拥有系统最高权限。2、页面列表点击查看演示视频。
springboot整合Thymeleaf
qq_57512436的博客
12-21 542
主要讲了Thymeleaf简介、结合springboot使用、Thymeleaf常用表达式、Thymeleaf常用属性
springboot整合thymeleaf
听钱塘信来的博客
10-02 5199
springboot整合thymeleaf
JavaEE：Thymeleaf使用
a526001650a的专栏
08-15 577
说明： Thymeleaf是页面模板，和FreeMarker 类似，替代JSP。 一、SpringBoot整合Thymeleaf： 1.导入依赖包，在工程pom.xml中： <!-- 继承起步依赖spring-boot-starter-parent --> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter
springboot+thymeleaf项目实战案例
最新发布
09-19
Spring Boot + Thymeleaf是一个常见的轻量级Web开发框架组合，适合快速构建MVC架构的应用。Thymeleaf是一种现代、强大且易于使用的模板引擎，它允许动态HTML5页面的生成。 一个实战案例可能是创建一个博客管理系统： 1. **设置环境**：首先，你需要创建一个新的Spring Boot项目，并添加Thymeleaf依赖到pom.xml文件中。 ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 2. **配置视图解析器**：在application.properties文件中配置Thymeleaf视图的位置和默认模板Engine。 ```properties spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html ``` 3. **创建控制器**：编写一个控制器，如`BlogController`，处理HTTP请求，如展示博客列表、单篇博客详情以及发布新博客。 4. **创建模板**：在`templates`目录下创建HTML模板，如`blog/list.html`用于显示博客列表，`blog/detail.html`用于详细内容，`blog/create.html`用于创建表单。 ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <!-- ... --> </head> <body> <!-- 显示博客列表 --> <ul th:each="blog : ${blogs}"> <li th:text="${blog.title}"></li> </ul> </body> </html> ``` 5. **模型绑定**：在控制器方法中，使用ModelAndView来将数据传递给模板。例如，在展示博客列表时，可以注入`@ModelAttribute`来接收用户输入。 ```java @GetMapping("/blogs") public String showBlogs(@ModelAttribute("blogs") List<Blog> blogs) { return "blog/list"; } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tinyvampirepudge

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值