728x90
만들어진 모양은 이렇다
폴더의 구성은 이러하다.
상단 메뉴 (menu.jsp)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<nav class="navbar navbar-expand navbar-dark bg-dark">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="./Welcome.jsp">Home</a>
<a class="navbar-brand" href="MarketMain.jsp">Product</a>
</div>
<div class="navbar-header">
<button type="button" class="btn btn-info" onclick="location='LoginDisplay.jsp'">로그인</button>
<button type="button" class="btn btn-info" onclick="location='Welcome.jsp'">로그아웃</button>
</div>
</div>
</nav>
푸터 (footer.jsp)
<footer class="container">
<p>© WebMarket</p>
</footer>
페이지를 만들때 마다 가져다 쓸 것이라 각자 제작한다.
그리고 첫화면을 꾸며보자
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.Date"%>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%@ include file="./header/menu.jsp"%>
<%!String greeting = "환영합니다";
String tagline = "Welcome to Web Market!";%>
<div class="jumbotron">
<div class="container">
<h1 class="display-3">
<%=greeting%>
</h1>
</div>
</div>
<div class="container">
<div class="text-center">
<h3>
<%=tagline%>
</h3>
<%
response.setIntHeader("Refresh", 5);
Date day = new java.util.Date();
String am_pm;
int hour = day.getHours();
int minute = day.getMinutes();
int second = day.getSeconds();
if (hour / 12 == 0) {
am_pm = "AM";
} else {
am_pm = "PM";
hour = hour - 12;
}
String CT = hour + ":" + minute + ":" + second + " " + am_pm;
out.println("현재 접속 시각: " + CT + "\n");
%>
</div>
</div>
<%@ include file="./footer/footer.jsp"%>
</body>
</html>
728x90
'국비교육 [完] > WebMarket' 카테고리의 다른 글
| 6. 세션으로 로그인 (0) | 2023.03.09 |
|---|---|
| 5. 회원 가입 (0) | 2023.03.02 |
| 4. 데이터 베이스 로그인 기능 구현 (0) | 2023.03.01 |
| 3. 상품 목록 만들기 (0) | 2023.03.01 |
| 1. 웹마켓 프로젝트 생성 (0) | 2023.03.01 |
