add checkout
This commit is contained in:
parent
6d6f4bda6a
commit
619e586280
@ -44,12 +44,17 @@ public class RequestController {
|
|||||||
|
|
||||||
@GetMapping("/articledetail")
|
@GetMapping("/articledetail")
|
||||||
public String articledetail() {
|
public String articledetail() {
|
||||||
return "articleDetail";
|
return "articledetail";
|
||||||
}
|
}
|
||||||
|
|
||||||
@GetMapping("/searchresults")
|
@GetMapping("/searchresults")
|
||||||
public String searchresults() {
|
public String searchresults() {
|
||||||
return "searchResults";
|
return "searchresults";
|
||||||
|
}
|
||||||
|
|
||||||
|
@GetMapping("/shoppingcart")
|
||||||
|
public String shoppingcart() {
|
||||||
|
return "shoppingcart";
|
||||||
}
|
}
|
||||||
|
|
||||||
@GetMapping("/intern/customerdetail")
|
@GetMapping("/intern/customerdetail")
|
||||||
|
@ -137,6 +137,7 @@ a:visited {
|
|||||||
p {
|
p {
|
||||||
padding-top: var(--u0);
|
padding-top: var(--u0);
|
||||||
padding-bottom: var(--u0);
|
padding-bottom: var(--u0);
|
||||||
|
color: var(--c-black);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -393,7 +394,6 @@ fieldset {
|
|||||||
height: 0px;
|
height: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.bar-flex {
|
.bar-flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -577,6 +577,14 @@ fieldset {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.center-text {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftspace {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
111
prototype/src/main/resources/templates/shoppingCart.html
Normal file
111
prototype/src/main/resources/templates/shoppingCart.html
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>e-commerce</title>
|
||||||
|
<link href="/css/ecom.css" rel="stylesheet"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav th:replace="fragments/header :: header">Header</nav>
|
||||||
|
<main class="detailgrid">
|
||||||
|
<div class="l">
|
||||||
|
<h1 class="center-text">Warenkorb</h1>
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<th>Bild</th>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Preis</th>
|
||||||
|
<th>Menge</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td><img th:src="@{/img/product-1.jpg}" class="s"/></td>
|
||||||
|
<td>Kamera</td>
|
||||||
|
<td>100,50 €</td>
|
||||||
|
<td>
|
||||||
|
<select size="1">
|
||||||
|
<option>1</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button>löschen</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img th:src="@{/img/product-2.jpg}" class="s"/></td>
|
||||||
|
<td>Earbuds</td>
|
||||||
|
<td>63,95 €</td>
|
||||||
|
<td>
|
||||||
|
<select size="1">
|
||||||
|
<option>1</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button>löschen</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img th:src="@{/img/product-3.jpg}" class="s"/></td>
|
||||||
|
<td>USB-Magic Light</td>
|
||||||
|
<td>11,90 €</td>
|
||||||
|
<td>
|
||||||
|
<select size="1">
|
||||||
|
<option>1</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button>löschen</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img th:src="@{/img/product-4.jpg}" class="s"/></td>
|
||||||
|
<td>3D Magic Stativ</td>
|
||||||
|
<td>15,99 €</td>
|
||||||
|
<td>
|
||||||
|
<select size="1">
|
||||||
|
<option>1</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button>löschen</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><img th:src="@{/img/product-5.jpg}" class="s"/></td>
|
||||||
|
<td>Ersatzfernbedinung</td>
|
||||||
|
<td>7,95 €</td>
|
||||||
|
<td>
|
||||||
|
<select size="1">
|
||||||
|
<option>1</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button>löschen</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="s">
|
||||||
|
<h1 class="center-text">Checkout</h1>
|
||||||
|
<div class="hero">
|
||||||
|
<div class="leftspace">
|
||||||
|
<h2>Bestellübersicht</h2>
|
||||||
|
<p>Artikel: 200,29 €</p>
|
||||||
|
<p>Lieferung: 5,00 €</p>
|
||||||
|
<h2 class="secondarytext">Gesamt: 205,29 €</h2>
|
||||||
|
|
||||||
|
<h2>Versandadresse:</h2>
|
||||||
|
<p>Max Mustermann</p>
|
||||||
|
<p>Musterstraße 42</p>
|
||||||
|
<p>42424 Mustertal</p>
|
||||||
|
|
||||||
|
<button class="secondary">kostenpflichtig bestellen</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer th:replace="fragments/footer :: footer"></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
Reference in New Issue
Block a user