SpringBoot2.0 + Thymleaf 引用外部 CSS无效的解决办法

在使用SpringBoot2.0和Thymleaf时,作者遇到引入Bootstrap CSS无效的问题。经过一上午的排查,发现是Thymleaf对HTML渲染的严格性导致的。解决方案是在link标签中添加`rel="stylesheet"`属性,从而正确地引用CSS文件。
摘要由CSDN通过智能技术生成

1. 首先我要先吐槽,狠狠的吐槽!现在遇见的问题都是百度,但是我越来越失望了,百度问题出来的有80%是无脑的复制粘贴,20%不懂还瞎说,各个平台上都有,真是误人子弟啊。平复一下心情,说问题;耗时一上午,最终解决的,真是细节决定成败

2. 问题描述: springBoot2.0 + Thymleaf 想要引入bootstrap做一个简单的记事本自己用

原始代码:

2.1


note: 说明一下这个路径是正确的,springboot不管是1.x或2.x都是默认去static下面寻找静态资源,所以这样在浏览器localhost:8080/css/bootstrap.min.css是可以访问到的;顺便多说一句,springBoot2.0这个默认localhost:8080/ URL回去寻找templates下的index.x(.html .ftl),即使没有显示的编写controller也是可以的,本人亲自实验过的。

2.2 然后问题来了


页面并没有按照指定的class样式进行渲染,于是开始了漫长的百度之路..最后还是靠自己无意中想起来Thymleaf对于渲染html时比较严格的,必须遵守XML规则类似的,具体请看官网,任何技术还是参考官方文档靠谱,然后再自己亲自实践去证明


3.解决办法:   

<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}">
基于Spring Boot 2.0、Spring Data JPA、Thymeleaf和Shiro开发的后台管理系统可以实现一个功能强大且易于维护的应用程序。 这套技术栈的优势包括: 1. Spring Boot 2.0:它是一个快速构建应用程序的框架,提供自动化配置和减少样板代码的优势,使开发变得更加高效。 2. Spring Data JPA:它是一个基于JPA的持久化框架,通过简化数据库操作和提供对各种数据库的支持,大大减少了开发人员的工作量。 3. Thymeleaf:它是一个服务器端的Java模板引擎,可以直接处理HTML、XML、JavaScript、CSS和文本等内容。它具有易于学习和使用的特点,并且能够与Spring Boot实现良好的集成。 4. Shiro:它是一个功能强大且灵活的Java安全框架,可以提供认证、授权、加密和会话管理等功能。通过集成Shiro,我们可以轻松实现后台管理系统的用户认证和访问控制等安全需求。 基于这套技术栈,我们可以开发一个后台管理系统,实现用户登录、权限管理、菜单管理、角色管理、用户管理等功能。利用Spring Boot的自动化配置和快速启动特性,我们可以快速搭建项目的骨架,并集成Spring Data JPA实现数据访问,利用Thymeleaf开发可复用的页面组件,通过Shiro实现用户认证和授权。 总之,基于Spring Boot 2.0、Spring Data JPA、Thymeleaf和Shiro的后台管理系统,不仅可以极大地提高开发效率,还能够提供丰富的功能和安全性,帮助我们快速构建高质量的应用程序。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值