230212 포트폴리오 프로젝트(21)

타임라인 테이블 구조 설계

table - timeline

• seq
• trip-seq(외래키)
• title (타이틀)
• startday (시작날짜)
• endday (종료날짜)
• day (며칠동안)
• writer (작성자)
• daylist (날짜별 장소 리스트 JSON)

++ curidx 컬럼 추가

타임라인 작성하면 데이터 저장

타임라인 리스트 보여주기

타임라인에 선택된 리스트와 해당 저장 정보 불러오기

타임라인 뷰폼

타임라인지도 마커 관련

• 타임라인 작성 폼에서 데이터 추가/삭제시 해당 날짜마커만 표시
• 타임라인 작성 폼에서 장소 삭제시 해당 장소 마커 삭제
• 타임라인 작성 폼에서 장소 추가시 해당 장소 마커 추가
• 타임라인 작성 폼 폼에서 day별로(day 클릭 시) 해당 날짜 마커만 표시
• 뷰 폼에서 day별로(day 클릭 시) 해당 날짜 마커만 표시

이제 수정 삭제만 하면 된다..!!
수정 삭제 하고 페이지마다 css 수정, 소스코드 검토(변수,데이터 등),메인-이용방법 페이지 추가
그리고 배포하면 끝이다..얼른 끝내버리자ㅠㅠ

나는 의지의 한국인

타임라인 뷰 페이지 마커간 선 연결하기

날짜별로 잘 나온다요 Day1

날짜별로 잘 나온다요 Day2

타임라인 데이터 받아와서 날짜별로 marker와 polyline 객체 변수에 저장
타임라인 데이터가 바뀔때마다 이전에 생성된 마커,라인 삭제 후 marker,polyline 데이터 생성
지도에 표시 해준다
생성 후 변수에 저장
day클릭시 해당 day에 ㅎㅐ당하는 marker만 표시 나머지 날짜는 지도에서 없애준다
변수에 따로 저장해서 관리해야하는거..........^^
계획 작성폼에서는 라인 넣는게 될지 모르겠음 일단 나머지 다 끝내놓고 해봐야겠음!

순서대로 숫자까지 띄움~