Kontaktformular erstellen mit Spring boot mvc: Unterschied zwischen den Versionen
// via Wikitext Extension for VSCode |
// via Wikitext Extension for VSCode |
||
| Zeile 38: | Zeile 38: | ||
<button type="submit">Absenden</button> | <button type="submit">Absenden</button> | ||
</form> | </form> | ||
</body> | |||
</html> | |||
</pre> | </pre> | ||
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act). | Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act). | ||
Version vom 15. Dezember 2024, 22:43 Uhr
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).
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>
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).