고정 헤더 영역
상세 컨텐츠
본문
Spring MVC Project 생성
src/main resource/webapp/resource폴더 아래 js폴더 css폴더 생성
js폴더 아래 test.js 파일 생성
css폴더 아래 test.css 파일 생성
전체 구성
test.js
alert('잘 된다.');
test.css
p { color:red; }
Homecontroller.java
package net.ztest.test;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class HomeController {
@RequestMapping(value = "/")
public String home() {
return "home";
}
}
home.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 자바스트립트, CSS파일 불러오기</title>
<script src="${path}/resources/js/test.js"></script>
<link href="${path}/resources/css/test.css" rel="stylesheet"/>
</head>
<body>
<p>자바스트립트,css 파일 불러오기<p> <br>
${path}
</body>
</html>[3][4] 행 : 기준 경로 설정
[10] 행: 자바스크립트 파일 적용
[11]행 : CSS적용
실행결과
'Spring' 카테고리의 다른 글
| [MyBatis] 1:N 조회 (0) | 2022.07.06 |
|---|---|
| Spring MVC 이미지 파일 불러오기 (0) | 2019.11.09 |
| [4][Srping][Mybatis] 게시판 delete 사용 예제 (0) | 2019.11.07 |
| [3][Srping][Mybatis] 게시판 updete 사용 예제 (0) | 2019.11.06 |
| [2][Spring][MyBatis] 게시판 insert 사용 예제 (0) | 2019.11.06 |
댓글 영역