제주도 오르골 판매 페이지

Python, MongoDB, Flask, html, css, js 를 사용하여 만든 상품 판매 페이지입니다.

제주도 오르골
깃허브 : https://github.com/ksmlucky/SalesPage/tree/main

진행 과정

정말 간단한 웹페이지임에도 불구하고 Mongodb와 Flask, AWS를 처음 사용해 보았기 때문에 많은 시행착오가 있었습니다.

우선, html, css, js를 이용하여 눈에 보이는 페이지를 구성하여 주었습니다. css의 경우, 구글 부트스트랩에서 마음에 드는 양식들을 사용하였습니다.

페이지를 다 만들었으면, Flask를 설치하여 서버를 구동하였습니다.

• Flask 기본 폴더 구조 : static, templates, app.py

Flask 설치 및 시작 코드

from flask import Flask, render_template, jsonify, request
app = Flask(__name__)
## HTML 화면 보여주기, HTML을 주는 부분, 'index.html' 파일을 쭉 읽으라는 뜻
@app.route('/')
def homework():
    return render_template('index.html')

Flask 예시

## API 역할을 하는 부분
@app.route('/review', methods=['POST'])
def write_review():
return jsonify({'result':'success', 'msg': 'POST 방식'})
@app.route('/review', methods=['GET'])
def read_reviews():
return jsonify({'result':'success', 'msg': 'GET 방식'})
if __name__ == '__main__':
app.run('0.0.0.0', port=5000, debug=True)

그 후, 리눅스에 MongoDB를 설치하여 접속하였습니다.

pymongo 라이브러리 import

from pymongo import MongoClient
client = MongoClient('mongodb://test:test@localhost',27017)
db = client.dbhomework

마지막으로 AWS에서 포트를 열어준 후, 가비아에서 도메인을 구입하여 나만의 페이지를 만들었습니다.

페이지 안내

위 사진들처럼 상품 사진은 왼쪽 오른쪽으로 넘기기가 가능하며 현시각의 달러-원 환율도 확인 가능합니다.

주문자의 이름, 제품, 등을 입력하면 페이지 하단에 기록이 되고 DB로 넘어갑니다.
제주도 오르골
깃허브 : https://github.com/ksmlucky/SalesPage/tree/main