상세 컨텐츠

본문 제목

SpringMVC 자바스트립트, CSS 파일 적용하기

Spring

by kwanghyup 2019. 11. 9. 13:43

본문

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적용 

 

실행결과 

JS파일 적용 결과  
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

관련글 더보기

댓글 영역

티스토리툴바