JSP + springboot 연결
2024. 9. 9. 17:57ㆍJSP
- 컨트롤러에서 jsp를 연결할 때 src/main/webapp/WEB-INF/jsp 폴더를 지정해서 연결
- jsp 폴더 안에 .jsp 관련 파일을 작성해서 코드를 수행할 수 있도록 설정
※ 주의점
src/main/webapp/WEB-INF/jsp -> 옳은 경로
src/main/resources/webapp/WEB-INF/jsp -> 잘못된 경로. resources에 작성하는 게 아님.
<%@ %> : 지시자 태그
JSP 페이지에서 설정을 정의. 다른 jsp 파일을 포함해서 재사용율을 높일 수 있음
대표적으로 page, include, taglib 지시자가 존재
- page : jsp 페이지의 속성 설정. html 형식인지, 글자타입은 무엇인지(utf-8) 설정
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
- include : 다른 jsp 파일을 포함해서 사용 -> jsp 파일을 가져옴
<%@ include file="파일명.jsp" %>
- taglib : 외부에서 bootstrap이나 jquery, ajax 같은 기능을 가져와 사용할 수 있도록 설정
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
uri : 숫자(urn)나 주소(url)로 된 값 가져오기
prefix : 가져온 값을 c라는 이름으로 지칭해서 사용
이제 index.jsp와 header.jsp 를 통합해서 화면에 보이기
header.jsp
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<header>
<div style="background-color: #333; color: white; padding: 15px 10px;">
<h1 style="display: inline; margin-right: 50px;">My Website</h1>
<img src="/images/logo.png" alt="Website Logo" style="height: 50px; vertical-align: middle;" />
<nav style="display: inline; float: right;">
<a href="/" style="color: white; margin-right: 15px;">Home</a>
<a href="/array" style="color: white; margin-right: 15px;">과일들</a>
<a href="/list" style="color: white; margin-right: 15px;">리스트</a>
<a href="/for" style="color: white;">for문</a>
</nav>
</div>
</header>
<hr>
index.jsp
<%@ include file="header.jsp" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jsp 파일 경로 설정</title>
</head>
<body>
<h1>연결확인</h1>
</body>
</html>
<%@ %>를 사용해서 헤더가 합쳐짐
'JSP' 카테고리의 다른 글
| jsp-EL (0) | 2024.09.11 |
|---|---|
| jsp - jstl (1) | 2024.09.10 |
| JSP (0) | 2024.09.09 |