[Zero-base] 7-13. 강좌 일괄 삭제 및 선택 삭제 구현

강좌 선택 삭제 기능 구현

 

list.html

• 체크박스 생성
• 전체 선택, 개별 선택

 

 

 

• 체크박스 생성 확인

 

 

 

list.html

• 선택 삭제 버튼 생성

 

 

 

• 추가된 버튼 확인

 

 

 

list.html

• 버튼 및 링크 스타일 지정

 

 

 

• 스타일 지정 확인

 

 

 

list.html

• 삭제버튼 기능 테스트

 

 

 

• 삭제 버튼 동작 확인

 

 

list.html

• 체크박스 선택 값 콘솔로 확인

 

 

 

list.html

• 선택값이 없는 경우 알림 메시지 노출 및 return false;

 

 

 

• 선택 값이 없는 경우 메시지 노출

 

 

 

list.html

• 선택 값을 콘솔로 보냄

 

 

 

• 선택값 콘솔에서 확인

 

 

 

list.html

• idList 배열로 입력

 

 

 

• 선택값에 대한 배열 콘솔에서 확인

 

 

 

• 값을 받을 hidden form 추가

 

 

 

list.html

• 배열을 문자열로 변경

 

 

 

• 선택값 확인

 

 

 

• 삭제 버튼 클릭

 

 

 

• delete.do로 연결되며, idList에 선택 값 전달 확인

 

 

 

CourseInput.java

• idList를 받을 문자열 변수 생성

 

 

 

AdminCourseController.java

• 삭제 컨트롤러 생성 및 주소 맵핑

 

 

 

CourseService.java

• 인터페이스에 삭제 서비스 추가

 

 

 

• 삭제 서비스 구현

 

 

 

• 강좌 삭제 테스트 준비

 

 

 

• 전체 40개에서 4개 삭제

 

 

 

• 36개로 줄어듬
• 다시 2개 삭제

 

 

 

• 전체 갯수가 34개로 감소한 것 확인

 

 

 

---

강좌 일괄 삭제 기능 구현

 

list.html

• 전체 선택을 위한 체크박스 ID 지정

 

 

 

list.html

• 전체선택 체크박스 선택 시 전체 선택

 

 

 

• 전체 선택 기능확인

 

 

 

• 전체 선택 - 삭제 기능 테스트

 

 

 

• 일괄 삭제된 모습

 

 

---