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 時: