4주차 숙제(4-16)

4주차 숙제(4-16)

웹개발 공부 4주차 - 16

1. 목표

http://spartacodingclub.shop/homework

ㅇ 참고

원페이지쇼핑몰-app.txt 0.00MB

2. prac.

가. 프로젝트 세팅

- exam 폴더 생성, 프로젝트 생성, app.py, static(dir), templates(dir) 생성, templates에 index.html 생성

- 기본코딩 app.py에 붙여넣기, 2주차 숙제 index에 붙여넣기

원페이지쇼핑몰-app.txt 0.00MB index.txt 0.01MB

- import 확인(필요한거 다 있는거 같음)

- pkg (file > setting > project > interpreter > +) 설치: flask, pymongo, requests, bs4 (for crawling)

나. CL-서버 동작 확인

- CL 동작

- CL 쪽에서 POST로 data 받도록 index.html 수정 (↓bookreview 참고)

- 각 입력값들을 받아 /order 페이지로 _give로 서버에게 보냄

※ make sure! 값을 받는 태그 안에 id를 부여해야 함

- alert 값도 서버에서 받도록(msg) 수정

- SV 동작

다. 서버 확인 - 주문하기 (정보 DB 저장)

- 값들 _receive로 받고, print로 잘 받는지 확인

- 이 받은 값들 DB에 저장

· dbPrac에서 insert 복붙

· order라는 DB Collection 만들어서 값들 저장

라. CL 확인 - 주문내역 보기 (로딩 후 자동으로 주문 내역들 표시)

- DB의 값들을 for문으로 받아서 출력

· orderedList라는 함수 선언, response 받아서 우선 console에 출력시키도록

· Load 되면 바로 표시되도록 함수 실행 설정

· 서버에서는 받는 값 없으므로 두 줄 삭제

· dbPrac에서 여러개 찾기 코드 복붙. order Collection의 모든 값을 orders로 가져와 orderList라는 값으로 리턴

· 저장 후 테스트 → 잘 들어오고, CL로도 response로 전달되어 console에도 잘 찍힘

· 서버로부터 받은 List형 값을 orders로 받아 for문으로 돌리면서 값을 출력 (우선 console)

· 이제 출력값을 .append로 브라우저상에 출력

· 주문하기 버튼 밑에 table을 만들기 위해 bookreview의 HTML 복붙

· class (.reviews, .table)도 가져오는 센스(.table은 import 안에 있는듯)

· bookreview의 backtick 안의 내용도 그대로 복붙

· 각 DB안의 값들을 받아서 temp_html을 통해 테이블 형태로 만든 후 .append로 id가 list인 곳에 출력

· 태그 id를 list로 하고, 여기에 붙여넣기

· 정상적으로 동작(DB입력, 브라우저 출력) 확인

※ 참고: 4주차 학습내용

https://www.notion.so/4-682b2d244357441f8469b861562781fc

from http://imwithavril.tistory.com/59 by ccl(A) rewrite - 2021-07-20 01:26:25