1.快速構建SpringBoot項目,並以jar包的形式構建css
2.選擇對應的功能模塊 (選定場景,配置少許的配置就可運行,不配置有默認值)html
3.編寫本身的邏輯代碼jquery
經過查看WebMvcAutoConfiguration類,能夠查看SpringBoot對靜態資源存放的位置web
@Overridespring
public void addResourceHandlers(ResourceHandlerRegistry registry) { //添加資源映射 if (!this.resourceProperties.isAddMappings()) { logger.debug("Default resource handling disabled"); return; } Duration cachePeriod = this.resourceProperties.getCache().getPeriod(); CacheControl cacheControl = this.resourceProperties.getCache() .getCachecontrol().toHttpCacheControl(); if (!registry.hasMappingForPattern("/webjars/**")) { customizeResourceHandlerRegistration(registry .addResourceHandler("/webjars/**") .addResourceLocations("classpath:/META-INF/resources/webjars/") //webjars/**都存放在classpath:
/META-INF/resources/webjars
.setCachePeriod(getSeconds(cachePeriod)) .setCacheControl(cacheControl)); } String staticPathPattern = this.mvcProperties.getStaticPathPattern(); if (!registry.hasMappingForPattern(staticPathPattern)) { customizeResourceHandlerRegistration( registry.addResourceHandler(staticPathPattern) // /**表示訪問項目的任何資源,都去(靜態資源文件夾) .addResourceLocations(getResourceLocations( this.resourceProperties.getStaticLocations())) .setCachePeriod(getSeconds(cachePeriod)) .setCacheControl(cacheControl)); } }
1.既全部的webjars/**資源,都在classpath:/META-INF/resources/webjars中找資源mvc
什麼是webjars? 就是以jar形式的靜態資源(如jquery.js)https://www.webjars.org/app
例如能夠這麼訪問:localhost:8080/webjars/jquery/3.3.1-2/jquery.jside
2.、/** 表示訪問當前項目的任何資源,都去(靜態資源文件夾中尋找)spring-boot
靜態資源文件夾(存放js,css,image等不包括html,html須要使用模板引擎)佈局
如下是靜態資源文件夾的位置
classpath:/META-INF/resources/,
classpath:/resources/, classpath:/static/,
classpath:/public/"
"/": 項目的根路徑
3.歡迎頁(首頁)
歡迎頁:靜態資源文件夾下的全部index.html,會被顯示出來。名字固定。
4.項目工程的圖標
圖標:在靜態資源文件夾中存放.ico文件便可顯示該圖標。固定名字favicon.ico
在SpringBoot中不用Jsp頁面,而是使用thmeleaf模板。緣由是語法更加簡單,強大。
使用步驟:
1.在pom.xml中引入thmeleaf約束。將SpringBoot自帶的thmeleaf版本覆蓋帶,使用版本3。
<!--切換thmeleaf版本-->
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency> <properties> <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version> <!-- 佈局功能的支持程序 thymeleaf3主程序 layout2以上版本 --> <!-- thymeleaf2 layout1--> <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version> </properties>
2.對thmeleaf的使用
只要將普通的html頁面放在classpath:/templates/ thmeleaf模板引擎就會自動渲染