일정 관리 다이어리 제작 JSP Programming with a Workbook. 학습 목표  사용자의 일정을 관리할 수 있는 다이어리에 대하여 알아보자. JSP Programming with a Workbook2.

Presentation on theme: "일정 관리 다이어리 제작 JSP Programming with a Workbook. 학습 목표  사용자의 일정을 관리할 수 있는 다이어리에 대하여 알아보자. JSP Programming with a Workbook2."— Presentation transcript:

1 일정 관리 다이어리 제작 JSP Programming with a Workbook

2 학습 목표  사용자의 일정을 관리할 수 있는 다이어리에 대하여 알아보자. JSP Programming with a Workbook2

3 일정 관리 다이어리  일정 관리 다이어리 달력 형식의 폼에 자신의 약속일이나 기념일등을 기록하며 스케줄을 관리하는 것 핸드폰이나 PDA 등에 탑재되어 있음 JSP Programming with a Workbook3

4 일정 관리 등록 [1/6]  일정 등록 및 내용을 보는 웹 페이지 구조 JSP Programming with a Workbook4

5 일정 관리 등록 [2/6]  일정 관리 테이블 열 이름데이터 형식길이설명비고 noint4 일정 번호 기본키 설정 Not Null yearvarchar10 년 monthvarchar10 달 dayvarchar10 일 s_timevarchar10 시작 시간 e_timevarchar10 끝 시간 titlevarchar40 일정 제목 positionvarchar40 장소 contentntext16 일정 내용 JSP Programming with a Workbook5

6 일정 관리 등록 [3/6]  일정 관리 ( 코드 14-1 참고 ) 일정 관리를 위한 달력 형식의 폼 Tip 1 : style 속성 JSP Programming with a Workbook6 속성설명 background-color 블록의 배경색 지정 background-image 블록의 배경 이미지 지정 clip 블록에서 화면에 표시할 사각 영역 지정 height 블록의 높이 지정 left 블록의 왼쪽 모서리가 창의 모서리에서 얼마나 떨어져 있는지 지정 position 현재 블록 배치 지정 top 블록의 상단 모시리가 창의 모서리에서 얼마나 떨어져 있는지 지정 width 블록의 폭 지정 visibility 블록의 화면 표시 여부 지정 z-index 블록 위에 다른 블록을 겹쳐 쌓을 수 있도록 쌓는 순서 지정

7 일정 관리 등록 [4/6]  일정 등록 ( 코드 14-2 참고 ) 일정을 등록하고자 하는 날짜를 클릭했을 경우 일정 등록을 할 수 있는 폼 JSP Programming with a Workbook7

8 일정 관리 등록 [5/6]  일정 등록 처리 ( 코드 14-3 참고 ) 사용자가 입력한 정보를 데이터베이스에 저장하기 위한 페이지 JSP Programming with a Workbook8

9 일정 관리 등록 [6/6]  일정 내용 확인 ( 코드 14-4 참고 ) 일정 등록 후 해당 일정 내용 확인 페이지 JSP Programming with a Workbook9

10 일정 수정 및 삭제 [1/4]  일정 수정 및 삭제 웹 페이지 구조 JSP Programming with a Workbook10

11 일정 수정 및 삭제 [2/4]  일정 수정 ( 코드 14-5 참고 ) 사용자가 등록한 일정의 내용 수정 Tip 1 : history 객체 JSP Programming with a Workbook11 메소드설명 back() 히스토리 목록에서 한 단계 뒤로 forward() 히스토리 목록에서 한 단계 앞으로 go( 정수 ) 히스토리 목록에서 한 단계 뒤로 또는 앞으로 이동 가능

12 일정 수정 및 삭제 [3/4]  일정 수정 처리 ( 코드 14-6 참고 ) 일정 수정 후 일정이 저장되어 있는 테이블에 수정 등록을 위한 페이지 JSP Programming with a Workbook12

13 일정 수정 및 삭제 [4/4]  일정 삭제 ( 코드 14-7 참고 ) 일정 등록 후 일정이 취소 되었을 경우 해당 일정을 삭제하기 위한 페이지 JSP Programming with a Workbook13

14 Workbook  실무 프로젝트 과제 1 : 장바구니에 담긴 상품을 구매하려는 구매 처리 웹페이지를 작성해 보자. JSP Programming with a Workbook14