데이터과학 삼학년

flask 구구단 만들기 본문

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

'Web' 카테고리의 다른 글

Visualize figure using html form data on same web page  (2) 2020.01.16
Visualization tool - bokeh (feat.falsk)  (0) 2020.01.15
HTTP 응답코드와 메소드 정리  (0) 2020.01.15
pass data(arguments) from html to app.py (feat.flask)  (0) 2020.01.14
flask 기초  (0) 2020.01.13
'Web' Related Articles more
Comments