웹개발 4주차

안대륜·2022년 2월 15일

Flask 시작하기

Flask(프레임워크) : 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다.

(프레임워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격! 프레임워크는 3분 요리/소스 세트라고 생각하면 됨!)

플라스크 패키지설치

  • 플라스크 기본코드

    -### 템플릿 경로(html)와 스태틱 경로(css,image)를 만들어줘서

  • 템플릿을 불러오는 명령을 내린다

본격 APi만들기

GET요청 확인A.jax코드

  • GET요청 API코드

->### POST요청 확인A.jax코드

POST요청 API코드

결과값

POST 연습 :

1 . 클라이언트와 서버 연결 확인하기

파이썬서버

@app.route("/mars", methods=["POST"])
def mars_post():
    sample_receive = request.form['sample_give']
    print(sample_receive)
    return jsonify({'msg': 'POST 연결 완료!'})

클라이언트

function save_order() {
    $.ajax({
        type: 'POST',
        url: '/mars',
        data: { sample_give:'데이터전송' },
        success: function (response) {
            alert(response['msg'])
        }
    });
}
<button onclick="save_order()" type="button" class="btn btn-warning mybtn">주문하기</button>

입력된 데이터를 데이터베이스에 저장하기

클라이언트만들기 클라이언트서버만들기 서버

request.form: 본문에서 HTML 게시물 양식 또는 JSON으로 인코딩되지 않은 JavaScript 요청의 키 / 값 쌍

GET방식(주문보여주기)

클라이언트서버결과값

조각기능 :

프로젝트를 하기전에 필요한기술들을 먼저 구현해보는것 (되는건지 안되는건지 알기위해서)

request : Python에서 HTTP 요청을 보내는 모듈 .form형식은 request패키지를 임포트 .get형식은 requests패키지를 임포트

  1. 요청 정보 : URL= /movie, 요청 방식 = POST
  2. 클라(ajax) → 서버(flask) : url, star, comment
  3. 서버(flask) → 클라(ajax) : 메시지를 보냄 (포스팅 완료!)

홈페이지검사코드

파이몽고 기본코드파이몽고 기본코드

서버서버결과값결과값

POST연습(포스팅하기)

서버먼저구현

서버클라이언트구현클라이언트

GET연습(보여주기)

서버만들기

클라이언트 만들기

0개의 댓글