다시 도전.. Flask CSV 불러와서 HTML에 표로 시각화하기(4)

250x250

관리 메뉴

😎 공부하는 징징알파카는 처음이지?

다시 도전.. Flask CSV 불러와서 HTML에 표로 시각화하기(4) 본문

👩‍💻 백엔드(Back-End)/Node js

다시 도전.. Flask CSV 불러와서 HTML에 표로 시각화하기(4)

징징알파카 2022. 11. 30. 13:47

728x90

<본 블로그는 geeksforgeeks 님의 블로그를 참고해서 공부하며 작성하였습니다 :-)>

https://www.geeksforgeeks.org/convert-csv-to-html-table-using-python-pandas-and-flask-framework/

Convert CSV to HTML Table using Python Pandas and Flask Framework - GeeksforGeeks

A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.

www.geeksforgeeks.org

🎅 Python Pandas 및 Flask Framework를 사용하여 CSV 파일을 HTML 테이블 로 변환

🌵 파일 구조

🌵 코드 구현

app.py

# importing flask
from flask import Flask, render_template
  
# importing pandas module
import pandas as pd
  
# flask 객체를 app 에 할당
app = Flask(__name__)
  
  
# reading the data in the csv file
df = pd.read_csv('test.csv')
df.to_csv('sample_testdata.csv', index=None)
  
  
# route to html page - "table"
# 해당 라우팅 경로로 요청이 왔을 때 실행할 함수를 바로 밑에 작성함
@app.route('/')
@app.route('/table')
def table():
    # converting csv to html
    data = pd.read_csv('test.csv')
    return render_template('table.html', tables=[data.to_html()], titles=[''])
  
# 플라스크 서버 구동 (서버로 구동한 IP 와 포트를 옵션으로 넣어줌)
if __name__ == "__main__":
    app.run(host="localhost", port=int("5000"))

templates/table.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title> Table </title>              
    </head>
    <body>
        <div align="center">
            <table>
                <h1>
                <!--Displaying the converted table-->
                     {% for table in tables %}
                    <h2>{{titles[loop.index]}}</h2>                            
                    {{ table|safe }}
                    {% endfor %}     
                </h1> 
            </table>
        </div>
    </body>
</html>

728x90

저작자표시

'👩‍💻 백엔드(Back-End) > Node js' 카테고리의 다른 글

다시 도전.. Flask POST 사용해보기 (7) (0)	2022.12.01
다시 도전.. Flask GET 사용해보기 (6) (0)	2022.12.01
HTML에서 Python을 사용할 수 있는 PyScript (15) (0)	2022.11.28
HTML에서 Python을 사용할 수 있는 PyScript (14) (0)	2022.11.28
HTML에서 Python을 사용할 수 있는 PyScript (13) (1)	2022.11.28

'👩‍💻 백엔드(Back-End)/Node js' Related Articles

Comments

😎 공부하는 징징알파카는 처음이지?

다시 도전.. Flask CSV 불러와서 HTML에 표로 시각화하기(4) 본문

다시 도전.. Flask CSV 불러와서 HTML에 표로 시각화하기(4)

🎅 Python Pandas 및 Flask Framework를 사용하여 CSV 파일을 HTML 테이블 로 변환

'👩‍💻 백엔드(Back-End) > Node js' 카테고리의 다른 글

티스토리툴바