Commit e4ffa32a by Patryk Czarnik

spis treści i styl

parent 8c3fe5f8
...@@ -12,7 +12,7 @@ public class RootController { ...@@ -12,7 +12,7 @@ public class RootController {
@RequestMapping("/") @RequestMapping("/")
public String index() { public String index() {
return "spis.html"; return "index.jsp";
} }
@RequestMapping("/hello") @RequestMapping("/hello")
......
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aplikacja Sklep Spring</title>
<link rel="stylesheet" type="text/css" href="styl.css">
</head>
<body>
<h1>Spis treści</h1>
<h2>Podstawy</h2>
<ul>
<li><a href="/">Spis treści</a></li>
<li><a href="/hello">Hello world</a></li>
<li><a href="/time">Która godzina</a></li>
</ul>
<h2>Logowanie</h2>
<ul>
<li><a href="/login">zaloguj się</a>
<li><a href="/logout">wyloguj się</a>
<li><a href="/whoami">sprawdź kim jesteś</a>
</ul>
<h2>Katalog produktów</h2>
<ul>
<li><a href="/products">products</a> - wszystkie produkty</li>
<li><a href="/products/1">products/1</a> - jeden produkt</li>
<li><a href="/products/9">products/9</a> - nieistniejący produkt</li>
<li><a href="/wyszukiwarka">wyszukiwarka</a></li>
<li><a href="/products/new">nowy produkt</a></li>
<li><a href="/products/1/edit">edycja produktu</a></li>
</ul>
<h2>Edycja klienta</h2>
<ul>
<li><a href="/customers">lista klientów</a>
<li><a href="/customers/new">nowy klient</a>
<li><a href="/customers/ala@example.com/edit">edycja klienta</a>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Spis HTML</title>
</head>
<body>
<h1>Spis HTML</h1>
</body>
</html>
\ No newline at end of file
@charset "UTF-8";
body {
background-color: #FFFFDD;
font-family: 'Arial', sans-serif;
}
h1, h4 {
text-align: center;
}
h2, h3, h4 {
margin-top: 0;
}
.product {
border: solid 2px blue;
margin: 1em 400px 1em 50px;
padding: 1em;
background-color: #DDFFDD;
width: 800px;
clear: right;
}
.basket {
position: fixed;
right: 0;
top: 0;
width: 300px;
height: 400px;
background-color: white;
border: outset 3px green;
padding: 1em;
font-size: smaller;
}
.product-name, .product-price {
font-weight: bold;
font-size: larger;
}
.product-description {
font-style: italic;
}
.error {
color: red;
border: 4px solid red;
margin: 1em 0;
padding: 1em;
background-color: white;
font-weight: bold;
}
.info {
color: green;
border: 4px solid green;
margin: 1em 0;
padding: 1em;
background-color: white;
font-weight: bold;
min-width: 500px;
max-width: 1000px;
}
#wyszukiwarka {
background-color: #AAEEFF;
width: 800px;
border: 2px black solid;
margin: 1em 400px 1em 50px;
padding: 1em;
}
#product-form {
margin: 1em auto;
padding: 1em;
border: 4px solid blue;
background-color: #DDFFFF;
min-width: 500px;
max-width: 1000px;
}
#product-form textarea {
min-width: 360px;
}
.form-error {
color: red;
font-size: smaller;
}
div.action {
font-size: smaller;
font-family: 'Arial', sans-serif;
font-weight: bold;
background-color: #DDDDDD;
border: 2px #444466 outset;
padding: 6px;
margin: 4px auto 4px 4px;
max-width: 200px;
}
.action:hover {
background-color: #EEEEEE;
border: 2px #4455CC outset;
}
.action:active {
background-color: #EEEEEE;
border: 2px #CC4455 inset;
}
.action a {
display: inline-block;
color: inherit;
text-decoration: none;
width: 100%;
}
.action a:hover {
color: #0000CC;
}
.photo {
display: block;
float: right;
max-width: 300px;
max-height: 200px;
margin: 5px;
}
...@@ -8,5 +8,12 @@ ...@@ -8,5 +8,12 @@
<body> <body>
<h1>Która godzina (JSP)</h1> <h1>Która godzina (JSP)</h1>
<p>Teraz jest godzina <strong>${dt}</strong></p> <p>Teraz jest godzina <strong>${dt}</strong></p>
<h2>Wybrane pola:</h2>
<ul>
<li>rok: ${dt.year}</li>
<li>dzień roku: ${dt.dayOfYear}</li>
</ul>
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment