Spring學習筆記_8_Spring MVC標籤庫

表單標籤庫的實現類在spring-webmvc-5.0.4RELEASE.jar文件中,要使用Spring MVC的表單標籤庫,首先要和使用JSTL標籤一樣,必須在JSP頁面中添加一行引用Spring標籤庫的taglib指令聲明。

<%@ taglib prefix="fm" uri="http://www.springframework.org/tags/form" %>

form標籤

作用:

  • 自動綁定Model中的一個屬性值到當前form對應的實體對象,默認爲command屬性,這樣我們就可以再form表單中方便的使用該對象的屬性了
  • 除了POST,GET方式提交之外,還可以使用DELETE,PUT
    常用屬性:
  • modelAttribute:form綁定的模型屬性名稱,默認爲command
  • commandName:form綁定的也是模型屬性名稱,默認爲command。作用與modelAttribute相同。
  • acceptCharset:定義服務器接受的字符編碼

input標籤

Spring MVC的input標籤會被渲染爲一個類型爲text的普通HTML input標籤。使用Spring MVC的input標籤的唯一作用就是綁定表單數據,通過path屬性來指定要綁定的Model中的值
在這裏插入圖片描述
我在項目中是把這個頁面放在了ch08裏,所以要修改springmvc.xml文件
在這裏插入圖片描述
寫User實體類
包括上述三個屬性,setter,getter,toString,含參構造方法,空構造方法
在這裏插入圖片描述
寫UserController類
在這裏插入圖片描述
部署項目並運行
在這裏插入圖片描述
Spring MVC指定form標籤默認自動綁定的是Model的command屬性值,那麼當form對象對應的屬性名稱不是command時怎麼辦?
修改register.jsp頁面中的form標籤
在這裏插入圖片描述
更改UserController中的register方法
在這裏插入圖片描述
在這裏插入圖片描述
如果沒有變成user可以重啓tomcat,還沒有變可以把eclipse關了再開下,就行了

password標籤

也就比正常的多了個屬性showPassword,表示是否應該顯示或遮蓋密碼

hidden標籤

用法跟input,type爲hidden意思一樣

<fm:hidden path="hid"/>
會被渲染成
<input id="hid" name="hid" type="hidden" value=""/>

textarea標籤

<fm:textarea path="remark" rows="5" cols="20"/>
會被渲染成
<textarea id="remark" name="remark" rows="5" cols="20"></textarea>

checkbox標籤

再user實體類中添加一些屬性,並添加相應getter,ssetter方法
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
reader會處於默認選中狀態
courses裏選中的也是u二十添加到user模型裏的

radiobutton 標籤

其實跟checkbox用法差不多,只不過這個是單選
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

select標籤

下拉框

option標籤

下拉框裏面的選項

其實都一樣,都是給模型填好默認選中值,然後確定模型名和表單modelAttribute屬性值一致
還有一處說不清楚,我畫圖表示
在這裏插入圖片描述

options標籤

items屬性:可以利用它自動加載後臺傳來的數據
通過select標籤的items屬性綁定Map
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
通過options標籤的items屬性綁定Map
在這裏插入圖片描述
在這裏插入圖片描述
添加options標籤的items屬性綁定Object,並使用itemLabel和itemValue屬性來加載數據。
在這裏插入圖片描述
修改UserController
在這裏插入圖片描述
修改select.jsp頁面
在這裏插入圖片描述
因爲經常要從數據庫中取出對象,用這個方法挺好的好像
在這裏插入圖片描述

errors標籤

Spring MVC的errors標籤,簡單來說,寫登錄界面時,密碼框旁邊提示密碼錯誤的錯誤信息可以用這個標籤。
先寫一個驗證類
在這裏插入圖片描述
再UserController類中,使用@InitBinder註解綁定驗證對象
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
那麼問題來了,他用javascript不香嗎?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章