Kontaktformular erstellen mit Spring boot mvc: Unterschied zwischen den Versionen

Aus ahrensburg.city
Zur Navigation springen Zur Suche springen
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
// via Wikitext Extension for VSCode
// via Wikitext Extension for VSCode
Zeile 45: Zeile 45:


<pre>
<pre>
package com.example.demo;
package city.ahrensburg.demo;


import javax.persistence.Entity;
import jakarta.persistence.Entity;
import javax.persistence.GeneratedValue;
import jakarta.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import jakarta.persistence.GenerationType;
import javax.persistence.Id;
import jakarta.persistence.Id;


@Entity
@Entity
public class Contact {
public class Kontaktmodel {
     @Id
     @Id
     @GeneratedValue(strategy = GenerationType.AUTO)
     @GeneratedValue(strategy = GenerationType.AUTO)
     private Long id;
     private Long id;
     private String name;
     private String name;
    private String email;
    private String message;


     // Getter und Setter
     // Getter und Setter für id
    public Long getId() {
        return id;
    }
 
    public void setId(Long id) {
        this.id = id;
    }
 
    // Getter und Setter für name
    public String getName() {
        return name;
    }
 
    public void setName(String name) {
        this.name = name;
    }
}
}
</pre>
</pre>

Version vom 15. Dezember 2024, 23:57 Uhr

Kontaktformular erstellen mit Spring boot mvc

In diesem Tutorial werden wir ein Kontaktformular erstellen, das die Eingabe von Benutzern entgegennimmt und die Daten in der Datenbank speichert. Wir werden auch die Validierung der Benutzereingaben implementieren.

Schritt 1: Erstellen Sie ein neues Spring Boot-Projekt

Erstellen Sie ein neues Spring Boot-Projekt mit dem Spring Initializr. Fügen Sie die folgenden Abhängigkeiten hinzu:

  • Spring Web
  • Thymeleaf
  • Spring Data JPA
  • H2 Database

Schritt 2: Erstellen Sie das Kontaktformular

Erstellen Sie eine neue HTML-Datei namens `contact.html` im `src/main/resources/templates` Verzeichnis. Fügen Sie den folgenden Code hinzu: 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Kontaktformular</title>
</head>
<body>
    <h1>Kontaktformular</h1>
    <form action="#" th:action="@{/submit}" th:object="${contact}" method="post">
        <label for="name">Name:</label>
        <input type="text" id="name" th:field="*{name}" />
        <br/>
        <label for="email">Email:</label>
        <input type="email" id="email" th:field="*{email}" />
        <br/>
        <label for="message">Nachricht:</label>
        <textarea id="message" th:field="*{message}"></textarea>
        <br/>
        <button type="submit">Absenden</button>
    </form>
</body>
</html>

Schritt 3: Erstellen Sie das Kontaktformular-Modell

Erstellen Sie eine neue Java-Klasse namens `Contact` im `src/main/java/com/example/demo` Verzeichnis. Fügen Sie den folgenden Code hinzu: 

package city.ahrensburg.demo;

import jakarta.persistence.Entity;
import jakarta.persistence.GeneratedValue;
import jakarta.persistence.GenerationType;
import jakarta.persistence.Id;

@Entity
public class Kontaktmodel {
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private Long id;
    private String name;

    // Getter und Setter für id
    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    // Getter und Setter für name
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}
Abgerufen von „https://ahrensburg.city/index.php?title=Kontaktformular_erstellen_mit_Spring_boot_mvc&oldid=1497“