💻 홈페이지 제작 💻 / 관리자 페이지_ 썸네일 이미지 생성 / 상품 등록 / 미리보기 이미지 / 상품목록 페이지 / 상품목록에서 이미지 보기

2022 / 11 / 23 수

 

• 썸네일  이미지 생성
• 상품 등록 서버 전송
• 미리보기 이미지
• 상품목록 페이지
• 상품목록 이미지 보기

---

✔ 썸네일 이미지 생성

 

1 ) 썸네일 작업 라이브러리 pom.xml 에 넣기

 

2 ) FileUtils 파일 생성 및 코드 작성

 - 날짜 폴더 위치에 파일이 생성된다. 

 

3 ) ProductVO와 productinsert.jsp의 필드명이 일치하는지 확인하기

 

4 ) 상품정보가 제대로 나오는지 확인하기 ( ❗ 중간 점검 )

 

5 ) AdProductController 상품정보 저장 코드 작성 및  톰캣 재실행 후 상품 등록하기

- 이미지 파일 등록 시 날짜 폴더가 생성되며, 원본 파일과 썸네일 사본이 생성된다 !!!

 

---

▼ 관리자 페이지 상품등록 이미지별 저장 폴더 ▼

FileUtils 파일에서 작성한 코드로 인해 썸네일 파일이 생성된다. 

---

✔ 상품 등록 서버로 전송하기

 

1 ) Mapper 상품정보 저장 코드 작성

 

2 ) Service 작업 진행

 

3 ) AdProductController 코드 작성

 

4 ) 상품등록 전송결과

---

✔ 미리보기 이미지

 

 

1 ) productInsert.jsp 제이쿼리 작업 진행

 

2 ) 실행 결과

---

✔ 상품 목록 페이지 ( 페이징과 검색 추가 )

 

1 ) Criteria 와 PageDTO 파일 생성

 

2 ) AdProductController 상품목록 코드 작성

 

3 ) Mapper 1 작업 진행

 

4 ) Mapper 2 작업 진행 

 

5 ) Mapper.xml에 sql 코드 넣기

 

6 ) Service 작업 진행

 

7 ) AdProductController  작업 진행 ( 서비스 메소드들을 컨트롤러에서 호출하자 ~ )

 

8 ) productList.jsp 생성

 

9 ) 필드명 일치하는지 확인하기 !

 

10 ) AdProductController  주소 입력

 

11 ) 상품 목록 실행 결과

 

---

✔ 상품목록에서 이미지 보기

 

1 ) AdProductController   코드작성

 

2 ) FileUtils 작업 진행

    - 상품이미지를 바이트배열로 읽어오자

 

3 ) AdProductController   코드 수정

 

4 ) 이미지 태그 주소 필드명 확인하기

 

5 ) 4번 과정 후 실행을 하게되면 오류가 발생한다 

WHY ??

날짜형식이 2022 \ 11 \ 23  -> \ \ 으로 표시되어있기때문이다. 

이를 2022 / 11 / 23 -> / / 형식으로 나타내야한다 !!

 

🔔 날짜 \ \으로 되어있는 코드형식을 / /으로 변경하면 이미지가 정상적으로 나타나게 된다. 🔔

 

6 ) 상품목록 이미지 실행 결과