SpringBoot項目的前端+thymeleaf模板引擎


SpringBoot項目創建之后,后台的框架是SpringMVC。但前端的resource和template目錄都是空的。這個時候需要創建前台頁面。

習慣上,我們會創建JSP,但是,SpringBoot不支持jsp。網上有教程可以改配置,支持JSP,但是不建議總這樣用,這樣很不SpringBoot風格。

前端View推薦使用模板引擎。比如:FreeMarker,Groovy,Thymeleaf,Mustache。其中,Thymeleaf是SpringBoot力推的,對前端友好,但是不夠流行。

前后端分離常用的前后端請求方式:菜單和鏈接都是到HTML,在HTML的js文件中,onload時根據需要發送Ajax請求到后台,請求到data,Ajax的回調函數把data渲染到template中。而不是之前非SpringBoot時,常使用的:菜單和連接都是到controller,然后根據controller的返回結果對應一個jsp頁面。

*)SpringBoot的約定:

約定①:controller不返回json形式時,跳轉到resource/templates目錄下,和返回值相同名字的html頁面:

 

 

約定② :在resources下建public文件夾,public的文件可5以直接在瀏覽器中訪問到,不經過controller,

  如下圖:http://localhost:8080/contextPath/testListParam.html 即可訪問這個頁面

約定③:resources/public/error 目錄:存放錯誤頁,約定以錯誤碼為文件名,比如:404.html,500.html。當報對應的錯時,自動會展示改頁面。

約定④static文件夾下放:js、CSS、img。在HTML中引用時,引用目錄,不需要寫static層的目錄:比如在templates/testListParam.html  或者public/testListParam.html中引用css:

  絕對路徑:<link rel="stylesheet" href="/項目名/css/bootstrap.min.css">

或者:

  <link rel="stylesheet" href="css/bootstrap.min.css">

  

*)當采用 thymeleaf 時:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM