쇼핑몰 만들기 상품 등록 페이지 이미지 등록, 페이지네이션

상품 등록을 할때 

상품 이미지 파일을 보낼수 있다. 

파일을 서버로 보낼땐ㄴ enctype을 사용한다 

enctype 기본 디폴트값 

 

우리가 서버가 파일을 보낼때는 멀티파일 폰 데이터 

서버로 파일을 보낼때는 multipart/form-data 로 설정을 한다 

 

클라이언트랑 서버랑 연결을 했다. 

 

보낼려는 데이터가 전부 폼테그 안에 있어야한다 

폼 태그에는 name값이 있어야함 

 

이미지 등록 하기에 

서블릿 컨테스트 => 중간 다리 역할을 한다 프로젝트가 가지고 있는 정보를 가지고 있다 

getrealpath 프로덕트 경로를 알수가 있다 

 

realpath => 톰캣이 가지고 있는 이 프로젝트의 경로  실제로 돌아가는 프로젝트 

이미지를 저장할려면 실제로 돌아가는 프로젝트에 넣어야한다!!! 

이클립스가 가지고 있는 프로젝트 work 

톰캣이 가지고 있는 프로젝트 실행할때는 톰캣의 워크스페이스 

디버깅에서 리얼패스 에서 경로를 보면 

톰캣이 가지고 있는 경로를 알려주고 있다 

이미지가 저장이 되면 톰캣이 가지고 있는 프로젝트에 저장이 된다. 

 

이미지가 잘 저장됐느지 보려면 톰캣에 경로에서 확인은 해야한다 

 

 

 

상품 목록 서블릿과 jsp 를 사용해서 보이게 하기 

 

목록 페이지로 들어가면 바로 목록 product_list.jsp들어가는게 아니라 

product/list 서블릿으로 바로 들어와서 포워딩 해준다 ( 포워딩 해주는 이유가 뭐였지. ? 

 

1번 모든 페이지 클릭시 pageNumber 가 없어서 화면인 안떠서 1로 먼저 설정하고 

pageNumber가 있다면 가져온 pageNumber를 사용하도록 설정 

 

2번  서비스 가져옴 

3번 상품목록 전체를 amount 변수명에 저장하고 

목록이 하나도 없는 경우 SC_NO_CONTENT로 설정

4번 상품 목록 전체 개수가 있다면 

List<ProductInfo> 로 저장한 productInfoList 변수명에 서비스 값을 가져온다

클라이언트가 가져온 amount / productInfoList를 저장하고 

포워딩 한다 

 

 

 

상품 이미지 보이게 하는법 

우선 디버깅으로 이미지 저장시 어디로 저장되는지 알아야함 

이미지 추가는 톰캣 경로로 들어가므로 주의 하기 

 

 

아이폰은 이상하게도 사진이 한글말로 저장되면 

 

이렇게 글자가 깨져서 나옴 

그래서 다 지우고 사진도 영어로 바꿔서 저장하니 잘나옴 ㅎㅎ 

 

 

넘나 뿌듯하구먼 

상품 이미지가 없을 때는 no-image.png 파일로 나오도록 하라하면 

상품 사진이 없을때

먼저 imgFileName 에 값을 저장하기 productInfo.img 로 저장하기 

조건문 이미지 imgFileName이 없는 경우에는 

imgFileName을 no-image-png 로 설정하기 

그래서 사진 출력할때 ${imgFileName} 

사진이 있을때는 그 사진의 이미지가 들어가고 

사진이 없을때는 no-image-png가 출력되도록 함 

 

======= 

상품 목록 페이지네이션 

 

스크립트릿 표현식으로 사용하기 그 안에 자바 코드 사용할수가 있다. 

 

 <nav id="pagination_wrapper" aria-label="Page navigation example">

  <ul class="pagination pagination-lg">

 

    <c:forEach begin="1" end="${end }" var="number" >

   

   

    <li class="page-item"><a class="page-link" href="http://localhost/dodomall/product/list?page=all_product&pageNumber=${number }">${number }</a></li>

   

    </c:forEach>

   

   

  </ul>

</nav>

 

페이지네이션 있는 부분을 jsp로 변경한것 jstl 반복문으로 begin = 1 end 는 자바에 적어뒀고 val 은 반복문에서 사용된느 i 같은 의미 (이름)그래서 number을 넣었음 

 

원래 페이지네이션에 << 이런거 있는데 이거는 너무 어려워서 알아서 공부하고 

 

페이지 네이션 까지 완료~~~