Bootstrap

부트스트랩 적용해보기

우리는 AdminLTE-master 부트스트랩을 적용해봤다

다운을 받으면

이런 모양인데 여기서 필요한건 pages, index, index2, index3 인덱스들

그리고 모양을 꾸며주는 dist와 plugins(이런 파일 이름같은건 index 열어보면 알수 있음)

걔네만 따로 복사해서

이렇게 폴더를 따로 만들어주고 얘를 코 vsc에서 열어서 확인해봐 뭘 고쳐야 할지 등등

그리고 STS에서 

static에 dist와 plugins들을 넣어주고 (파일 실행하면 바로 읽을 수 있도록)

webapps에 views를 만들어줘서 페이지들을 넣어준다

 

*수정해줘야할 것들

index.html로 되어있다면 index.jsp로 이름 바꿔주고

각 파일 안에서 .html로 되어있는 파일들을 .move로 바꿔주면됨

 

그리고 컨트롤러에서 이렇게 경로 지정을 잘 해줘야함!~

package kr.co.gudi.controller;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;

@Controller
public class MoveController {
	
	Logger logger = LoggerFactory.getLogger(getClass());
	
	@GetMapping(value="/")
	public String index() {
		return "index";
	}

	// 000.move로 요청이 오면 000.jsp로 이동
	@GetMapping(value="/{page}.move")
	public String pageMove(@PathVariable String page) {
		logger.info(page + ".jsp로 이동");
		return page;
	}
	
	@GetMapping(value="{root}/{page}.move")
	public String pageMove(@PathVariable String root, @PathVariable String page) {
		logger.info(root+ "/"+page + ".jsp로 이동");
		return root+"/"+page;
	}
	
	@GetMapping(value="{root}/{sub}/{page}.move")
	public String pageMove(@PathVariable String root, @PathVariable String sub, @PathVariable String page) {
		logger.info(root+ "/"+sub+ "/"+page + ".jsp로 이동");
		return root+"/"+sub+ "/"+page;
	}
}

*파일 경로 참고

./는 그 파일의 위치 이거랑 치지 않은 거랑 같아 ex) resource = ./resource

그 파일의 위치랑 다른 곳에 있는걸 가져오려면 ex) /resource라고 하면 댐