Springboot開發中的一些小坑——CSS失效問題

阿新 • • 發佈：2018-12-29

Springboot版本1.5.17
結合thymeleaf，在專案中引用CSS檔案的問題

	    <parent>
	        <groupId>org.springframework.boot</groupId>
	        <artifactId>spring-boot-starter-parent</artifactId>
	        <version>1.5.17.RELEASE</version>
	        <relativePath/> <!-- lookup parent from repository --> 

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

<!DOCTYPE html >
<html  lang="zh-CN" xmlns:th="http://www.thymeleaf.org" 
 >
<head>
    <meta charset="UTF-8" />
    <title>0.0</title>
    <link  rel="stylesheet" type="text/css"  href="../static/css/index.css">
</head>

首先配置的CSS引用是這樣，href後面跟上從static檔案後的完整路徑，開啟靜態網頁就是有css效果了
demo.CSS載入
沒有載入成功是這樣的
在這裡插入圖片描述
但是問題來了，還有種說法是這樣加：

	<link  rel="stylesheet" type= 
"text/css"  href="../static/css/index.css" th:href="@{/css/index.css}">

而在靜態網頁中，你看到的，始終是帶上了CSS樣式的結果，但Springboot專案執行起來後，你會發現CSS載入失效了，所以如果是Springboot專案，一定要加上後面的路徑th:href=""。

Springboot開發中的一些小坑——CSS失效問題

Springboot版本1.5.17 結合thymeleaf，在專案中引用CSS檔案的問題 <parent> <groupId>org.springframework.boot</groupId> <

Android開發中一些小記錄

1.有的時候，我們會從庫上check一些結構比較奇葩的工程，由於各種原因導致IDEA無法識別出版本同步工具是什麼，解決辦法，cd到.idea目錄下，在vcs.xml檔案中mapping節點的vcs屬性上配置上工具名稱Git即可（我用的是Git，所以我這裡就配置Git了），然後重啟IDEA就好了。

Redis安裝過程中出現的一些小坑

gcc安裝好可以通過 gcc -v 檢視再次make 還會報錯 cd src && make all make[1]: Entering directory `/opt/redi

TensorFlow中關於LeNet-5網路的一些小坑

本篇文章提到的一些坑主要來自於學習《TensorFlow實戰Google深度學習框架》一書第6.4章節中關於使用LeNet5做MNIST 一 LeNet-5簡介 LeNet-5模型是Yann LeCun教授於1998年在論文Gradient-based learnin

獲得網站的靜態資源如css js 圖片等的一些小坑

通過某些方式拿到了原始碼，是f12 審查元素的那種原始碼。通過url請求也好，selenium 啥的也好。總之拿到了原始碼。我個人偏好用java來處理，用的jsoup解析工具。 css：有兩種存放方式上圖可知一種直接獲得hr

在SpringBoot開發中遇到的小問題

1、Field menuDao in com.example.operationplatform.service.impl.MenuServiceImpl required a bean of type 'com.example.operationplatform.dao.MenuDao' th

微信小程式開發中走過的坑(二)

》》》遇到的坑（3）註冊頁面的實現需求：使用者點選註冊按鈕，進入註冊頁面，輸入註冊資訊，完成註冊動作。動畫演示：程式碼實現： register.wxml <!--註

隨筆：弱型別語言javascript中的一些小坑

測試1: (未宣告變數自動提升為全域性變數) test1(); function test1() { function setName() { name = '張三'; // 此處沒有var宣告，提升至全域性 } setName();

iOS開發中一些實用小程式碼

1.判斷郵箱格式是否正確的程式碼： //利用正則表示式驗證 -(BOOL)isValidateEmail:(NSString *)email { NSString *emailRegex = @"[A-Z0-9a-z._%+-][email protected

Android 開發中一些不得不知的坑（二）

如何正確的在ScrollView裡做巢狀日常開發中，經常會遇到ScrollView巢狀ListView，GridView或者是ViewPager，更有甚者是ScrollView巢狀ScrollView，這樣一來必然會導致一系列的問題，比如ListView顯示

微信小程式開發中走過的坑(一)

》》》前言 2016年9月21日晚間，微信公眾平臺開始陸續對外發送小程式內測邀請。此時，便對微信小程式有了關注，打算學習、並開發一款小程式。期間因為有其他專案開發的原因，稍有中斷，然在前些天，終於將小程式的初版釋出，並稽核通過，下面文章中會把我在開發這個圖片類

redis使用過程中的一些小坑小細節

這些天在玩redis，發現很多小問題，雖然不知道是不是都有這個問題，但是我真的踩到這個坑了，就在這做一個記錄，以後有機會看看，加深印象，防止再浪費時間。 1.外部訪問的問題。遇到一個情況，當把redis啟動方式換成後臺守護程序時，外部可以訪問進入redis，但是redi

前端開發中一些容易混淆的概念匯總

提交表單容易 html text bmi blog 技術分享 mit script ★:HTML中，按鈕button與submit區別是什麽？ 1，button 定義可點擊按鈕（多數情況下，用於通過 JavaScript 啟動腳本）。 2，submit 定

【EasyUI總結】EasyUI開發中遇到的坑

spa columns .com 字段名 html mil span 個數字 style 普遍：1.easyui在書寫鍵值對的時候要註意是否要加引號，在需要加引號的地方不加則無法渲染；datagrid數據網格：1.datagrid默認請求方式是post，如果要使用分頁功能p

開發中的小錯誤，大麻煩

方法收集使用教訓賦值註意成員 dto 發現 1.Webapi PUT 404問題這個問題在網上試了很多方法，最後還是不行，而原來的項目則沒有問題，最後才發現iis 程序池必須要在集成模式下（原來的項目的程序池名字和站點名不一樣，自己沒註意，而和站點名相同的

java中一些小知識和面試問題

() set 返回值初始 cep 裝箱聲明數據允許抽象類的總結幾點： · 抽象類與普通類相比最大的不同只是在於抽象類之中存在有抽象方法，所以在抽象類之中依然可以定義屬性、構造方法等 · 抽象類聲明時不允許使用 final，抽象類必須要求有子類，

接口開發中遇到的坑——Java byte與C# byte 數據轉換問題

pan 數據 byte[] 文件成就開發 bytes 合同 () 前提：公司與其他公司進行接口對接需要使用Byte[]數據流傳輸數據原本想法如下：直接IO生成就ok了 using System; using System.IO; using Syst

開發中如何合理使用CSS的相對定位和絕對定位

CSS在談論如何使用時。我們先來看看CSS對position屬性的相關定義： static：無特殊定位，對象遵循正常文檔流。top，right，bottom，left等屬性不會被應用。relative：對象遵循正常文檔流，但將依據top，right，bottom，left等屬性在正常文檔流中偏移位置。而其層疊

微信開發的一些神坑

code AS valid pro 開發也不會但是菜單 book 微信自定義菜單接口權限問題最近在開發一個微信第三方平臺，在開發自定義菜單接口的時候遇到一個坑。發送的json數據明明是正確的，因為已經與官方文檔的示例一一對比過了。但是依舊返回40119錯誤，意思是b

python中一些小的知識點

asc byte 知識 error nbsp 中一文件 users cte 1：只有數字，字符串有小數據池小數據池：在一定範圍內，即使分別給兩兩個變量賦相等的值，它們的id地址還會是相同的數字範圍： -5 ~ 256 字符串：1：不能有特殊字符　　　　2：str*

Springboot開發中的一些小坑——CSS失效問題

相關推薦