반응형
SpringBoot 게시판 구현1(DB 연결없음)
1. 타임리프 라이브러리 추가
- 게시판구현을 할 때 Thymeleaf 템플릿 엔진을 사용할것이다. (아래내용 참고)
- 이제 바로 적용하도록 해보자. 아래 링크에 정리가 잘되어있어서 그대로 따라하면 된다.
-
설명된 것과 같이
build.gradle파일에 해당 문구를 추가하겠다.// 코드중략 dependencies { // 기존에 있던 문구들 implementation 'org.springframework.boot:spring-boot-starter-web' testImplementation 'org.springframework.boot:spring-boot-starter-test' // 아래 문구를 추가 compile "org.springframework.boot:spring-boot-starter-thymeleaf" } // 코드중략
2. html 페이지 구성
-
src/main/resources/template하위에index라는 디렉토리를 하나 더 만들고index.html파일을 추가한다.
indext.html 파일
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns:th="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"/> <title>Index: ORM learning programming</title> </head> <body> <h1>Made by honeymon</h1> <div> <div>Very simple!</div> <!-- SpEl: Spring Expression Language 사용 --> <div th:text="${greeting}">Greeting</div> </div> </body> </html>
3. 컨트롤러 재구성
- index.html 파일 추가후
이전에 만들어 두었던com/example/practice/controller/TestController.java컨트롤러를 아래처럼 수정. 아래처럼 코드 수정 시, import가 자동으로 되기 때문에 그 부분은 생략함.
// 코드중략
// AS-IS
@RestController
@RequestMapping("/test")
public class TestController {
@RequestMapping("/test") // localhostL8088/test/test로 접근
public String getRequest(){
return "Hello SpringBoot!!";
}
}
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
// 코드중략
// TO-BE
@Controller // Controller 어노테이션으로 수정
@RequestMapping("/test")
public class TestController {
@RequestMapping("/test") // localhostL8088/test/test로 접근
public String getRequest(Model model){ // Model 객체 파라미터 추가
// Model 객체에 데이터 저장 - key:"greeting" | value:"Hello, world!"
model.addAttribute("greeting", "Hello, world!");
return "index/index"; // index.html 파일 경로매핑
}
}4. 페이지 확인
- 코드 수정이 완료되었다면 이전처럼 브라우저에서
localhost:8088/test/test로 접근한다.
5. index.html 파일경로 이동
- index.html 파일의 경로를 그림과 같이 template 폴더 바로 밑 경로로 옮긴다.
- 경로를 이동시키는 이유는 url에 추가경로없이 바로 localhost:8088로 접근하기 위해서다.
- SpringBoot가 추가경로없이 접근하는 요청을 template 폴더 바로 밑에 index.html에 매핑해준다.
- 경로를 이동시키는 이유는 url에 추가경로없이 바로 localhost:8088로 접근하기 위해서다.
- 다시 브라우저에서 추가 경로없이 localhost:8088로 요청하면 index.html에 접근할 수 있다.
반응형
'Spring > Spring Boot' 카테고리의 다른 글
| [SpringBoot] DataBase를 연동한 게시판 구현2 (0) | 2019.12.04 |
|---|---|
| [SpringBoot] DataBase를 연동한 게시판 구현1 (0) | 2019.12.03 |
| [SpringBoot] 게시판 구현3(DB 연결없음) (1) | 2019.11.17 |
| [SpringBoot] 게시판 구현2(DB 연결없음) (0) | 2019.11.12 |
| [SpringBoot] Project 생성 (0) | 2019.11.12 |
댓글