게시판 만들기 2 - 기본 설정 및 include(nav,footer 분리)

 

 

 

 

 

 

 

컨트롤러부터 생성

 

 

pom.xml에서 버전 수정해야함 

 

 

버전 수정 후 메이븐 업데이트 - 버전 11변경 확인 완료

 

 

 

3

 

HomeController 수정

package com.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;



@Controller
public class HomeController {
	
	@GetMapping("/")
	public String home() {
		return "home";///WEB-INF/views/가 생략되어있는거임 
	}
	
}

servlet-context.xml에 

경로 작성되어있음. 

 

 

home.jsp

 

 

UTF-8설정 가져오기

 

테스트 완료 

 

 

주소의 controller는 pom.xml에 artifactId로 설정되어있음. 

 

 

 

 

 

server->modules

 

 

기존에 만들어 놓은 index.html을 view페이지에 넣을거임 

index.html-> jsp로 변경

 

 

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page session="false"%>

 

 

 

 

 

 

 

 

자주 사용하는 네브바랑 푸터는 include하기위해서 따로 저장

 

 

index.jsp에서 분리해서 잘라넣기 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!-- 상단 메뉴 부분 -->
<nav
	class="navbar navbar-expand-md bg-dark navbar-dark fixed-top shadow-lg">
	<a class="navbar-brand" href="index.html">🚀busanIT</a>
	<button class="navbar-toggler" type="button" data-toggle="collapse"
		data-target="#navMenu">
		<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navMenu">
		<ul class="navbar-nav">
			<li class="nav-item"><a href="board_main.html" class="nav-link">자유게시판</a>
			</li>
			<li class="nav-item"><a href="board_main.html" class="nav-link">유머게시판</a>
			</li>
			<li class="nav-item"><a href="board_main.html" class="nav-link">정치게시판</a>
			</li>
			<li class="nav-item"><a href="board_main.html" class="nav-link">스포츠게시판</a>
			</li>
		</ul>

		<ul class="navbar-nav ml-auto">
			<li class="nav-item"><a href="login.html" class="nav-link">로그인</a>
			</li>
			<li class="nav-item"><a href="join.html" class="nav-link">회원가입</a>
			</li>
			<li class="nav-item"><a href="modify_user.html" class="nav-link">정보수정</a>
			</li>
			<li class="nav-item"><a href="index.html" class="nav-link">로그아웃</a>
			</li>
		</ul>
	</div>
</nav>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!-- 하단 푸터 부분  -->
<div class="container-fluid bg-dark text-white"
	style="margin-top: 50px; padding-top: 30px; padding-bottom: 30px">
	<div class="container">
		<p>http://www.🚀busanIT.co.kr</p>
		<p>게시판 예제</p>
		<p>사업자번호 : 000-111-222</p>
	</div>
</div>

 

 

index.jsp에 

해당 부분에 import하기 

<!-- 상단 메뉴 부분 -->
<c:import url="/WEB-INF/views/include/menu.jsp"/>

    
<!-- 하단 메뉴 부분 -->
<c:import url="/WEB-INF/views/include/footer.jsp"/>

 

 

 

정상적으로 작동하는지 확인함