SpringMVC-チェックボックスの例
次の例では、Spring WebMVCフレームワークを使用するフォームで単一のチェックボックスを使用する方法について説明します。まず、動作するEclipse IDEを配置し、Spring WebFrameworkを使用して動的フォームベースのWebアプリケーションを開発するための次の手順を検討します。
ステップ | 説明 |
---|---|
1 | Spring MVC-Hello World Exampleの章で説明されているパッケージcom.tutorialspointasの下に、HelloWebという名前のプロジェクトを作成します。 |
2 | com.tutorialspointpackageの下にJavaクラスUser、UserControllerを作成します。 |
3 | jspサブフォルダーの下にビューファイルuser.jsp、users.jspを作成します。 |
4 | 最後のステップは、以下で説明するように、ソースファイルと構成ファイルのコンテンツを作成し、アプリケーションをエクスポートすることです。 |
User.java
package com.tutorialspoint;
public class User {
private String username;
private String password;
private String address;
private boolean receivePaper;
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getAddress() {
return address;
}
public void setAddress(String address) {
this.address = address;
}
public boolean isReceivePaper() {
return receivePaper;
}
public void setReceivePaper(boolean receivePaper) {
this.receivePaper = receivePaper;
}
}
UserController.java
package com.tutorialspoint;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.ui.ModelMap;
@Controller
public class UserController {
@RequestMapping(value = "/user", method = RequestMethod.GET)
public ModelAndView user() {
return new ModelAndView("user", "command", new User());
}
@RequestMapping(value = "/addUser", method = RequestMethod.POST)
public String addUser(@ModelAttribute("SpringWeb")User user,
ModelMap model) {
model.addAttribute("username", user.getUsername());
model.addAttribute("password", user.getPassword());
model.addAttribute("address", user.getAddress());
model.addAttribute("receivePaper", user.isReceivePaper());
return "users";
}
}
ここで、最初のサービスメソッドuser()について、<form:form>を使用している場合、Springフレームワークは「command」という名前のオブジェクトを想定しているため、ModelAndViewオブジェクトに「command」という名前の空白のUserオブジェクトを渡しました。 JSPファイルのタグ。したがって、user()メソッドが呼び出されると、user.jspビューが返されます。
2番目のサービスメソッドaddUser()は、HelloWeb / addUserURLのPOSTメソッドに対して呼び出されます。提出された情報に基づいてモデルオブジェクトを準備します。最後に、「users」ビューがserviceメソッドから返されます。これにより、users.jspがレンダリングされます。
user.jsp
<%@taglib uri = "http://www.springframework.org/tags/form" prefix = "form"%>
<html>
<head>
<title>Spring MVC Form Handling</title>
</head>
<body>
<h2>User Information</h2>
<form:form method = "POST" action = "/HelloWeb/addUser">
<table>
<tr>
<td><form:label path = "username">User Name</form:label></td>
<td><form:input path = "username" /></td>
</tr>
<tr>
<td><form:label path = "password">Age</form:label></td>
<td><form:password path = "password" /></td>
</tr>
<tr>
<td><form:label path = "address">Address</form:label></td>
<td><form:textarea path = "address" rows = "5" cols = "30" /></td>
</tr>
<tr>
<td><form:label path = "receivePaper">Subscribe Newsletter</form:label></td>
<td><form:checkbox path = "receivePaper" /></td>
</tr>
<tr>
<td colspan = "2">
<input type = "submit" value = "Submit"/>
</td>
</tr>
</table>
</form:form>
</body>
</html>
ここでは、 <form:checkboxes /> HTMLチェックボックスボックスをレンダリングするタグ。
例-
<form:checkbox path="receivePaper" />
次のHTMLコンテンツをレンダリングします。
<input id="receivePaper1" name = "receivePaper" type = "checkbox" value = "true"/>
<input type = "hidden" name = "_receivePaper" value = "on"/>
users.jsp
<%@taglib uri = "http://www.springframework.org/tags/form" prefix = "form"%>
<html>
<head>
<title>Spring MVC Form Handling</title>
</head>
<body>
<h2>Submitted User Information</h2>
<table>
<tr>
<td>Username</td>
<td>${username}</td>
</tr>
<tr>
<td>Password</td>
<td>${password}</td>
</tr>
<tr>
<td>Address</td>
<td>${address}</td>
</tr>
<tr>
<td>Subscribed to Newsletter</td>
<td>${receivePaper}</td>
</tr>
</table>
</body>
</html>
ソースファイルと構成ファイルの作成が完了したら、アプリケーションをエクスポートします。アプリケーションを右クリックし、「エクスポート」→「WARファイル」オプションを使用して、HelloWeb.warファイルをTomcatのwebappsフォルダーに保存します。
ここで、Tomcatサーバーを起動し、標準のブラウザーを使用してwebappsフォルダーから他のWebページにアクセスできることを確認します。URL – http:// localhost:8080 / HelloWeb / userを試してください。SpringWebアプリケーションで問題がなければ、次の画面が表示されます。
必要な情報を送信したら、送信ボタンをクリックしてフォームを送信します。Spring Webアプリケーションで問題がなければ、次の画面が表示されます。