Thymeleaf模板引擎和Webjars靜態(tài)資源入門應(yīng)用

Thymeleaf模板引擎和Webjars靜態(tài)資源入門應(yīng)用

在pom.xml添加Thymeleaf依賴


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

代碼目錄結(jié)構(gòu)

1.png

resourses文件夾下的static文件夾用來存放靜態(tài)資源,如圖片,css樣式等;templates文件夾創(chuàng)建Thymeleaf頁面;java文件夾下用來創(chuàng)建model類

Controller示例代碼

package com.niit.quickstart.controller; import com.niit.quickstart.entity.Student; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.GetMapping; import javax.annotation.Resource; @Controller public class IndexController {
//注入了一個(gè)Student類的對象 被Spring容器托管——bean
@Resource
private Student student; // @RequestMapping(value = "index",method = RequestMethod.GET)
@GetMapping("/index")
public String index(ModelMap map){
student.setAge(21);
student.setName("Mr.Li");
student.setMale("男");
//將模型加入視圖
map.addAttribute("model",student);
return "index";
}
}

示例頁面聲明

2.png

通過webjars引用靜態(tài)資源

為什么要用webjars

Java Web前端通常需要使用JS或CSS技術(shù),例如jQuery, Backbone.js,Twitter Bootstrap等等。通過人工方式將Web資源拷貝到Java Web項(xiàng)目的Webapp相應(yīng)目錄下,可能會產(chǎn)生版本誤差,拷貝版本錯(cuò)誤,漏拷等現(xiàn)象,前端頁面就無法正確展示。

WebJars是將Web前端Javascript和CSS等資源打包成Java的Jar包,這樣在Java Web開發(fā)中我們可以借助Maven這些依賴庫的管理,保證這些Web資源版本唯一性

上代碼


3.png

效果圖


4.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,688評論 19 139
  • SpringMVC原理分析 Spring Boot學(xué)習(xí) 5、Hello World探究 1、POM文件 1、父項(xiàng)目...
    jack_jerry閱讀 1,487評論 0 1
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong閱讀 22,966評論 1 92
  • 對于java中的思考的方向,1必須要看前端的頁面,對于前端的頁面基本的邏輯,如果能理解最好,不理解也要知道幾點(diǎn)。 ...
    神尤魯?shù)婪?/span>閱讀 905評論 0 0
  • 有時(shí)候 會因?yàn)橐痪渑牡难哉Z 感覺被深深的愛包圍... 有時(shí)候 感覺自己真的很想家了 卻驚詫于它記憶的模糊... ...
    許靜許靜靜閱讀 221評論 0 2

友情鏈接更多精彩內(nèi)容