반응형 게시판만들기11 스프링부트(SpringBoot) 게시판 만들기14 - 댓글 기능 구현(ajax) 댓글 기능 구현 게시판에서 댓글기능이 빠질수는 없겠죠~ 댓글을 작성할때마다 페이지 이동이 되지 않고, 댓글 목록만 바로바로 바뀔 수 있도록 ajax를 사용해서 비동기 방식으로 구현해보겠습니다. 1. 댓글용 테이블 생성 123456create table comment( cno int not null auto_increment primary key, //댓글 seq bno int not null, //댓글이 달릴 게시글 seq content text not null, //댓글 내용 writer varchar(20) not null, //댓글 작성자 reg_date datetime not null); // 댓글 작성 시간cs 2. com.example.demo.board.domain에 commentVO 생성 .. SpringBoot 게시판 만들기 2017. 9. 10. 스프링부트(SpringBoot) 게시판 만들기12 - 부트스트랩 더 끼얹기2 부트스트랩 더 끼얹기2 - 부트스트랩을 이용해서 페이지 정리~ 1. list.jsp 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 List 게시글 목록 글쓰기 No Subject Writer Date ${l.bno} ${l.subject} ${l.writer} Colored by Color Scriptercs 2. insert.jsp 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647Insert Form 게시글 작성 제목 작성자 내용 파일 업로드 작성 Colored by Color Scrip.. SpringBoot 게시판 만들기 2017. 9. 5. 스프링부트(SpringBoot) 게시판 만들기11 - 부트스트랩 더 끼얹기1 부트스트랩 더 끼얹기1 1. WEB-INF 아래에 tags 폴더 생성 *폴더명을 tag로 생성 시 스프링부트가 로딩하면서 해당 폴더를 찾지 못합니다. 2. tag 폴더에 layout.tag, navbar.tag, header.tag 생성 3. layout.tag 작성 12345 Colored by Color Scriptercs 4.header.tag 작성 (bootstrap.jsp -> header.tag) 123456789101112 Colored by Color Scriptercs 5. navbar.tag 작성 - 부트스트랩 네비게이션바 사용 123456789101112131415161718192021222324252627282930313233343536 Toggle navigation 스프링부트로 .. SpringBoot 게시판 만들기 2017. 9. 5. 스프링부트(SpringBoot) 게시판 만들기10 - Multipart 파일 다운로드 Multipart 파일 다운로드 1. DB에 저장되어 있는 파일정보를 불러오기 위해 mapper, service 추가 1234com.example.demo.board.mapper.BoardMapper.java //파일 상세public FileVO fileDetail(int bno) throws Exception;cs 123456789com.example.demo.board.mapper.BoardMapper.xml SELECT * FROM Files WHERE BNO = #{bno}Colored by Color Scriptercs 123456com.example.demo.board.service.BoardService.java public FileVO fileDetailService(int bno) thr.. SpringBoot 게시판 만들기 2017. 9. 5. 스프링부트(SpringBoot) 게시판 만들기9 - Multipart 파일 업로드 Multipart 파일 업로드 1. 라이브러리 추가(pom.xml) 123456789101112 org.apache.commons commons-lang3 3.0 commons-io commons-io 2.5 cs 2.WEB-INF에 uploadFiles 폴더 생성(업로드한 파일이 들어갈 위치) 3. com.example.demo.board.domain 에 FileVO.java 생성 후 작성123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354package com.example.demo.board.domain; public class FileVO { private int fno; p.. SpringBoot 게시판 만들기 2017. 9. 2. 스프링부트(SpringBoot) 게시판 만들기8 - 게시글 수정(update), 삭제(delete) 게시글 수정(update) , 삭제(delete) 1. boardUpdate.jsp 수정 12345678910111213141516171819202122232425262728293031Insert title here 게시글 수정 제목 내용 ${detail.content} 수정 Colored by Color Scriptercs 2. BoardController.java 에 boardUpdateProc() 수정 123456789101112@RequestMapping("/updateProc") private String boardUpdateProc(HttpServletRequest request) throws Exception{ BoardVO board = new BoardVO(); board.setSubje.. SpringBoot 게시판 만들기 2017. 8. 20. 스프링부트(SpringBoot) 게시판 만들기7 - 게시글 상세(detail) 게시글 상세(detail) 1. detail.jsp 수정 12345678910111213141516171819202122232425262728293031323334353637383940Detail 게시글 상세 제목 ${detail.subject} 작성자 ${detail.writer} 작성날짜 ${detail.reg_date} 내용 ${detail.content} 작성 Colored by Color Scriptercs 2. list.jsp 수정 123456789101112131415161718192021222324252627282930313233343536373839List 게시글 목록 글쓰기 No Subject Writer Date ${l.bno} ${l.subject} ${l.writer} ${l.re.. SpringBoot 게시판 만들기 2017. 8. 20. 스프링부트(SpringBoot) 게시판 만들기6 - 게시글 목록(list) + jstl 태그 사용 게시글 목록(list) + jstl 태그 사용 1. jstl 태그 사용을 위해 pom.xml에 jstl 라이브러리 추가123456 jstl jstl 1.2 cs 2. list.jsp에 태그 추가 1cs 3. list.jsp 수정123456789101112131415161718192021222324252627282930313233343536373839List 게시글 목록 글쓰기 No Subject Writer Date ${l.bno} ${l.subject} ${l.writer} ${l.reg_date} Colored by Color Scriptercs 4. 프로젝트 재 실행후 확인 http://localhost:8080/list 게시글 목록 끝 SpringBoot 게시판 만들기 2017. 8. 20. 스프링부트(SpringBoot) 게시판 만들기5 - 게시글 쓰기(Insert) + 부트스트랩 끼얹기 게시글 쓰기(Insert) + 부트스트랩 끼얹기 1. views 폴더에 bootstrap.jsp 파일 생성 후 작성 1234567891011121314cs 2. 기존에 작성되어 있던 jsp페이지 아래에 태그 추가1 cs 3. insert.jsp 작성 123456789101112131415161718192021222324252627282930313233Insert Form 게시글 작성 제목 작성자 SpringBoot 게시판 만들기 2017. 8. 20. 스프링부트(SpringBoot) 게시판 만들기4 - CRUD 게시판 목록, 쓰기, 상세, 수정, 삭제 1. BoardMapper.java, BoardMapper.xml에 내용 추가 BoardMapper.java1234567891011121314151617181920212223242526272829package com.example.demo.board.mapper; import java.util.List; import org.springframework.stereotype.Repository; import com.example.demo.board.domain.BoardVO; @Repository("com.example.demo.board.mapper.BoardMapper")public interface BoardMapper { //게시글 개수 public int b.. SpringBoot 게시판 만들기 2017. 8. 20. 스프링부트(SpringBoot) 게시판 만들기1 - 프로젝트 생성 프로젝트 생성 - STS, MySQL, MyBatis, JSP, BootStrap 사용 1. New - Spring Stater Project 2. Packaging만 War로 변경 (나머지는 변경하지 않았습니다.) - Next 3. Web 에서 Web 선택 후 Finish * 항목에 MySQL도 존재하나 DataSource에 대한 설정이 필요하기 때문에 최초로 설정할때는 선택하지 않는 편이 좋다고합니다. 4. 프로젝트 우클릭 - Run As - Spring Boot App 클릭하여 스프링부트 프로젝트 실행 5. 콘솔창 확인 * 스프링 부트는 별도의 서버 설정 없이 main() 메서드를 실행하는것 만으로도 내장된 Tomcat서버를 이용해서 프로젝트가 실행됩니다. 스프링부트 프로젝트 생성 끝 SpringBoot 게시판 만들기 2017. 8. 19. 이전 1 다음 💲 추천 글 반응형