Estructuras de control

Resumen

Iteración: es la repetición de un segmento de código dentro de un programa de computadora. Puede usarse tanto como un término genérico (como sinónimo de repetición), así como para describir una forma específica de repetición con un estado mutable.

Un ejemplo de iteración sería el siguiente:

{% for key, segment in segment_details.items() %}
        <tr>
                <td>{{ key }}td>
                <td>{{ segment }}td>
        tr>
{% endfor %}

En este ejemplo estamos iterando por cada segment_details.items() para mostrar los campos en una tabla {{ key }} {{ segment }} de esta forma dependiendo de cuantos segment_details.items() haya se repetirá el código.

Mauricio Chávez Olea

student•

Creo que literalmente imprimiste "todo", y no era lo que querías. Para usar la variable todo en el for, debes poner {{ todo }}

Claudio César Vera Díaz

student•

tienes razón, sería algo así:

<ul> {% for todo in todos %} <li>{{todo}}</li> {% endfor %} </ul>

Mauricio Chávez Olea

student•

¡Justo eso!

Sebastian Baez Ramos

student•

Al profesor se le pasó los brackets en el for loop. Por esa razón, la salida por pantalla fue: todo todo todo

En el for loop, exactamente en hello.html, es: {{ todo }}

Carlos Alfredo Marín Bohórquez

student•

<ul>
    {%for todo in todos%}
        <li>{{todo}}</li>
    {%endfor%}
</ul>

Nicolás Mayorga Vargas

student•

La verdad me está gustando mucho más Flask que Django. Evidentemente es por el tipo de pedagogía impartida.

Enrique Sardon Manrique

student•

esque para aplicaciones ligeras flask es una maravilla pero un infierno cuando crecen, cuando hagas una app grande usa django... te lo recomiendo, flask es cuando no necesitas todo lo que ofrece django

José Ricardo Romo Gutiérrez

student•

Django es mas para aplicaciones grandes, flask lo veo mas para crear utilidades externas a la app principal o microservicios incluso

Andrés Antonio Azuara Portillo

student•

You forgot that when you use a variable into an html, you need to wrap the variable in {{ variableName }}, if you don't wrap it, it just will display the name of the variable, that's why the program is printing -todo -todo -todo instead of: -TODO 1 -TODO 2 -TODO 3

Marcelo Sánchez

student•

todo -> {{ todo }}

Mauricio Gonzalez Falcon

student•

That's right

Marcelo Sánchez

student•

A las personas que en vez de salir el mensaje

TODO 1
TODO 2
TODO 3

eso es por que en vez de poner <li> {{todo}} </li> han puesto <li> todo </li>

lo único que hace ese for es imprimir en pantalla la CADENA todo, en vez de imprimir el iterador todo

main.py

from flask import Flask, request, make_response, redirect, render_template


app = Flask(__name__)

todos = ['TODO 1', 'TODO 2', 'TODO 3']

@app.route('/')
def index():

    user_ip = request.remote_addr
    make = redirect('/hello')
    response = make_response(make)
    response.set_cookie('user_ip', user_ip)

    return response

@app.route('/hello')
def hello():    
    
    user_ip = request.cookies.get('user_ip')
    render = render_template(
        'hello.html', 
        user_ip=user_ip, 
        todos=todos
    )

    return render

if __name__ == &quot;__main__&quot;:
    
    app.run(debug=True)

hello.html

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
    &lt;head&gt;
        &lt;meta charset=&quot;UTF-8&quot;&gt;
        &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
        &lt;title&gt;Document&lt;/title&gt;
    &lt;/head&gt;

    &lt;body&gt;
        {% if user_ip %}
            &lt;h1&gt;Hola Mundo, soy la ip: {{user_ip}} &lt;/h1&gt;
        {% else %}
            &lt;a href=&quot; {{ url_for('index') }} &quot;&gt; Ir al inicio de la pagina &lt;/a&gt;
        {% endif %}

        &lt;ul&gt;
            {% for todo in todos %}
                &lt;li&gt; {{todo}} &lt;/li&gt;
            {% endfor %}
        &lt;/ul&gt;       

    &lt;/body&gt;
&lt;/html&gt;

Carlos David Sanchez Moreno

student•

Para pasar variables, podemos utilizar la funcion de python locals() que nos trae todas las variables de el contexto actual.


Los asteriscos se deben a que locals() nos regresa un dict con las variables del contexto, pero render_template solo resive un argumento, asi que pasamos el diccionario con key y values en forma de argumentos opcionales. 

Esto es util cuando empezamos a tener muchos datos en el entorno.

