「Spring MVC」入力画面Viewの作成サンプル

2022年6月16日

環境
jdk 1.8
Eclipse IDE 4.14.0
Spring 5.3.8

タグライブラリの参照

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>

構文
<form:form modelAttribute="フォーム名" action="${pageContext.request.contextPath}/パス名/ファイル名">
処理コード
</form:form>
入力画面JSPを作成します。
src/main/webapp/WEB-INF/views/addr/index.jsp

使用例

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html>
<html>
<head>
<title>住所登録</title>
</head>
<body>
  <!-- Controllerで用意したフォームオブジェクトを指定 -->
  <form:form modelAttribute="addrForm" action="${pageContext.request.contextPath}/addr/create">
    <form:label path="addr">住所を入力してください:</form:label>
    <form:input path="addr" />
    <input type="submit"　　value="登録" />
  </form:form>
</body>
</html>

出力されるHTMLコード

<body>

  <form id="addrForm" action="/test/addr/create" method="post">
    <label for="addr">住所を入力してください:</label>
    <input id="addr" name="addr" type="text" value=""/>
    <input type="submit" value="登録" />
  </form>
</body>
</html>

SpringMVC

Posted by arkgame

Related posts: