on
4주차_HOMEWORK_완성본
4주차_HOMEWORK_완성본
[python]
from flask import Flask, render_template, jsonify, request
app = Flask(__name__)
from pymongo import MongoClient
client = MongoClient('localhost', 27017)
db = client.dbhomework
## HTML 화면 보여주기
@app.route('/')
def homework():
return render_template('index.html')
# 주문하기(POST) API
@app.route('/order', methods=['POST'])
def save_order():
name_receive = request.form['name_give']
count_receive = request.form['count_give']
address_receive = request.form['address_give']
phone_receive = request.form['phone_give']
doc = {
'name': name_receive,
'count': count_receive,
'address': address_receive,
'phone': phone_receive
}
db.orders.insert_one(doc)
return jsonify({'result': 'success', 'msg': '주문 완료!'})
# 주문 목록보기(Read) API
@app.route('/order', methods=['GET'])
def view_orders():
orders = list(db.orders.find({}, {'_id': False}))
return jsonify({'result': 'success', 'orders': orders})
if __name__ == '__main__':
app.run('0.0.0.0', port=5000, debug=True)
[html]
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous">
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous">
retro_market | shop
.wrap {
margin: auto;
width: 500px;
}
.tape {
width: 250px;
height: 200px;
object-fit: cover;
margin-left: 150px;
}
.goods {
text-align: center;
}
.price {
font-size: 15px;
}
.buy {
margin: 30px;
line-height: 200%;
}
.box {
width: 500px;
}
.order {
font-size: 20px;
color: darkgray;
}
.button {
margin: auto;
width: 100px;
display: block;
}
$(document).ready(function () {
q1();
listing();
});
function listing() {
$.ajax({
type: "GET",
url: "/order",
data: {},
success: function (response) {
if (response["result"] == "success") {
let orders = response['orders'];
for (let i = 0; i < orders.length; i++) {
let name = orders[i]['name'];
let count = orders[i]['count'];
let address = orders[i]['address'];
let phone = orders[i]['phone'];
let temp_html = `
${name}
${count}
${address}
${phone}
`
$('#orders-box').append(temp_html)
}
}
}
})
}
function q1() {
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/rate",
data: {},
success: function (response) {
let exchange = response['rate']
$('#now-rate').text(exchange)
}
})
}
function order() {
let name = $('#order-name').val();
let count = $('#order-count').val();
let address = $('#order-address').val();
let phone = $('#order-phone').val();
$.ajax({
type: "POST",
url: "/order",
data: {name_give: name, count_give: count, address_give: address, phone_give: phone},
success: function (response) {
if (response["result"] == "success") {
alert(response["msg"]);
window.location.reload();
}
}
})
}
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTalg3KKSf1ERZ7bpZFMMfQbBC74t4YyBi95FMY2bjg-6AqtHujQwlclfDKU4mT9cWwc8zBmno&usqp;=CAc"/>
MIX TAPE 가격: 5,500원 / 달러-원 환율: 1219.15
복고풍 유행으로 돌아온 카세트 테이프
Please enter your information
성함
수량
-
1
2
3
주소
전화번호
주문
이름
수량
주소
전화번호
from http://ojy4535.tistory.com/43 by ccl(A) rewrite - 2021-07-25 03:26:26