Spring MVC - ตัวอย่าง TextArea
ตัวอย่างต่อไปนี้อธิบายวิธีการใช้ TextArea ในฟอร์มโดยใช้ Spring Web MVC framework ในการเริ่มต้นให้เรามี Eclipse IDE ที่ใช้งานได้และทำตามขั้นตอนต่อไปเพื่อพัฒนา Web Application ที่ใช้ Dynamic Form โดยใช้ Spring Web Framework
| ขั้นตอน | คำอธิบาย |
|---|---|
| 1 | สร้างโปรเจ็กต์ด้วยชื่อ HelloWeb ภายใต้แพ็คเกจ com.tutorialspoint ตามที่อธิบายไว้ในบท Spring MVC - Hello World |
| 2 | สร้างคลาส Java User, UserController ภายใต้ com.tutorialspointpackage |
| 3 | สร้างไฟล์มุมมอง user.jsp, users.jsp ภายใต้โฟลเดอร์ย่อย jsp |
| 4 | ขั้นตอนสุดท้ายคือการสร้างเนื้อหาของไฟล์ต้นทางและการกำหนดค่าและส่งออกแอปพลิเคชันตามที่อธิบายด้านล่าง |
User.java
package com.tutorialspoint;
public class User {
private String username;
private String password;
private String address;
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;
}
}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());
return "users";
}
}ที่นี่สำหรับผู้ใช้วิธีการบริการรายแรก () เราได้ส่งผ่านอ็อบเจ็กต์ User ว่างในอ็อบเจ็กต์ ModelAndView ที่มีชื่อ "command" เนื่องจากเฟรมเวิร์กสปริงคาดว่าอ็อบเจ็กต์ที่มีชื่อ "command" หากคุณใช้ <form: form> แท็กในไฟล์ JSP ของคุณ ดังนั้นเมื่อเรียกใช้ user () เมธอดจะส่งกลับมุมมอง user.jsp
วิธีการบริการที่สอง addUser () จะถูกเรียกใช้กับเมธอด POST บน HelloWeb / addUser URL คุณจะเตรียมโมเดลออบเจ็กต์ของคุณตามข้อมูลที่ส่งมา สุดท้ายมุมมอง "ผู้ใช้" จะถูกส่งกลับจากวิธีการบริการซึ่งจะส่งผลให้มีการแสดงผล 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 colspan = "2">
<input type = "submit" value = "Submit"/>
</td>
</tr>
</table>
</form:form>
</body>
</html>ที่นี่เรากำลังใช้ <form:textarea />แท็กเพื่อแสดงกล่อง HTML textarea ตัวอย่างเช่น -
<form:textarea path = "address" rows = "5" cols = "30" />มันจะแสดงเนื้อหา HTML ต่อไปนี้
<textarea id = "address" name = "address" rows = "5" cols = "30"></textarea>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>
</table>
</body>
</html>เมื่อคุณสร้างไฟล์ซอร์สและไฟล์คอนฟิกเสร็จเรียบร้อยแล้วให้ส่งออกแอปพลิเคชันของคุณ คลิกขวาที่แอปพลิเคชันของคุณใช้ตัวเลือก Export → WAR File และบันทึกไฟล์ HelloWeb.war ของคุณในโฟลเดอร์ webapps ของ Tomcat
ตอนนี้เริ่มเซิร์ฟเวอร์ Tomcat ของคุณและตรวจสอบให้แน่ใจว่าคุณสามารถเข้าถึงหน้าเว็บอื่น ๆ จากโฟลเดอร์ webapps โดยใช้เบราว์เซอร์มาตรฐาน ลองใช้ URL –http: // localhost: 8080 / HelloWeb / user และเราจะเห็นหน้าจอต่อไปนี้หากทุกอย่างเรียบร้อยดีกับ Spring Web Application
หลังจากส่งข้อมูลที่จำเป็นแล้วให้คลิกที่ปุ่มส่งเพื่อส่งแบบฟอร์ม เราจะเห็นหน้าจอต่อไปนี้หากทุกอย่างเรียบร้อยดีกับ Spring Web Application
