Spring MVC - ตัวอย่างหน้าคงที่
ตัวอย่างต่อไปนี้แสดงวิธีการเขียนแอปพลิเคชันบนเว็บอย่างง่ายโดยใช้ Spring MVC Framework ซึ่งสามารถเข้าถึงเพจแบบคงที่พร้อมกับเพจแบบไดนามิกด้วย <mvc:resources> แท็ก
ในการเริ่มต้นให้เรามี Eclipse IDE ที่ใช้งานได้และปฏิบัติตามขั้นตอนต่อไปนี้เพื่อพัฒนา Web Application ที่ใช้ Dynamic Form โดยใช้ Spring Web Framework
ขั้นตอน | คำอธิบาย |
---|---|
1 | สร้างโปรเจ็กต์ด้วยชื่อ HelloWeb ภายใต้แพ็คเกจ com.tutorialspoint ตามที่อธิบายไว้ในบท Spring MVC - Hello World |
2 | สร้างคลาส Java WebController ภายใต้แพ็คเกจ com.tutorialspoint |
3 | สร้างไฟล์แบบคงที่ final.htm ภายใต้โฟลเดอร์ย่อย jsp |
4 | อัพเดตไฟล์คอนฟิกูเรชัน Spring HelloWeb-servlet.xml ภายใต้โฟลเดอร์ WebContent / WEB-INF ดังที่แสดงด้านล่าง |
5 | ขั้นตอนสุดท้ายคือการสร้างเนื้อหาของแหล่งที่มาและไฟล์การกำหนดค่าและส่งออกแอปพลิเคชันซึ่งอธิบายไว้ด้านล่าง |
WebController.java
package com.tutorialspoint;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
@Controller
public class WebController {
@RequestMapping(value = "/index", method = RequestMethod.GET)
public String index() {
return "index";
}
@RequestMapping(value = "/staticPage", method = RequestMethod.GET)
public String redirect() {
return "redirect:/pages/final.htm";
}
}
HelloWeb-servlet.xml
<?xml version = "1.0" encoding = "UTF-8"?>
<beans xmlns = "http://www.springframework.org/schema/beans"
xmlns:xsi = " http://www.w3.org/2001/XMLSchema-instance"
xmlns:context = "http://www.springframework.org/schema/context"
xmlns:mvc = "http://www.springframework.org/schema/mvc"
xsi:schemaLocation = "http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-2.5.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-3.0.xsd">
<context:component-scan base-package = "com.tutorialspoint" />
<bean id = "viewResolver" class = "org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name = "prefix" value = "/WEB-INF/jsp/" />
<property name = "suffix" value = ".jsp" />
</bean>
<mvc:resources mapping = "/pages/**" location = "/WEB-INF/pages/" />
<mvc:annotation-driven/>
</beans>
ที่นี่ <mvc:resources..../>กำลังใช้แท็กเพื่อแมปเพจแบบคงที่ แอตทริบิวต์การแมปต้องเป็นไฟล์Ant patternที่ระบุรูปแบบ URL ของคำขอ http แอ็ตทริบิวต์ตำแหน่งต้องระบุตำแหน่งไดเร็กทอรีรีซอร์สที่ถูกต้องตั้งแต่หนึ่งรายการขึ้นไปโดยมีเพจแบบคงที่ซึ่งรวมถึงรูปภาพสไตล์ชีต JavaScript และเนื้อหาสแตติกอื่น ๆ อาจระบุตำแหน่งทรัพยากรหลายรายการโดยใช้รายการค่าที่คั่นด้วยเครื่องหมายจุลภาค
ต่อไปนี้เป็นเนื้อหาของไฟล์ Spring view WEB-INF/jsp/index.jsp. นี่จะเป็นหน้า Landing Page หน้านี้จะส่งคำขอเพื่อเข้าถึงไฟล์staticPage service methodซึ่งจะเปลี่ยนเส้นทางคำขอนี้ไปยังเพจแบบคงที่ที่มีอยู่ในโฟลเดอร์ WEB-INF / pages
index.jsp
<%@taglib uri = "http://www.springframework.org/tags/form" prefix = "form"%>
<html>
<head>
<title>Spring Landing Page</title>
</head>
<body>
<h2>Spring Landing Pag</h2>
<p>Click below button to get a simple HTML page</p>
<form:form method = "GET" action = "/HelloWeb/staticPage">
<table>
<tr>
<td>
<input type = "submit" value = "Get HTML Page"/>
</td>
</tr>
</table>
</form:form>
</body>
</html>
final.htm
<html>
<head>
<title>Spring Static Page</title>
</head>
<body>
<h2>A simple HTML page</h2>
</body>
</html>
เมื่อคุณสร้างไฟล์ซอร์สและไฟล์คอนฟิกเสร็จเรียบร้อยแล้วให้ส่งออกแอปพลิเคชันของคุณ คลิกขวาที่แอปพลิเคชันของคุณใช้ตัวเลือก Export → WAR File และบันทึกไฟล์ HelloWeb.war ของคุณในโฟลเดอร์ webapps ของ Tomcat
ตอนนี้เริ่มเซิร์ฟเวอร์ Tomcat ของคุณและตรวจสอบให้แน่ใจว่าคุณสามารถเข้าถึงหน้าเว็บอื่น ๆ จากโฟลเดอร์ webapps โดยใช้เบราว์เซอร์มาตรฐาน ตอนนี้พยายามเข้าถึง URL - http: // localhost: 8080 / HelloWeb / index หากทุกอย่างเรียบร้อยดีกับ Spring Web Application เราจะเห็นหน้าจอต่อไปนี้
คลิกที่ปุ่ม "รับหน้า HTML" เพื่อเข้าถึงเพจแบบคงที่ที่กล่าวถึงในเมธอดบริการ staticPage หากทุกอย่างเรียบร้อยดีกับ Spring Web Application ของคุณเราจะเห็นหน้าจอต่อไปนี้