return render_template('hello.htmrno. l', **locals())```

Alvaro Ruben Hurtado Maldonado

student•

Dato bastante útil, En caso que las variables estén definidas como globales (fuera de las funciones) se puede usar el equivalente **globals()

return render_template('hello.html',**globals())

Víctor Isaac Arias García

student•

Apuntes

Para esta clase se aprendio a trabajar con estructuras de control y for loops en los templates.

Para utilizar if y else en templates se tiene que encerrar entre llaves y signos de %.

{% if user_ip %}

<h2>Hello World Platzi, tu IP es {{ user_ip }}</h2>
{% else %}
<a href="{{ url_for('index') }}">Ir a inicio</a>
{% endif %}

Escribir la ruta {{ url_for('index') }} en la etiqueta <a> del else
Borrar las cookies con developer tools de Google Chrome para comprobar que esta funcionando.
Se creo la variable TODOS

todos = ['TODO 1', 'TODO 2', 'TODO 3']

Se creo un diccionario de datos llamado context

context = {
        'user_ip': user_ip,
        'todos': todos,
    }

En return render_template pasar el diccionario de datos **context, se pone ** para que python itere los datos de forma automática.
Crear una lista para iterar los datos de la variable todo

<ul>
    {% for todo in todos %}
    <li>{{todo}}</li>
    {% endfor %}
</ul>

Gianluca Bernasconi

student•

Gracias!

Erik Taveras

student•

Excelente clase, pero creo que te falto poner {{ }} en todo para que te imprimiera el listado, porque lo que lograste fue simplemente imprimir varias veces la palabra Todo.

un saludo.

Andrés David Ríos Ramirez

student•

Tal cual, eso faltó.

Quedaría algo así:

{% if user_ip %}
    <h2>Hello World, tu Ip es {{user_ip}} </h2>
{% else %}
    <a href="{{ url_for('index') }}">Ir a inicio</a>
{% endif %}
<ul>
    {% for todo in todos %}
        <li>{{todo}}</li>
    {% endfor %}
</ul>

Miguel Rodriguez

student•

url_for es propio de flask o del motor jinja2

Kevin Morales

student•

Esto es algo del motor de templates de jinja :)

Yelson Chevarrias Huaman

student•

No pertenece para nada a Jinja2, forma parte de los helpers de Flask. puedes ver el código fuente en github: https://github.com/pallets/flask/blob/1234eb0f9ff997932cfb79835e101df7e49babb1/src/flask/helpers.py#L226

Jose Antonio Rojas Ollarves

student•

Interesante esta clase les comparto este blog que habla sobre como manejar plantillas jinja2 con flask

Tutorial Flask – Lección 2: Uso de plantillas para las páginas HTML

José Ricardo Romo Gutiérrez

student•

gracias compañero

Joel Blanco

student•

¿Soy el único que ve los videos en 1.5x?

Eloy Chávez Dev

student•

Holiiiii 👋🏻

Yo prefiero verlos a la velocidad normal para procesar lo que va explicando, pero no está mal si los pones a 1.5x y puedes entender todo :)

Pablo Antipan Quiñenao

student•

Hola!

Yo veo casi todas las clases en 1.5, dependiendo de lo que se hable o qué tan rápido hable el profesor le bajo la velocidad.

Saludos!

Linder Hassinger

student•

Para poder ver los elementos de la lista

<ul>
      {% for todo in todos %}
      <li>{{ todo }}</li>
      {% endfor %}
    </ul>

Juan R. Vergara M.

student•

🥇

Miguel Angel Reyes Moreno

student•

Por si quieren obtener el índice del elemento ->

<ul>
    {% for todo in todos %}
        <li>{{ todo }} Índice del elemento -> {{ loop.index }}</li>
    {% endfor %}
</ul>

Alberto Perdomo

student•

Como complemento del metodo url_for, este permite componer una URL a partir del nombre de una vista. Esta función acepta como parámetros el nombre de una vista y un número variable de argumentos clave-valor, cada uno de ellos asociado a una parte variable de la URL. Si se pasa un argumento cuyo nombre no se corresponde con un parámetro de la parte variable, se añade a la URL como parte de la query string (la sección de la URL que viene tras el carácter ‘?’).

Jesús Velázquez Jiménez

student•

Flask provee un variable url_for() para cada template, esto nos permite encontrar una ruta por el nombre de una función. Todos los bloques deben tener un fin. Declarar una variable {{ variable }}

giani reyes nieto

student•

No entendi muy bien lo del expandir el diccionario con **, alguien me lo podria explicar?

Jaime Ortiz

student•

Si ves en la documentación de algunos métodos, por ejemplo str.format, verás que como parámetro recibe un diccionario. Lo reconoces porque tiene de prefijo **. Cuando envías un diccionario como parámetro, con el prefijo **, lo que estás es ahorrando código y agilizando el proceso. Si no se expandiera el diccionario al momento de pasarse el argumento:

<h1>Hello world. Your IP is {{context.user_ip}}</h1>

Con el diccionario expandido cuando se pasa el argumento

<h1>Hello world. Your IP is {{user_ip}}</h1>```

Pablo Aquino

student•

Aquí hay un poco más de información

Daniel Carmona

student•

Esta muy loco!

Victor Martinez Giron

student•

La sintaxis que se usa en html para flask es semejante a Django

Junior Peves

student•

Una pequeña correción en el for loop

<ul>
    {% for i in todos %}
        <li>{{i}}</li>
    {% endfor %}
</ul>

Leonardo Cruz Beltrán

student•

Excelente, me agrado mucho la forma que utiliza Python para extender los diccionarios.