본문 바로가기

파이썬

영화기록 페이지 만들어보기(1)_POST

먼저 프로젝트 세팅부터 해주기

▷폴더 3개 만들어주기(templates,static,app.py)

▷패키지 설치하기(flask,pymogo,dnspython,bs4,requests)

 

1) meta태그 스크래핑 (URL에서 페이지 정보 가져오기)

 - meta태그란? : 웹브라우저에서 개발자도구를 사용해서 html를 확인할때 <head></head>안에 사이트의 속성을 설명해주는 태그

                           ex)카톡 공유 시 표시 될 이미지. 사이트 제목..등

 

강의에서는 og:image / og:title / og:description부분을 크롤링했다.

 

👉 이렇게 3가지에 해당하는 부분을 크롤링

 

 

 

2)meta태그 연습(조각 기능 구현)

-내가 만든 스파르타피디아에서 URL만 넣어도 이미지와 제목,내용이 자동으로

 불러와질 수 있도록 한다. 그럴려면  meta태그를 크롤링하므로써 얻을 수있다.

 

-옆의 사진처럼 3가지가 나오도록!

 

 

 

 

 

 

2-1)조각 크롤링 시작

크롤링 기본코드

 

 

 

✅노란색 줄 쳐져 있는 부분을 가져오기 위해서서 select_one을 이용

 

 

 

 

 

새로운select_one방법

og:title이면서 그 안의 content내용을 가져와라

👆제목과 image,desc가 나온것을 확인할 수 있다.

 

2)뼈대준비

앞서 말한 폴더 만들어주기 (movie폴더 안에)

 

3)POST연습😗

①클라이언트와 서버 연결 확인

@app.route("/movie", methods=["POST"])
def movie_post():
    sample_receive = request.form['sample_give']
    print(sample_receive)
    return jsonify({'msg':'POST 연결 완료!'})
function posting() {
    $.ajax({
        type: 'POST',
        url: '/movie',
        data: {sample_give: '데이터전송'},
        success: function (response) {
            alert(response['msg'])
        }
    });
}

<button onclick="posting()" type="button" class="btn btn-dark">기록하기</button>

가장 기본이 될 코드

②서버 만들기

 

 

 

빨간선을 중심으로

 

위 - meta태그로 url주소만 가지고 이미지 제목 내용까지 가져왔다

(meta_prac파일 이용)

 

 

아래- 별점,후기 가져오기

 

 

 

 

 

서버👆

받은 데이터들을 저장하기 위해서 dbmongo에 movies라고 저장하는 코드를 넣어주었다.

 title , image,desc는 아까 만들어놓은 조각페이지에서 가져와서 붙여넣기를 해주었다.

 

 

 

👉클라이언트

data: 앞서 데이터를 줄 때의 이름 설정이고

서버의 사진에서의 request.form[' '] 는 데이터를 가져올 형식을

말한다.

 

 

 

 

❗클라이언트의 데이터형식도 이름을 동일하게 적어줘야한다(약속)

 

 

 

'파이썬' 카테고리의 다른 글

프로젝트 서버에 올리기(2)  (0) 2022.10.27
프로젝트 서버에 올리기(1)  (0) 2022.10.27
영화기록 페이지 만들어보기(2)_GET  (0) 2022.10.25
영화기록 페이지 만들어보기_Flask  (0) 2022.10.25
python 크롤링  (0) 2022.10.24