Web
flask 구구단 만들기
Dan-k
2020. 1. 13. 17:12
반응형
flask를 이용해 구구단을 만드는 방법
html의 활용이다.
flask의 app.py는 구구단의 숫자를 입력받을 rest api를 구현해주고
app.py에서 불러오는 html 파일에서 연산코드를 추가한다.
from flask import Flask, render_template, redirect, request, url_for
app = Flask(__name__)
@app.route('/')
@app.route('/<int:num>')
def inputTest(num=None):
return render_template('main.html', num=num)
@app.route('/calculate',methods=['POST'])
def calculate(num=None):
if request.method == 'POST':
temp = request.form['num']
else:
temp = None
return redirect(url_for('inputTest',num=temp))
if __name__ == '__main__':
app.run(host='0.0.0.0',port=5001)
main.html은 이 파일은 반드시 templates 라는 폴더안에 넣어놔야 작동한다.
<!DOCTYPE html>
<html>
<head>
<title>
Flask #2
</title>
</head>
<body>
<form method="POST" action="/calculate">
<h1> Flask 데이터 입력 후 구구단을 출력 </h1>
<h3> 구구단을 출력하자!</br></h3>
<h5> 몇 단을 출력하길 원하니? 원하는 구구단 숫자를 입력하세요.</h5>
<input type="text" name="num">
<button type="submit">구구단 확인하기</button>
</form>
<div>
<p>
{% if num == None %}
<h5> 어떤 숫자도 입력되지 않았네요. </h5>
{% else %}
{% for i in range(1,10) %}
<p>{{num}} x {{i}} = {{num*i}}</br></p>
{% endfor %}
{% endif %}
</p>
</div>
</body>
</html>
결과 화면은!! 아래와 같다
flask 를 위해선...html..문법의 중요성을 다시 한번 느낀다..
Data scientist로서는 data의 이해와 분석 결과를 시각화로 잘~ 표현하고
다른이에게 서비스를 제공해줘야하기 때문에 간단한 시각화 정도는 웹으로 구현할 수 있으면 좋을 것이다.
이 글은 https://doorbw.tistory.com 에서 인용하여 작성하였음
728x90
반응형
LIST