[Spring MVC] 게시판 header.jsp, tail.jsp #12

2022년 12월 14일

Last Updated: 2025년 07월 18일

게시판에 공통으로 들어갈 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">&nbsp;</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>

Tags: header.jsp mvc spring Spring MVC tail.jsp 게시판 전자정부프레임워크