728x90
(1)글 용량 초관가..? 더 안 써져서 넘어옴.
----app.py
from flask import Flask, render_template, request
import requests
app = Flask(__name__)
@app.route('/')
def main():
myname = "Sparta"
return render_template("index.html", name=myname)
@app.route('/detail/<keyword>')
def detail(keyword):
r = requests.get('http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99')
response = r.json()
rows = response['RealtimeCityAir']['row']
word_receive = request.args.get("word_give")
print(word_receive)
return render_template("detail.html", rows=rows, word = keyword)
if __name__ == '__main__':
app.run('0.0.0.0', port=5000, debug=True)
-----index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>메인페이지</h1>
<a href="/detail">상세페이지</a>
<h3>{{name}}아 안녕!</h3>
</body>
</html>
----detail.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
//get_list()
})
function get_list() {
$.ajax({
type: "GET",
url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99",
data: {},
success: function (response) {
let rows = response["RealtimeCityAir"]["row"];
console.log(rows)
$('#gu-list').empty()
for (let i = 0; i < rows.length; i++) {
let gu_name = rows[i]["MSRSTE_NM"]
let gu_mise = rows[i]["IDEX_MVL"]
if(gu_mise =>60) {
let html_temp = `<li>${gu_name}: ${gu_mise}</li>`
$('#gu-list').append(html_temp)
}
}
}
})
}
</script>
</head>
<body>
<h1>상세페이지</h1>
<button onclick="window.location.href='/'">메인으로 돌아가기</button>
<h3>받은 단어는 {{word}}</h3>
<ul id="gu-list">
{% for row in rows %}
{% set gu_name = row["MSRSTE_NM"] %}
{% set gu_mise = row["IDEX_MVL"] %}
{% if gu_mise>=60 %}
<li>{{gu_name}}: {{gu_mise|int}}</li>
{% endif %}
{% endfor %}
</ul>
</body>
</html>
'항해99 > 웹개발종합반PLUS' 카테고리의 다른 글
| 웹개발종합반PLUS 4주차-스위터 완성본 (0) | 2022.09.22 |
|---|---|
| 웹개발종합반PLUS 2주차 -(3) (0) | 2022.09.20 |
| 웹개발종합반PLUS 2주차 -(1) (1) | 2022.09.20 |
| 웹개발종합반PLUS 4주차 (1) | 2022.09.19 |
| 웹개발종합반PLUS 1주차 (0) | 2022.09.19 |