| # importar módulos
from matraz import Flask, render_template
# declaración de nombre de la aplicación
aplicación = Frasco (__ nombre__)
# compilando una lista de Pokemons
Pokémon = [ "Pikachu" , "Charizard" , < /código> "Squirtle" , "Ji gglypuff" , " Bulbasaur " , "Gengar" , " Charmander " , " Mew " , "Lugia" , "Gyarados" ]
# definición de página de inicio
@ aplicación . ruta ( `/` )
def página de inicio ():
# return index.html y lista < br> # y la longitud de la lista a la página html
return render_template ( "index.html" , len < /código> = len (Pokemons), Pokémons = Pokemons)
# if __name__ == ' __ principal __ ':
# aplicación en ejecución
app.run (use_reloader = True , depuración = True )
Ejemplo n.º 1: Hacer una lista index.html "! DOCTYPE html >
" html >
" head >
" título > Bucle for en Flask "/ título >
"/ head >
" cuerpo >
" ol >
& lt ;! - Para lógica de bucle de plantilla jinja - >
{% para i en el rango (0, len)%}
< li > {{Pokémones [i]}} "/ li > {% endfor%} < / ol >
"/ cuerpo >
"/ html >
Salida:
Sin escribir ningún dato de la lista, la lista se creará automáticamente. Puede usar css y js para que se vean bien.
 Ejemplo # 2: Hacer una tabla Usaremos el argumento Pokemons pasado aquí desde el archivo python para imprimir automáticamente la tabla en lugar de escribirla nosotros mismos. El código app.py para este ejemplo es el mismo que el anterior. index.html & lt;! DOCTYPE html >
" html >
" head >
" título > Bucle for en Flask "/ título >
"/ head >
& lt;! - Agregar algo de estilo a la tabla (OPCIONAL) - >
" estilo tipo = "texto / css" >
th: tr {
color: azul;
}
tr: enésimo de tipo (2n) {
borde: 1px negro sólido;
color de fondo: rgba (150, 150, 150, 0.5);
}
td { relleno: 8px 8px ; borde: 1px negro sólido;
}
"/ estilo >
" cuerpo >
" tabla estilo = " margen izquierdo: 20px; " >
& lt ;! - Encabezados de tabla - >
" >
" tr estilo = "color: verde;" >
" td > Número de serie < / td >
" td > Nombre de Pokémon "/ td >
"/ tr >
"/ th >
& lt;! - Para lógica de bucle de plantilla jinja - >
{% for i in range (0, len)%}
<! - filas de la tabla - >
" tr >
" td > {{i}} < / td >
" td > {{Pokémones [i]}} "/ td >
{% endfor%}
"/ tr >
"/ tabla >
"/ cuerpo > "/ html >
Salida:
Sin escribir ningún dato de la lista, la tabla se generará automáticamente.
 Instrucciones para ejecutar el código: - Descargue los archivos desde el enlace anterior o cree y guarde el código en el mismo formato
- Ejecute el archivo app.py en el directorio raíz
- Vaya a su host local (http: // 127.0.0.1:5000/ en mi caso) y ahí tienes un sitio
| 
