article

Passez la liste créée en py à html
format python pour l'instruction en html
Omettez le début de html avec ʻextends ou block content`
Notes diverses

1. Passez la liste créée en py à html

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def hello_world():
    name = "Flask"
    players = ["Courageux", "guerrier", "sorcier"]
    return render_template("index.html", name_value = name, players = players)

--Créez la liste elle-même comme d'habitude

La façon de passer au html est la même que pour les autres variables

2. format python pour l'instruction en html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    {% for player in players: %}
        <p>{{ player + "Combattre des monstres" }}</p>
    {% endfor %}
</body>
</html>

L'instruction for elle-même est incluse dans {% ~~%} comme dans l'instruction if précédente. --Enfin, insérez {% endfor%} et serrez

3. Omettez le début de html avec ʻextends `ou` block content`

Quand ʻindex.html` est référencé du côté py

`index.html`


{% extends "layout.html" %}
{% block content %}
    <h1>aiueo</h1>
{% endblock %}

`layout.html`


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    {% block content %}
    {% endblock %}
</body>
</html>

--Pour le code HTML que vous souhaitez utiliser comme source de modèle, mettez {% endblock%} immédiatement après {% block content%} dans <body>

Le code HTML auquel vous souhaitez utiliser le modèle est {% extend" ~~ .html "%}, et sélectionnez la personne à laquelle faire référence.
Après cela, supprimez les balises telles que «» et «», et mettez ce que vous voulez saisir à la place dans «{% block content%}» et «{% endblock%}».
L'image de ce que vous avez entré dans ʻindex a été transférée vers {% block content%} ʻof layout à travers la porte de déformation {% block content%}.

4. Notes diverses

――Pour les éléments affichés dans un format similaire, il sera plus facile de les combiner en un seul côté html et de modifier les variables et les chemins comme indiqué ci-dessous sur le côté py.

`python`


player = "joueur"

@app.route("/walk")
def walk():
    message = player + "Marchait dans le désert."
    return render_template("action.html", player = player, message = message)

@app.route("/attack")
def attack():
    message = player + "A combattu un monstre."
    return render_template("action.html", player = player, message = message)

`html`


{% extends "layout.html" %}
{% block content %}
    <h1>{{ player }}action</h1>
    <p>{{ message }}</p>
{% endblock %}

――Je ne peux penser à rien de tel tant que je ne m'y suis pas habitué

5. À la fin

--Flacon je n'ai pas le temps de le faire, attendez-vous le week-end et la semaine prochaine

(Pour moi) Flask_2 (liste et pour, étend, et un peu plus)

article

1. Passez la liste créée en py à html

2. format python pour l'instruction en html

3. Omettez le début de html avec ʻextends ou block content`

index.html

layout.html