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

علامة زر الملف في نموذج Spring MVC

علامة زر الملف في نموذج Spring MVC تسمح لنا باختيار خيار واحد فقط في كل مرة. هذه العلامة تعرض علامات إدخال HTML من نوع radio.

النحو

<form:radiobutton path="abc" value="xyz"/>

إضافة إلى علامات الملفات المختارة، يحتوي مكتبة علامات نموذج Spring MVC أيضًا على radiobuttons العلامة. هذه العلامة ستعرض عدة علامات إدخال HTML من نوع radio.

<form:radiobuttons path="abc" items="${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、إنشاء فئة الحبوب

Reservation.java

package com.w3codebox;
public class Reservation {
    private String firstName;
    private String lastName;
    private String Gender;
    
    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;
    }   
}

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)
{
      //إنشاء جسم حجز جديد 
    Reservation res = new Reservation();
      //تقدمُ جسم الحجز إلى النموذج 
    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">
    <!-- Bileşen tarayımı desteği sağla -->
    <context:component-scan base-package="com.w3codebox" />
    <!-- Dönüşüm, biçimlendirme ve doğrulama desteği sağla -->
    <mvc:annotation-driven/>
    <!-- Spring MVC görünüm çözücüsünü tanımla -->
     <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、İstek sayfasını oluşturma

index.jsp

<!DOCTYPE html>
<html>
<head>
    <title>Demiryolu Kayıt Formu</title>
</head>
<body>
<a href="reservation/bookingForm">Rezervasyon için buraya tıklayın.</a>
</body>
</html>

7、Görünüm bileşenini oluşturma

reservation-page.jsp

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html>
<head>
    <title>Rezervasyon Formu</title>
</head>
<h3>Resevasyonu İçin Demiryolu Formu</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>
        <input type="submit" value="Submit" />
    </form:form>
</body>
</html>

confirmation-page.jsp

<!DOCTYPE html>
<html>
<body>
<p>تم تأكيد حجزك بنجاح. يرجى التحقق من التفاصيل.</p>
الاسم الأول: ${reservation.firstName} <br>
اسم العائلة: ${reservation.lastName} <br>
الجنس: ${reservation.gender}
</body>
</html>

الإخراج: