2021.01.27 일지

부트스트랩과 스프링 연동하기

1. 하단 사이트들 중에 하나를 골라 템플릿을 다운받는다.
   겟부트스트랩 w3layouts startbootstrap
2. 다운받은 템플릿의 압축을 풀고 css/img/js/vendor 등은 src/main/webapp/resources에 넣어준다.
   
3. 넣어준 것들을 경로 설정할 때 자동으로 잡아주기 위해서 servlet-context.xml에 하단과 같이 지정을 해줘야한다.
   
4. html페이지는 jsp로 이름 바꾸고 views 아래에 넣어준다.
   
5. 이제 사전 작업은 다 끝났고 url 매핑이 필요하다. IndexController.java에서 다음과 같이 설정해준다. 서버 재기동 하고 다시 켜면 끝! 잘 나온다.

package peachy.bt.controller;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class IndexController {
	private static final Logger logger = LoggerFactory.getLogger(IndexController.class);
	
	@RequestMapping("/")
	public String index() {
		return "index";
	}
	@RequestMapping("/index")
	public String index2() {
		return "index";
	}
	@RequestMapping("/404")
	public String error() {
		return "404";
	}
	@RequestMapping("/blank")
	public String blank() {
		return "blank";
	}
	@RequestMapping("/buttons")
	public String buttons() {
		return "buttons";
	}
	@RequestMapping("/cards")
	public String cards() {
		return "cards";
	}
	@RequestMapping("/charts")
	public String charts() {
		return "charts";
	}
	@RequestMapping("/forgot-password")
	public String forgotpassword() {
		return "forgot-password";
	}
	@RequestMapping("/login")
	public String login() {
		return "login";
	}
	@RequestMapping("/register")
	public String register() {
		return "register";
	}
	@RequestMapping("/tables")
	public String tables() {
		return "tables";
	}
	@RequestMapping("/utilities-animation")
	public String utilitiesanimation() {
		return "utilities-animation";
	}
	@RequestMapping("/utilities-border")
	public String utilitiesborder() {
		return "utilities-border";
	}
	@RequestMapping("/utilities-color")
	public String utilitiescolor() {
		return "utilities-color";
	}
	@RequestMapping("/utilities-other")
	public String utilitiesother() {
		return "utilities-other";
	}
}