springboot2学习记录之加入bootstrap及jquery

最新推荐文章于 2025-05-08 21:53:27 发布

烛火未明

最新推荐文章于 2025-05-08 21:53:27 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：学习记录

本文链接：https://blog.youkuaiyun.com/lib_dil/article/details/79494610

学习记录专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在SpringBoot项目中使用Thymeleaf模板引擎整合Bootstrap和jQuery，实现前端页面的快速开发。通过具体步骤说明文件的放置位置及引用方式，并提供了一个login页面的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载bootstrap以及jquery，进入到项目/resources/static/（一般都是这种结构）：

将下载的文件放进去，以后文件会越来越多，最好分好类：

我们使用springboot默认的thymeleaf配置：

参考地址

在login页面中引入：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link th:href="@{/bootstrap/bootstrap.min.css}" rel="stylesheet">
    <script th:src="@{/jquery/jquery-3.3.1.min.js}" ></script>
</head>
<body>
    这是登录页面
</body>
</html>

至此，我们已经在页面中接入了bootstrap和jquery。

样例代码：https://download.youkuaiyun.com/download/lib_dil/10277600