不着急我們進入主題。
先說說爲什麼導不進去,心急的同學可以直接查看解決方法
出現這個問題是springboot在啓動的時候沒有帶上static下的js和css文件一起跑,還有可能出現只帶一部分跑,樓主就踩的是第二個雷 //安利一下就是有些可以正常導入,有些不可以
樓主把解決這個問題的步驟,記錄下來。爲大家奉上
下面是解決問題時間,
先把項目關閉
No.1
在springboot自身帶有的那個(項目名+Application)類中繼承WebMvcConfigurationSupport重寫裏面的addResourceHandlers方法
在這裏可以理解爲配置在項目啓動時掃描static下面的所有文件,也就是告訴springboot在啓動的時候帶上他們全部一起跑。//貼上代碼
package cn.com.codingce.echarts;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.util.ResourceUtils;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;
/**
* @author [email protected]
*/
@SpringBootApplication
public class EchartsApplication extends WebMvcConfigurationSupport {
public static void main(String[] args) {
SpringApplication.run(EchartsApplication.class, args);
}
//這裏配置靜態資源文件的路徑導包都是默認的直接導入就可以
@Override
protected void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/static/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX + "/static/");
super.addResourceHandlers(registry);
}
}
No.2
//js和css引入一定要注意編碼格式規範加入type="text/javascript"和rel="stylesheet"這個也可能是導致這個錯誤的原因,
在掃描不到的js文件或者css文件上加入/static整成相對路徑還有就是因爲我們掃描的時候就帶上了static
不寫可能還是掃描不到
嘗試的時候可以先把其他的注掉就先試一個
改正完成後先重啓軟件重新啓動看頁面信息
<link href="/static/js/bootstrap-treeview/bootstrap-treeview.min.css" rel="stylesheet">
No.3
在頁面中的html標籤中加入th標籤庫使用thymeleaf爲我們提供的引入頁面工具
<html lang="en" xmlns:th="http://www.thymeleaf.org">
然後將src href路徑改成這種格式
<link th:href="@{/static/js/bootStrap-addTabs/bootstrap.addtabs.css}" rel="stylesheet">
最後完美的按照步驟執行下來還是沒有解決的話一定要記得重啓一次,
還是不行回過頭來看看路徑到底有沒有錯。
是不是感覺很神奇?沒錯就是這樣的。