使用thymeleaf編寫乙個html頁面
訪問靜態資源
如何傳遞引數給html頁面
模擬登入驗證過程
上一節已經說過如何構建乙個springboot專案,springboot(一)hello world 。由於本文採用了thymeleaf模板引擎,因此需要新增thymeleaf依賴,pom.xml如下所示
org.springframework.boot
spring-boot-starter-thymeleaf
org.springframework.boot
spring-boot-starter-web
org.springframework.boot
spring-boot-starter-test
test
新建logincontroller,**如下
package com.example.springbootchapter2;
import org.springframework.stereotype.controller;
/** * created by lzc
* 2019/6/1 9:50
*/@controller
public class logincontroller
}
src/main/resources/templates/login.html
啟動專案,效果如下
編寫**的時候我們經常會用到css、js、這些靜態資源。springboot訪問靜態資源的預設路徑為src/main/resources/static,如果你的src/main/resources/目錄下沒有static資料夾可以自己新建乙個。
以為例,我在src/main/resources/static下存放了一張,檔名為 lzc.jpg,在瀏覽器輸入localhost:8080/lzc.jpg 即可訪問到這張。html**訪問的方式如下
上面我們已經學會了如何編寫乙個html頁面,下面將介紹如何傳遞引數給html頁面以及如何在html頁面中接收引數。以上面的登入頁面為例,傳遞兩個引數到登入頁面,logincontroller**修改如下:
package com.example.springbootchapter2;
import org.springframework.stereotype.controller;
import org.springframework.ui.model;
import org.springframework.web.bind.annotation.requestparam;
/** * created by lzc
* 2019/6/1 9:50
*/@controller
public class logincontroller
}
我們可以看到login方法引數多了model這個物件,使用model物件傳遞了兩個引數到登入頁面。下面貼出登入頁面是如何接收引數的
這裡需要注意的是,由於使用了thymeleaf標籤,因此需要引用命名空間 ,在html中引入此命名空間,可避免編輯器出現html驗證錯誤,雖然加不加命名空間對thymeleaf的功能沒有任何影響。這裡只是展示了如何接收字串的使用,其他用法請自行上網查詢。
啟動專案,效果如下
在logincontroller中新增乙個驗證登入的方法,**如下
package com.example.springbootchapter2;
import org.springframework.stereotype.controller;
import org.springframework.ui.model;
import org.springframework.web.bind.annotation.requestparam;
/** * created by lzc
* 2019/6/1 9:50
*/@controller
public class logincontroller
/*** 登入驗證,注意該方法的請求方式為post
* @return
*/public string dologin(@requestparam(name = "username")string username,@requestparam(name="password")string password,model model) else }}
修改登入頁面的**,在form中新增method="post"和action="/dologin"
home.html**
error.html**
啟動專案
輸入正確的使用者名稱和密碼
輸入錯誤的使用者名稱和密碼
spring boot 設計列表頁詳情頁HTML
1.關於退出功能 在layer中可以直接繫結事件不用再呼叫關閉網頁事件,直接利用window.location.href就可以控制在當前頁面開啟了 2.實現登入時獲取本地資料庫 中標公告的 list集合 3.thymeleaf模板迴圈輸出 list列表頁 方法格式為 class a3 河北省環境監測...
如何編寫Spring Boot自動配置
spring boot的乙個重要特性就是提供了各種各樣的autoconfiguration。例如datasourceautoconfiguration。這樣我們只需要在配置檔案中進行如下配置 spring datasource url jdbc mysql xx realname username ...
spring boot編寫控制器
前面加入了spring boot starter web模組,預設整合了spring mvc。因此編寫乙個controller。即可實現乙個簡單的hello world程式。如下 controller public class mycontroller 在 中,使用了 該註解具有 component...