본문 바로가기

타임리프7

[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #9 파일 업로드, 다운로드 게시판 스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기 #9 파일 업로드, 다운로드 게시판 다운로드 구현 지난글에서 업로드를 구현할 때 file 테이블에 외래키를 두어 file_board 테이블과 연동하도록 했습니다. 즉, 파일을 업로드 할 때 해당 게시판 번호인 'b_no'를 외래키로 받아 file 테이블에 FileVO 객체를 통해 저장하도록 했습니다. 게시글 상세내용에서 업로드한 파일을 확인하려면, 먼저 mapper를 통해 Database에서 해당 파일을 게시판 번호를 기반으로 조회해서 가져오면 됩니다. 그리고 컨트롤러와 detail.html에서 다운로드를 위한 작업을 해주면 됩니다. FileBoardMapper.java package com.example.demo.mapper; import j.. 2020. 3. 27.
[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #8 파일 업로드, 다운로드 게시판 스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기#8 파일 업로드, 다운로드 게시판 파일업로드 구현 지난번까지 작성한 게시판에 파일첨부 및 다운로드 기능을 추가하겠습니다. 대략적인 흐름은 이렇습니다. 생성을 담당하는 insert.html에 파일첨부기능을 담당하는 태그를 작성하고, 태그의 th:action속성값으로 요청을 한 후, 요청을 받은 곳에서 파일 저장을 해야합니다. 하지만 컨트롤러에서 요청을 수행할 때 그냥 저장하는 코드를 작성하는 것이 아니라, 파일저장을 도와주는 객체(VO, Entity)와 Database에서 Table을 생성한 후 이를 통해 저장해야 합니다. 이제 작성하겠습니다. insert.html DOCTYPE html> 파일게시판 - 글작성 게시글작성 ... ... 지난번에 .. 2020. 3. 27.
[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #7 Thymeleaf로 HTML페이지 작성 - 게시글 상세, 수정, 삭제 (7/n) 스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기#7 Thymeleaf로 HTML페이지 작성 - 게시글 상세, 수정, 삭제 Detail(게시글 상세) 작성 바로 진행하겠습니다. 지난번처럼 컨트롤러를 참고하며 작성하겠습니다. 우선, list.html에서 DB에서 자료를 가져와 출력하는 코드를 작성했습니다. 상세내용을 보기 위해 게시글을 클릭했을 때, 해당 게시글의 'b_no'를 가져오고 /fileBoard/detail/{bno} 이 URL에 'b_no'를 달아 'b_no'로 테이블을 조회해 작업을 요청하도록 코드를 작성했습니다. 그래서 컨트롤러를 다음과 같이 작성했습니다. @RequestMapping("/detail/{b_no}") private String fileBoardDetail(@Pat.. 2020. 3. 25.
[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #6 Thymeleaf로 HTML페이지 작성 - 목록 출력, 게시글 작성 (6/n) [스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기]#6 Thymeleaf로 HTML페이지 작성 - 목록 출력, 게시글 작성 Thymeleaf를 이용해 HTML 페이지를 작성하려 합니다. 먼저 template 폴더에 하위폴더로 fileBoard폴더를 생성하세요. 여기에 Thymeleaf로 작업한 HTML페이지를 넣을겁니다. 이 폴더를 작성한 이유는 Controller에서 이 경로로 요청을 받겠다고 작성했기 때문입니다. 지난글에서 작성한 컨트롤러를 잠깐 확인해볼까요? @Controller@RequestMapping("/fileBoard")public class FileBoardController { @AutowiredFileBoardService fboardService; @RequestMapp.. 2020. 3. 25.
[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #5 Controller 작성 (5/n) 스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기 #5 Controller 작성 html 페이지에서 요청받아 처리할 Controller를 작성합니다. 코드 내용이 생각보다 길기 때문에 오타에 주의하세요. Controller 패키지 내부에 작성합니다. FileBoardController.java package com.example.demo.controller; import java.util.ArrayList;import java.util.List; import javax.servlet.http.HttpServletRequest; import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stere.. 2020. 3. 25.
[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #3 VO, Mapper, Service 작성 (3/n) 스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기 #3 VO, Mapper Service 작성 (3/n) 아래 사진은 지난번에 작성한 프로젝트 구조입니다. 이번에는 VO와 Mapper, 그리고 Service를 작성하겠습니다. VO(Entity) 작성 먼저 게시판에 필요한 객체를 생성합니다. 저는 게시글에 게시글 고유번호, 작성자, 제목, 내용, 작성일 이렇게 5가지를 넣으면 되지 않을까 생각했습니다. 그러면 이를 바탕으로 객체를 작성하겠습니다. bean 패키지 내에 FileBoardVO.java 파일을 생성하고 다음 코드를 작성합니다. Lombok을 이용해 @Data를 입력해서 setter()/getter(), toString() 등 귀찮은 작업을 자동으로 생성해주도록 합니다. @NoArgsC.. 2020. 3. 25.
[스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기] #1 구상 및 시작에 앞서 (1/n) 스프링부트, 타임리프(Thymeleaf)로 파일게시판 만들기 #1 구상 및 시작에 앞서 시작하며 국비시절 2번째 프로젝트, 게시판 만들기. JSP에 익숙해질 즈음, 갑자기 Thymeleaf 열풍이 불어 Thymeleaf로 1주일동안 작업을 해야했떤 아찔한 기억이 있다. 게다가 Pagination 처리 및 파일 업로드&다운로드까지 해야 해서(이것은 내 욕심이었음) 더욱 더 애를 먹었다. 글을 올리기로 생각하고 코드를 리뷰하면서 그동안 잊고 있던 기억을 끄집어내느라 엄청 힘들었다. 특히 Pagination, 그리고 Database를 Oracle에서 MySQL로 바꾸는 부분이 상당히 힘들었다. 그리고 당시에 해결 못했던 부분과 최적화를 조금 하면서 조금 뿌듯함을 느꼈다. (이젠 다시 타임리프 볼 일 없겠지? .. 2020. 3. 25.