03. 한글 출력 및 페이지 모듈화
2020. 9. 25. 17:27
728x90
Menu.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>머리글(메뉴)</title>
</head>
<body>
<!-- 상단바 - 배경설정 -->
<nav class="navbar navbar-expand navbar-dark bg-dark">
<div class="container">
<div class="navbar-header">
<!-- 사이트 메인 -->
<a class="navbar-brand" href="./Welcome.jsp">HDE board</a>
</div>
</div>
</nav>
</body>
</html>| - 머리글 - 메뉴바 |
Footer.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>바닥글</title>
</head>
<body>
<footer class="bg-dark">
<div class="container">
<p>
<font color="white">
<!-- © = 카피라이트 기호 -->
© WebMarket
</font>
</p>
</div>
</footer>
</body>
</html>| - 바닥글 - 카피라이트 |
Welcome.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.util.Date" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<%@ include file="Menu.jsp" %>
<%!
String greeting ="Welcome to Web Shopping Mall";
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>
<!-- 현재 접속 시각 출력 -->
<%
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 -= 12;
}
String CT = hour + ":" + minute + ":" + second + " " + am_pm;
out.println("현재 접속 시각: " + CT + "\n");
%>
</div>
</div>
<%@ include file="Footer.jsp" %>
</body>
</html>| - header(menu.jsp)와 footer(footer.jsp)를 분리 - 현재 접속 시각 출력 |
Welcome.jsp
728x90
반응형
'Code > Market' 카테고리의 다른 글
| 06. 상품 등록 페이지 만들기 (0) | 2020.09.29 |
|---|---|
| 05. 상품 상세 정보 표시하기 (0) | 2020.09.25 |
| 04. 상품 목록 표시하기 (0) | 2020.09.25 |
| 02. 시작 페이지 만들기 (0) | 2020.09.25 |
| 01. 개발 환경 구축 (0) | 2020.09.25 |