Convierta CSV a tabla HTML usando Python Pandas y Flask Framework

En este artículo, vamos a convertir un archivo CSV en una tabla HTML utilizando Python Pandas y Flask Framework.

Ejemplo de archivo CSV:

USERNAME,IDENTIFIER,FIRST_NAME,LAST_NAME
booker12,9012,Rachel,Booker
grey07,2070,Laura,Grey
johnson81,4081,Craig,Johnson
jenkins46,9346,Mary,Jenkins
smith79,5079,Jamie,Smith

Implementación paso a paso

Crear entorno

Paso 1: Crear un entorno. Cree una carpeta de proyecto y una carpeta venv dentro.

py -3 -m venv venv

Paso 2: Activar el entorno.

venv\Scripts\activar

Paso 3: Instale Flask y Pandas.

pip instalar matraz

pip instalar pandas

Creando proyecto

Paso 1: Cree la carpeta ‘app.py’ y escriba el código que se indica a continuación.

Python3

# importing flask
from flask import Flask, render_template
  
# importing pandas module
import pandas as pd
  
  
app = Flask(__name__)
  
  
# reading the data in the csv file
df = pd.read_csv('sample_data.csv')
df.to_csv('sample_data.csv', index=None)
  
  
# route to html page - "table"
@app.route('/')
@app.route('/table')
def table():
    
    # converting csv to html
    data = pd.read_csv('sample_data.csv')
    return render_template('table.html', tables=[data.to_html()], titles=[''])
  
  
if __name__ == "__main__":
    app.run(host="localhost", port=int("5000"))

Paso 2: Crea la carpeta ‘plantillas’. cree el archivo ‘table.html’ dentro de la carpeta ‘templates’.

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>

Paso 3: Agregue el archivo ‘sample_data.csv’.

Paso 4: La estructura del proyecto se verá así.

Estructura del proyecto

Ejecutar el Proyecto

Paso 1: Ejecute el servidor.

Paso 2: busque la URL ‘localhost:5000’.

Paso 3: Se mostrará la página web de salida.

Producción:

Salida: CSV a tabla HTML

Publicación traducida automáticamente

Artículo escrito por venniladeenan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *