전체 글 썸네일형 리스트형 스프링부트! 게시판 만들면서 배우기! 4. 게시물 작성하기 이번에는 게시물을 작성하기를 구현해보도록하겠습니다. 우선 글쓰기는 로그인을 할 시에만 작성할 수 있습니다. 이는 list.jsp에서 c:if문을 통해 로그인 세션이 없을 시 글쓰기 버튼이 보이지 않도록 했습니다. 1. add.jsp 제목과 내용을 입력 할 수있고, mulitple속성을 줘 파일을 여러개 업로드 할 수 있도록 했습니다. 저장을 눌렀을 시 form을 통해 post방식으로 ./doAdd로 요청 할 수 있도록 했습니다. < board Form 제목 첨부 파일 내용 저장 취소 2. ArticleController - ./doAdd @RequestMapping("/article/doAdd") @ResponseBody public String doAdd(@RequestParam Map param , .. 더보기 스프링부트! 게시판 만들면서 배우기! 3-1 . 페이징! 이번 글에는 저번글에서 구현만하고 넘어갔던 페이징기법에 대해서 공부해보도록 하겠습니다. 우선 페이징에 필요한 변수들을 선언해놧던 Criteria부터 살펴보도록 하겠습니다. package com.example.starter.pageing; import org.springframework.web.util.UriComponents; import org.springframework.web.util.UriComponentsBuilder; import lombok.Data; @Data public class Criteria { /** 현재 페이지 번호 */ private int currentPageNo; /** 페이지당 출력할 데이터 개수 */ private int recordsPerPage; /** 화면 하단에 .. 더보기 스프링부트! 게시판 만들면서 배우기! 3. 리스트 구현하기 자 저번글에서 로그인 , 회원가입 까지 했습니다! 이번에는 DB로 부터 글들을 불러와서 보여주는 부분을 만들어 보겠습니다! 레이아웃 작성하기 우선 완성된 레이아웃은 위에 메뉴가 있고 , 검색기능 , 페이징 기능까지 만들어 보겠습니다! 이번글에서 한번에 다루지는 않고 글 보여주기 -> 페이징 -> 검색기능 순으로 순차적으로 적어보도록 하겠습니다. 우선 위에 메뉴바는 index.jsp에서 nav부분을 그대로 가져왔습니다. 그럼 이 부분을 중복 코드가 되겟죠? 그래서~~ 저부분을 저희가 전 글에서 사용했던 jspf를 만들어 include 하겠습니다. nav.jspf Toggle navigation 스프링 부트를 이용한 게시판 만들기 로그인 회원가입 ${loginMember.mid}님 접속을 환영합니다 로그아웃.. 더보기 스프링부트! 게시판 만들면서 배우기! 3.로그인, 회원가입 구현하기 자! 오늘은 로그인 , 회원가입 기능을 구현해보도록 하겠습니다! 로그인은 따로 페이지를 두지 않고 저번에 만들었던 index.jsp 상단의 로그인 바를 이용하겠습니다! 자 우선 로그인이 되려면 회원가입 부터 되야겠죠? 회원가입 Jsp를 한번 만들어보겠습니다! 저는 WEB-INF-Jsp 밑에 member라는 폴더를 만들어서 안에 register.jsp를 만들어 줄 예정입니다! register.jsp 마찬가지로 부트스트랩을 이용할거기때문에 전에 만들어놓은 head.jspf 파일을 include해줍니다. 디자인은 하고싶으신대로 하셔두되구요! 전 이런 형식으로 나오게 했습니다! 회원가입 아이디 비밀번호 비밀번호를 입력해주세요 비밀번호 재입력 비밀번호를 다시 입력해주세요! 이름 이름을 입력해주세요. E-mail .. 더보기 스프링부트! 게시판 만들면서 배우기! 2. 인덱스 페이지만들기 저번글에서 jsp 설정까지 했으니! 이번에는 실직적으로 서버를 실행 시킨후 해당 로컬주소로 들어갔을 시 인덱스 페이지가 나오게 해보도록하겠습니다! 우선 인덱스 페이지는 부트 스트랩을 사용하겠습니다 그 중에서도~! 부트스트랩에서 예제로 주어지는 템플릿을 사용해 보도록 하겠습니다! 이걸 토대로 제작시 저희는 이런식으로 나오게 해보겠습니닷! 자 그럼 bootstrapk.com/examples/jumbotron/ Jumbotron Template for Bootstrap Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fe.. 더보기 스프링부트! 게시판 만들면서 배우기! 1. 환경설정 우선 이클립스을 켜서 스프링 부트 프로젝트를 하나 만들어보겠습니다! File - new - others에 들어가셔서 Spring을 검색하시면! Spring Starter Project가 있습니다! 이걸 누르시고! Name에 프로젝트 이름을 적어주시고 Type은 Gradle과 Maven이있는데 이번 프로젝트에는 Maven을 써보겠습니다! 자바 버전은 8버전입니다! 다음에 패키지 명은 각자 원하시는거 하셔도되구요! 그리고 Next를 눌러서 이번 개발에 필요한 라이브러리를 선택해주도록하겠습니다! 이번 프로젝트에서는 이 6가지를 우선 골라주도록하겠습니다! 다음 finish를 눌러주어 프로젝트를 만들어 줍니다! 각각 라이브러리 역할은 밑에서 설명하겠습니다! 자 프로젝트를 만들면 이런식으로 폴더가 되어있습니다! 여.. 더보기 스프링 부트를 이용한 게시판 만들기 시작 저번 글까지는 JSP를 이용한 게시판을 만들어봤는데요! 이제는 실무에서 많이 쓰이고 좀 더 빠른 웹 개발을 할 수있는 스프링, 스프링 부트를 이용해서 게시판을 만들어 보겠습니다. 제가 성격이 처음에 이론을 빠삭하게 배우고 실습하기보다는 일단 만들면서 공부를 하는 것을 선호하기에 설명에 부족하거나 잘못된 점이 많을거에요 그런건 피드백 부탁드릴게요^^7 자 우선 어떤 기능을 할것인지 설계부터 해보겠습니다. 기능 설계 1. 회원기능 로그인 및 회원가입 회원가입 시 아이디 중복 체크 2. 게시판 기능 로그인 시에만 글쓰기 가능 쓴 글은 글을 쓴 회원만 삭제 수정 가능 글에 댓글 기능 이전과 다른 다중 파일 업로드/다운로드 Ajax를 이용한 검색 기능( 검색 타입과 검색어 ) 페이징 기능 이정도로 생각하고 만들었.. 더보기 JSP 게시판 만들기 No7 이제 마지막으로 댓글 달기,수정,삭제를 보도록하겠습니다! 댓글 다는 부분은 Detail.jsp 하단 부분에 있습니다! 댓글 부분 jsp를 보자면 댓글의 mid와 로그인 정보의 mid와 일치하면 삭제 , 수정 할 수 있도록 하였습니다! 수정은 promt를 이용해 수정하도록 하였습니다! 댓글 댓글 작성 ${n.swriter} ${n.scontent} 수정 삭제 SListWriterController.java - 댓글 작성 시 insert를 수행 할 컨트롤러 package slist.controller; import java.io.IOException; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedState.. 더보기 이전 1 2 3 4 5 6 7 ··· 10 다음
