JspServlet #13 게시글 작성

장서영·2023년 11월 8일

JspServlet

목록 보기
10/11

사진 업로드 실습


-sqld
web_board table 만들어주기

순서대로 잘 되는지 2번을 실행 해줬음
결과

-Boardwirte
name 값 넣어줌

get→ 사진파일은 url타고 못 감
⇒post방식으로

enctype
1. application/x-www-form-urlencoded (defalt 값)
-> form태그 안에서 보내는 요청데이터를 key값과 value값을 쌍으로 보냄
→ 일반 텍스트를 보내는 type
2. multipart/form-data
-> 사진파일과 같이 용량이 큰 데이터(파일)을 보낼 때 사용(무조건 post방식으로 보내야함)

*파일업로드 cos.jar 사용

→ pom에 저장
-BoardSerivce(servlet)
잘 들어갔는지 확인할려면 BoardSerivce(servlet)에서 확인해보자


(request 객체,파일을 저장할 경로(String),파일 최대크기(int),인코딩 방식(String),파일 이름 중복 제거)
잘 뜸!
폴더는 webapp에 폴더를 만들자

  • 상대경로 사용
    getRealPath → 경로를 알아서 가져와주는

    경로 파일에 복붙
    경로 파일에 복붙하니까 → webapp이 나옴!


    파일 경로 지정해주면 아래와 같이 file이 생김


    -BoardSerVice
    찐 코드 ↓

    파일에 넣어보자


    같은 사진을 넣으면 뒤에 숫자가 붙는다.
    이제 db에 넣어주자

게시글 목록 실습

-Board dto

-BoardService

-BoardDAO

-> 10:48분 설명 다시 들어보기!

매개변수 이거 넘겨 준 거임
-BoardDAO 찐코드 ↓

게시판 Mapper 만들어주기
-BoardMapper


MemberMapper에서 그대로 복붙
-mybatis에서 BoardMapper 추가 해주고


원래는 이건데 길어서 aliases사용하자.
mybatis에서

원래는 이거 → typeAliases사용

나머지는 필드명
-BoardSerivce

게시글 db에 저장 되는지 확인~

순서대로 잘 넘어옴

  • 게시글 목록 조회 기능
    -BoardDAO

    -BoardMapper

    -BoardMain.jsp

    -for문 방법

    → 중간 번호를 삭제 하면 123 → 13 이 되므로 i+1로 해준다.
    -el문법으로


    taglib 추가 , isELIgnored 추가
    jstl el문법을 가져올거야
    특정 영역안에 저장이 되어있어야 한다.
    -var,items,상태변수 s(1부터 돈다.)
    -writes는 리스트임 하나의 객체가 들어있다.

    -BoardMain.jsp 찐코드↓

게시글 세부내용 조회 기능(사진까지)
BoardMain.jsp
제목 태그에 a태그 추가하기

-BoardDetail.jsp

->request.getparameter는 String 타입임으로 변경해주기

→ 내용 태그 위에 사진 다운로드 태그를 만들었음 href에 경로와 download추가
→ 내용 태그 아래에는 사진이 보여지게 하였다.
-BoardMapper.xml

-BoardDAO.java



-> 다운로드 제목을 누르면 다운로드 완료!
결과 잘 넘어온다!

profile
영이의 일상은 짱셔요

0개의 댓글