플라스크 (Flask) - todo app 할일 리스트 관리 (api, crud)

 

 

http://34.64.254.101:5000/ 소스코드 :https://github.com/Youjunyong/Flask_Todo_app

 

Flask를 이용해 TODO를 작성하는 앱을 만들어보았다.

4개의 페이지로 구성되고, 기능은 로그인, 회원가입, TODO이다.

 

* 로그인 없이 home에 들어갔을때의 페이지.

 

*회원가입 페이지

 

*로그인 페이지

 

*TODO 페이지 (1)

할일 내용을 입력하고, 기한은 bootstrap의 datepicker를 이용했다. 달력의 날짜를 클릭하면 자동완성되는 기능이다.

*TODO페이지 (2)

입력된 할일에서, 파란색 완료를 누르면 <del>태그를 이용해 줄이 쳐지도록 설정했다.

완료 버튼도 삭제버튼으로 바뀌게 만들어, 삭제를 누르면 리스트가 삭제된다. (db에서도)

 

*DB

todo_list 테이블

테이블을 2개 만들었다. user테이블과 todo 리스트 테이블

user테이블을 먼저 작성하고, user테이블의 primary_key값(그림에서의 myuser_id) 과 함께 todo리스트를 넣어준다. 그래야 

나중에 꺼내올때는 id_num으로 필터링해서 꺼낼 수 있기 때문에, 로그인한 아이디에서 작성한 리스트만 볼 수 있다.