jpashop : test views
This commit is contained in:
kim
@@ -0,0 +1,16 @@
|
||||
package com.example.jpashop.controller;
|
||||
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
@Controller
|
||||
@Slf4j
|
||||
public class HomeController {
|
||||
|
||||
@RequestMapping("/")
|
||||
public String home() {
|
||||
log.info("home controller");
|
||||
return "home";
|
||||
}
|
||||
}
|
||||
72
jpashop/src/main/resources/static/css/jumbotron-narrow.css
Normal file
72
jpashop/src/main/resources/static/css/jumbotron-narrow.css
Normal file
@@ -0,0 +1,72 @@
|
||||
/* Space out content a bit */
|
||||
body {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
/* Everything but the jumbotron gets side spacing for mobile first views */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
/* Custom page header */
|
||||
.header {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
/* Make the masthead heading the same height as the navigation */
|
||||
.header h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 40px;
|
||||
padding-bottom: 19px;
|
||||
}
|
||||
/* Custom page footer */
|
||||
.footer {
|
||||
padding-top: 19px;
|
||||
color: #777;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
/* Customize container */
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
max-width: 730px;
|
||||
}
|
||||
}
|
||||
.container-narrow > hr {
|
||||
margin: 30px 0;
|
||||
}
|
||||
/* Main marketing message and sign up button */
|
||||
.jumbotron {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.jumbotron .btn {
|
||||
font-size: 21px;
|
||||
padding: 14px 24px;
|
||||
}
|
||||
/* Supporting marketing content */
|
||||
.marketing {
|
||||
margin: 40px 0;
|
||||
}
|
||||
.marketing p + h4 {
|
||||
margin-top: 28px;
|
||||
}
|
||||
/* Responsive: Portrait tablets and up */
|
||||
@media screen and (min-width: 768px) {
|
||||
/* Remove the padding we set earlier */
|
||||
.header,
|
||||
.marketing,
|
||||
.footer {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
/* Space out the masthead */
|
||||
.header {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
/* Remove the bottom border on the jumbotron for visual effect */
|
||||
.jumbotron {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<div class="header" th:fragment="bodyHeader">
|
||||
<ul class="nav nav-pills pull-right">
|
||||
<li><a href="/">Home</a></li>
|
||||
</ul>
|
||||
<a href="/"><h3 class="text-muted">HELLO SHOP</h3></a>
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<div class="footer" th:fragment="footer">
|
||||
<p>© Hello Shop V2</p>
|
||||
</div>
|
||||
12
jpashop/src/main/resources/templates/fragments/header.html
Normal file
12
jpashop/src/main/resources/templates/fragments/header.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head th:fragment="header">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrinkto-fit=no">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="/css/jumbotron-narrow.css" rel="stylesheet">
|
||||
<title>Hello, world!</title>
|
||||
</head>
|
||||
31
jpashop/src/main/resources/templates/home.html
Normal file
31
jpashop/src/main/resources/templates/home.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head th:replace="fragments/header :: header">
|
||||
<title>Hello</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div th:replace="fragments/bodyHeader :: bodyHeader" />
|
||||
<div class="jumbotron">
|
||||
<h1>HELLO SHOP</h1>
|
||||
<p class="lead">회원 기능</p>
|
||||
<p>
|
||||
<a class="btn btn-lg btn-secondary" href="/members/new">회원 가입</a>
|
||||
<a class="btn btn-lg btn-secondary" href="/members">회원 목록</a>
|
||||
</p>
|
||||
<p class="lead">상품 기능</p>
|
||||
<p>
|
||||
<a class="btn btn-lg btn-dark" href="/items/new">상품 등록</a>
|
||||
<a class="btn btn-lg btn-dark" href="/items">상품 목록</a>
|
||||
</p>
|
||||
<p class="lead">주문 기능</p>
|
||||
<p>
|
||||
<a class="btn btn-lg btn-info" href="/order">상품 주문</a>
|
||||
<a class="btn btn-lg btn-info" href="/orders">주문 내역</a>
|
||||
</p>
|
||||
</div>
|
||||
<div th:replace="fragments/footer :: footer" />
|
||||
</div> <!-- /container -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user