SpringBoot(二)編寫HTML頁面

2021-09-24 01:56:43 字數 2883 閱讀 6271

使用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...