SpringBoot第五次总结

最新推荐文章于 2023-12-17 09:49:28 发布

erwaplus

最新推荐文章于 2023-12-17 09:49:28 发布

阅读量179

点赞数 2

本文链接：https://blog.csdn.net/erwaplus/article/details/117387292

版权

本文详细介绍了如何在Spring Boot项目中整合Thymeleaf模板引擎和Bootstrap框架，包括设置项目依赖、配置Thymeleaf、创建控制器、设计登录验证流程以及在页面上展示模型数据。通过实例演示了从创建登录页面到实现登录验证的全过程，并对可能出现的问题进行了分析。

摘要由CSDN通过智能技术生成

一、Spring Boot整合Thymeleaf
1、创建Spring Boot项目ThymeleafDemo，添加相关项目依赖，完成初始化。
在这里插入图片描述
2、在全局配置文件里配置Thymeleaf属性

3、创建登录控制器LoginController
1）在net.lxt.lesson09包里创建controller子包
2)在controller子包里创建LoginController控制器

package net.lxt.lesson09.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

import java.util.Calendar;


@Controller
public class LoginController {
   
    /**
     * 通过请求“toLoginPage”跳转到templates目录下的
     * login页面，并把当前年份数据保存到模型对象中
     */
    @GetMapping("toLoginPage")
    public String toLoginPage(Model model){
   
        model.addAttribute("currentYear", Calendar.getInstance().get(Calendar.YEAR));
        return "login"; // 返回逻辑页面视图名称
    }
}

4、创建模板文件，获取控制器传来的动态数据
1）在templates目录下创建模板文件login.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
    <span th:text="${currentYear}">今年</span> -
    <span th:text="${currentYear} + 1">明年</span>
</body>
</html>

在这里插入图片描述
5、启动项目，访问http://localhost:8080/toLoginPage

二、Spring Boot集成Bootstrap
1、集成Bootstrap
1）引用在线文档的方式

<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

2）下载Bootstrap并引用的方式
将下载好的bookstrap文件拷贝到static目录
在这里插入图片描述
2、编写登录页面login.html
1）集成Bootstrap

2）编写登录页面

最低0.47元/天解锁文章

erwaplus

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
SpringBoot第五次总结

一、Spring Boot整合Thymeleaf1、创建Spring Boot项目ThymeleafDemo，添加相关项目依赖，完成初始化。2、在全局配置文件里配置Thymeleaf属性3、创建登录控制器LoginController1）在net.lxt.lesson09包里创建controller子包2)在controller子包里创建LoginController控制器package net.lxt.lesson09.controller;import org.springframe
复制链接

扫一扫