English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

قائمة تنقلات Spring MVC

قائمة تنقلات Spring MVC تحتوي على قائمة العناصر. هذا الملصق يولد عنصر HTML select. يسمح بتحديد البيانات المربوطة إلى العنصر المختار.

النحو

<form:select path="name">

إليك بعض العلامات الأخرى المستخدمة للاختيار من الخيارات.

علامات الاختيار

هذا الملصق يولد علامة اختيار HTML. كل علامة تحمل قيمة يمكن أن يتم اختيارها من قبل المستخدم.

النحو

<form:option value="abc" label="xyz"/>

علامات الاختيار

هذا الملصق يولد قائمة من علامات الاختيار HTML. كل علامة تحمل قائمة العناصر المختارة من قبل المستخدم.

النحو

<form:options items="${elementList}" itemValue="abc" itemLabel="xyz"/>

مثال على قائمة تنقلات Spring MVC

1、الإضافة إلى ملف pom.xml الاعتماد.

          <!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.1.1.RELEASE</version>
</dependency>
    <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
<dependency>  
    <groupId>javax.servlet</groupId>  
    <artifactId>servlet-api</artifactId>  
    <version>3.0-alpha-1</version>  
</dependency>
    <!-- https://mvnrepository.com/artifact/javax.servlet/jstl -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-jasper -->
<dependency>
    <groupId>org.apache.tomcat</groupId>
    <artifactId>tomcat-jasper</artifactId>
    <version>9.0.12</version>
</dependency>

2、إنشاء فئة Bean

Reservation.java

package com.w3codebox;
public class Reservation {
    private String firstName;
    private String lastName;
    private String Gender;
    private String[] Food;
    private String cityFrom;
    private String cityTo;
    public Reservation()
    {       
    }
    public String getFirstName() {
        return firstName;
    }
    public void setFirstName(String firstName) {
        this.firstName = firstName;
    }
    public String getLastName() {
        return lastName;
    }
    public void setLastName(String lastName) {
        this.lastName = lastName;
    }
    public String getGender() {
        return Gender;
    }
    public void setGender(String gender) {
        Gender = gender;
    }
    public String[] getFood() {
        return Food;
    }
    public void setFood(String[] food) {
        Food = food;
    }   
    public String getCityFrom() {
    return cityFrom;
}
public void setCityFrom(String cityFrom) {
    this.cityFrom = cityFrom;
}
public String getCityTo() {
    return cityTo;
}
public void setCityTo(String cityTo) {
    this.cityTo = cityTo;
}   
}

3、创建控制器类

ReservationController.java

package com.w3codebox;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
@RequestMapping("/reservation")
@Controller
public class ReservationController {
    @RequestMapping("/bookingForm")
public String bookingForm(Model model)
{
      //create a reservation object 
    Reservation res = new Reservation();
      //provide reservation object to the model 
    model.addAttribute("reservation", res);
    return "reservation-page";
}
@RequestMapping("/submitForm")
public String submitForm(@ModelAttribute("reservation") Reservation res)
{
    return "confirmation-form";
}
}

4- تقديم مدخل التحكم في ملف web.xml

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>SpringMVC</display-name>
   <servlet>  
    <servlet-name>spring</servlet-name>  
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
    <load-on-startup>1</load-on-startup>    
</servlet>  
<servlet-mapping>  
    <servlet-name>spring</servlet-name>  
    <url-pattern>/</url-pattern>  
</servlet-mapping>  
</web-app>

5- في ملف xml تعريف Bean

spring-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.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    <!--توفير الدعم للتصنيف المكونات-->
    <context:component-scan base-package="com.w3codebox" />
    <!--توفير الدعم للتحويل، والتنسيق والتحقق من صحة البيانات-->
    <mvc:annotation-driven/>
    <!-- تحديد محلل الرؤية لمكتبة Spring MVC -->
     <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"></property>
        <property name="suffix" value=".jsp"></property>     
     </bean>
</beans>

6、إنشاء صفحة الطلب

index.jsp

<!DOCTYPE html>
<html>
<head>
    <title>نموذج تسجيل السكة الحديدية</title>
</head>
<body>
<a href="reservation/bookingForm">انقر هنا للحجز.</a>
</body>
</html>

7-إنشاء عنصر الرؤية

reservation-page.jsp

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html>
<head>
    <title>نموذج الحجز</title>
</head>
<h3>نموذج حجز القطار</h3>
<body>
    <form:form action="submitForm" modelAttribute="reservation">
        الاسم الأول: <form:input path="firstName" />      
        <br><br>
        اسم العائلة: <form:input path="lastName" />
        <br><br>
        الجنس: 
        ذكر<form:radiobutton path="Gender" value="Male"/>
        أنثى<form:radiobutton path="Gender" value="Female"/>
        <br><br>
        الوجبات:
        إفطار<form:checkbox path="Food" value="BreakFast"/>
        غداء<form:checkbox path="Food" value="Lunch"/>
        عشاء<form:checkbox path="Food" value="Dinner"/>
        <br><br>
        الخروج من: <form:select path="cityFrom">
        <form:option value="Ghaziabad" label="Ghaziabad"/>
        <form:option value="Modinagar" label="Modinagar"/>
        <form:option value="Meerut" label="Meerut"/>
        <form:option value="Amristar" label="Amristar"/>
        </form:select>
        <br><br>
        الذهاب إلى: <form:select path="cityTo">
        <form:option value="Ghaziabad" label="Ghaziabad"/>
        <form:option value="Modinagar" label="Modinagar"/>
        <form:option value="Meerut" label="Meerut"/>
        <form:option value="Amristar" label="Amristar"/>
        </form:select>
        <br><br>
        <input type="submit" value="Submit" />
    </form:form>
</body>
</html>

confirmation-page.jsp

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<body>
<p>تم تأكيد حجزك بنجاح. يرجى التحقق من التفاصيل.</p>
الاسم الأول: ${reservation.firstName} <br>
الاسم الأخير: ${reservation.lastName} <br>
الجنس: ${reservation.gender}<br>
الوجبات: 
<ul>
<c:forEach var="meal" items="${reservation.food}">
<li>${meal}</li>
</c:forEach>
</ul>
الخروج من: ${reservation.cityFrom} <br>
الي: ${reservation.cityTo}
</body>
</html>

الإخراج: