webjars를 이용한 bootstrap 적용해보기.

origoni · May 28, 2015 · ef9ad79 · ef9ad79
1 parent dd9e345
commit ef9ad79
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 8 deletions.
diff --git a/pom.xml b/pom.xml
@@ -65,6 +65,17 @@
 			<scope>provided</scope>
 		</dependency>
 
+		<dependency>
+			<groupId>org.webjars.bower</groupId>
+			<artifactId>bootstrap</artifactId>
+			<version>3.3.4</version>
+		</dependency>
+		<dependency>
+			<groupId>org.webjars.bower</groupId>
+			<artifactId>jquery</artifactId>
+			<version>2.1.3</version>
+		</dependency>
+
 		<dependency>
 			<groupId>org.springframework.boot</groupId>
 			<artifactId>spring-boot-starter-test</artifactId>

diff --git a/src/main/java/com/millky/blog/presentation/controller/HelloController.java b/src/main/java/com/millky/blog/presentation/controller/HelloController.java
@@ -7,7 +7,7 @@
 @Controller
 public class HelloController {
 
-	@RequestMapping("/hello")
+	@RequestMapping({ "/", "/hello" })
 	public String index(Model model) {
 
 		model.addAttribute("name", "SpringBlog from Millky");

diff --git a/src/main/java/com/millky/blog/presentation/controller/HelloRestController.java b/src/main/java/com/millky/blog/presentation/controller/HelloRestController.java
@@ -32,7 +32,7 @@ public List<Hello> list(Model model) {
 		return helloList;
 	}
 
-	@RequestMapping("/")
+	@RequestMapping("/test")
 	public String index() {
 		return "helloworld!";
 	}

diff --git a/src/main/webapp/WEB-INF/jsp/hello.jsp b/src/main/webapp/WEB-INF/jsp/hello.jsp
@@ -1,15 +1,65 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-
 <!DOCTYPE html>
 <html lang="ko">
 <head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Hello Millky</title>
+<link rel="stylesheet" href="/webjars/bootstrap/3.3.4/dist/css/bootstrap.min.css">
 </head>
 <body>
-	<c:out value="<xmp>" escapeXml="true"></c:out>
-	<h2>Hello! ${name}</h2>
-	<div>JSP version</div>
+	<div class="container">
+		<c:out value="<xmp>" escapeXml="true"></c:out>
+		<h2>Hello! ${name}</h2>
+		<div>JSP version</div>
+
+		 <div class="page-header">
+        <h1>Buttons</h1>
+      </div>
+      <p>
+        <button type="button" class="btn btn-lg btn-default">Default</button>
+        <button type="button" class="btn btn-lg btn-primary">Primary</button>
+        <button type="button" class="btn btn-lg btn-success">Success</button>
+        <button type="button" class="btn btn-lg btn-info">Info</button>
+        <button type="button" class="btn btn-lg btn-warning">Warning</button>
+        <button type="button" class="btn btn-lg btn-danger">Danger</button>
+        <button type="button" class="btn btn-lg btn-link">Link</button>
+      </p>
+      <p>
+        <button type="button" class="btn btn-default">Default</button>
+        <button type="button" class="btn btn-primary">Primary</button>
+        <button type="button" class="btn btn-success">Success</button>
+        <button type="button" class="btn btn-info">Info</button>
+        <button type="button" class="btn btn-warning">Warning</button>
+        <button type="button" class="btn btn-danger">Danger</button>
+        <button type="button" class="btn btn-link">Link</button>
+      </p>
+      <p>
+        <button type="button" class="btn btn-sm btn-default">Default</button>
+        <button type="button" class="btn btn-sm btn-primary">Primary</button>
+        <button type="button" class="btn btn-sm btn-success">Success</button>
+        <button type="button" class="btn btn-sm btn-info">Info</button>
+        <button type="button" class="btn btn-sm btn-warning">Warning</button>
+        <button type="button" class="btn btn-sm btn-danger">Danger</button>
+        <button type="button" class="btn btn-sm btn-link">Link</button>
+      </p>
+      <p>
+        <button type="button" class="btn btn-xs btn-default">Default</button>
+        <button type="button" class="btn btn-xs btn-primary">Primary</button>
+        <button type="button" class="btn btn-xs btn-success">Success</button>
+        <button type="button" class="btn btn-xs btn-info">Info</button>
+        <button type="button" class="btn btn-xs btn-warning">Warning</button>
+        <button type="button" class="btn btn-xs btn-danger">Danger</button>
+        <button type="button" class="btn btn-xs btn-link">Link</button>
+      </p>
+	</div>
+
+	<script src="/webjars/jquery/2.1.3/dist/jquery.min.js"></script>
+	<script src="/webjars/bootstrap/3.3.4/dist/js/bootstrap.min.js"></script>
 </body>
-</html>
+</html>
+
+