diff options
Diffstat (limited to 'spring-boot/07-thymeleaf-common-theme/src/main/resources/templates')
4 files changed, 86 insertions, 0 deletions
diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html new file mode 100644 index 0000000..7debe1f --- /dev/null +++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/form.html @@ -0,0 +1,30 @@ +<!DOCTYPE HTML> +<html xmlns:th="http://www.thymeleaf.org" th:replace="~{layout/main :: layout(title='Contact Us', content=~{::main})}"> + +<body> + <main> + <form th:action="@{/contact}" th:object="${contactForm}" method="post"> + <div class="form-field-container"> + <label>Name</label> + <input type="text" th:field="*{name}" placeholder="Your name" /> + <div class="validation-error" th:if="${#fields.hasErrors('name')}" th:errors="*{name}"></div> + </div> + + <div class="form-field-container"> + <label>Email</label> + <input type="email" th:field="*{email}" placeholder="Your email" /> + <div class="validation-error" th:if="${#fields.hasErrors('email')}" th:errors="*{email}"></div> + </div> + + <div class="form-field-container"> + <label>Message</label> + <textarea th:field="*{message}" placeholder="Your message"></textarea> + <div class="validation-error" th:if="${#fields.hasErrors('message')}" th:errors="*{message}"></div> + </div> + + <button type="submit">Send</button> + </form> + </main> +</body> + +</html>
\ No newline at end of file diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html new file mode 100644 index 0000000..d1bda9a --- /dev/null +++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/contact/result.html @@ -0,0 +1,14 @@ +<!DOCTYPE HTML> +<html xmlns:th="http://www.thymeleaf.org" th:replace="~{layout/main :: layout(title='Contact Us', content=~{::main})}"> + +<body> + <main> + <p>We received your message.</p> + + <p th:text="'Thank you ' + ${contactForm.name} + '.'" /> + + <a th:href="@{/contact}">Try again</a> + </main> +</body> + +</html>
\ No newline at end of file diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html new file mode 100644 index 0000000..b2f59f2 --- /dev/null +++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/index.html @@ -0,0 +1,11 @@ +<!DOCTYPE HTML> +<html xmlns:th="http://www.thymeleaf.org" th:replace="~{layout/main :: layout(title='Welcome', content=~{::main})}"> + +<body> + <main> + <p>Hello! This is the home page content.</p> + <p>Use the navigation links to explore other pages.</p> + </main> +</body> + +</html>
\ No newline at end of file diff --git a/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html new file mode 100644 index 0000000..b91f6f5 --- /dev/null +++ b/spring-boot/07-thymeleaf-common-theme/src/main/resources/templates/layout/main.html @@ -0,0 +1,31 @@ +<!DOCTYPE HTML> +<html xmlns:th="http://www.thymeleaf.org" th:fragment="layout(title, content)"> + +<head> + <title th:text="|${title} - ABC App|">Base title not shown</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <link rel="stylesheet" th:href="@{/css/main.css}" /> +</head> + +<body> + <header> + <h1>ABC App</h1> + </header> + + <nav class="main-nav"> + <ul> + <li><a th:href="@{/}">Home</a></li> + <li><a th:href="@{/contact}">Contact Us</a></li> + </ul> + </nav> + + <h3 th:text="|${title}|">Page content area title</h3> + + <th:block th:replace="${content}" /> + + <footer> + Copyright © 2026 Example Company. All rights reserved. + </footer> +</body> + +</html>
\ No newline at end of file |