2022/10/21 수업 목차

---

• 첨부형 게시판
• cos.jar 파일 업로드 라이브러리
• 포토갤러리 tb_pds테이블
• 사진올리기
• 목록
• 상세보기 → 조회수 증가
• 삭제
• 수정

스마트 에디터 게시판

• 편집이 가능한 게시판(글자크기, 글자서체, 이미지)
• 스마트 에디터 게시판 오픈소스 CKEditor, Naver, Daum
  
  
  
  
  
  
• 오라클 서비스는 무료라 6개월까지만 사용 가능하기 때문에 유효기간을 unlimted 권한 바꿔놓기

첨부형 게시판

---

sql 테이블 생성

pds.sql

• cmd 혹은 sqldeveloper로 생성
  
  
  
  
  
  

backend - net.pds

PdsDTO.java

• 멤버변수 field
  

• 기본생성자
  

• getter setter
  
  

• toString
  
  

PdsDAO.java

• 행추가 (insert)

  
  

frontend

pdsForm.jsp

• 폼 생성해준다.
  
  
  
  
  

onsubmit="return pdsCheck()"

게시판 유효성 검사 자바스크립트 작성하기

• 첨부파일 유효성 검사
  
  - 문자열 . 을 기준으로 뒤에있는 확장자명만 가져온다.
  
  
  
  
  
  

pdsIns.jsp 사진올리기 결과

• (1) 첨부된 파일 저장하기

  
  
  

• (2) 1)단계에서 저장한 파일의 파일명, 파일크기 가져오기 → 테이블에 저장

  파일을 여러개를 첨부했을 때도 사용가능 하도록 while 반복문 안에 이 부분을 넣어준다
  
  
  

• hasMoreElements()
  읽어올 요소가 남아있는지 확인. 있으면 true, 없으면 false. Iterator의 hasNext()와 같음

• nextElement()
  다음 요소를 읽어 옴. Iterator의 next()와 같음

• getFileNames()
  파일들의 이름을 모두 가져온다.

• getFilesystemName()
  file 속성으로 지정된 input 태그에 의해 서버상에 실제로 업로드된 파일이름을 String객체 타입으로 반환한다.
  
  

• (3) tb_pds테이블 저장하기

  
  

pdsList.jsp 포토갤러리 목록

✍️ (페이징도 넣기)

---

PdsDAO.java

• ArrayList<PdsDTO> list() {} 추가

  
  
  
  

pdsList.jsp

• 글 개수 확인 후 진행하기
  
  
  
  

pdsList.jsp 테이블 생성

pdsRead.jsp 포토갤러리 상세보기 페이지

• pdsList.jsp 제목에 링크 걸기 (pdsno)
  
  
  
• pdsno값 전달받기
  
  - 상세보기 sql문 함수
  - 조회수 증가 sql문 함수 먼저 작성
  
  

PdsDAO.java

• read(int pdsno) - 상세보기
  
• incrementCnt(int pdsno) - 조회수 증가
  
  
  

pdsRead.jsp

• 게시물 제목,사진,작성자,작성일 상세보기 테이블 만들기
  
• 확인결과
  
  
  
  
  
  
  
  

주말동안 수정할 사항

• 회원수정
• 회원탈퇴 페이지
• 포토갤러리 페이징
• 포토갤러리 수정, 삭제
• 포토갤러리 댓글 추가 기능?
• 포토갤러리 테이블 부트스트랩/css 입히기