Last Updated: 2022년 12월 14일
게시판에 공통으로 들어갈 header.jsp 와 tail.jsp
출처: 내 컴퓨터
header.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="texta/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>board</title>
<style>
body {
padding-top: 70px;
padding-bottom: 30px;
}
</style>
<!--
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
-->
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<!-- <script src="${pageContext.request.contextPath}/resources/common/js/jasny-bootstrap.min.js"></script>-->
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<!-- common CSS -->
<script src="${path}/resources/common/js/common.js"></script>
<link rel="stylesheet" href="${path}/resources/common/css/common.css">
</head>
<body>
<form id="commonForm" name="commonForm"></form>
<!--메뉴바 추가 부분-->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand" href="${path}">바이오90</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapse_Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapse_Navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" data-toggle="tab" href="${path}">Home <span class="sr-only">(current)</span></a></li>
<li class="nav-item"><a class="nav-link" href="/narrator/board/getBoardList">Link1</a></li>
<li class="nav-item"><a class="nav-link" href="/narrator/board/getBoardList">Link2</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="dropdown03">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
<ul class="nav justify-content-end">
<c:if test="${not empty login}">${login.uid} <a class="navbar-brand" href="./login/logout">로그아웃</a></c:if>
<form class="form-inline my-2 my-md-0"><input class="form-control" type="text" placeholder="Search"></form>
</ul>
</div>
</nav>
<p/><p/>
<!-- 부트스트랩 추가 -->
<div class="container">
tail.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
</div>
<table><tr><td height="100px"> </td></tr></table>
<div class="sns">
<p class="facebook"><a href="#"><i class="fa fa-facebook-official fa-2x" aria-hidden="true">facebook</i></a></p>
<p class="twitter"><a href="#"><i class="fa fa-twitter fa-2x" aria-hidden="true">twitter</i></a></p>
</div>
<footer class="footer">
<p>Template by <a href="https://narrator.co.kr">바이오90</p>
</footer>
</body>
</html>
