티스토리 뷰

직전에 포스팅한 내용을 좀 더 연습해보기 위한 예제이며, 마찬가지로 CSS가 전혀 포함이 되지 않은 단순 게시판이다.

대략적인 페이지의 구성은 다음과 같다


1. index.html

 로드가 되자마자 list.jsp로 넘어간다.

 

2. list.jsp

상품의 번호, 이름, 원가와 판매가, 등록 날짜 등이 적힌 페이지로, 검색 값을 쿼리스트링으로 받아 null값일 때는 전체보기, 검색값이 있다면 이름에 검색 값을 포함하고 있는 제품만 표시하도록 구성되어 있다.

(깜빡하고 전체보기 버튼을 만들어 두기만 하고 구현해놓지 않았다..ㅎㅎ)

"상품 등록" 버튼을 눌러 uploadForm.html로 이동할 수 있다.

 

3. uploadForm.html

단순히 입력 값을 받아 upload.jsp로 넘겨주는 역할을 하는 페이지이다.

 

4. upload.jsp

uploadForm에서 모든 입력을 마치고 "등록" 버튼을 누르면 입력 받은 모든 값을 DB에 저장하는 동작을 수행 후, list.jsp로 돌아간다. 만약, 오류가 있어 동작을 수행하지 못했다면 남아있는다.

 

5. detail.jsp

제품의 이름을 클릭하여 제품의 상세 정보를 볼 수 있는 페이지로, "수정" 버튼을 클릭하여 updateForm으로 이동하여 게시글을 수정할 수 있다.

 

6. updateForm.jsp

 DB에서 해당 게시글의 정보를 받아 수정할 수 있도록 하는 페이지, "수정" 버튼으로 변경 사항을 저장할 수 있다. 

 

7. update.jsp

updateForm에서 모든 입력을 마치고 "수정" 버튼을 누르면 입력 받은 모든 값을 DB에 저장하는 동작을 수행 후, detail.jsp로 돌아간다. 만약, 오류가 있어 동작을 수행하지 못했다면 남아있는다.


프로젝트의 git:

github.com/Choonham/Choonham-2020.03.10-Spring-Class-JWEB-/tree/main/shopping_project/WebContent

 

Choonham/Choonham-2020.03.10-Spring-Class-JWEB-

Contribute to Choonham/Choonham-2020.03.10-Spring-Class-JWEB- development by creating an account on GitHub.

github.com

 

Comments