Artikel

Übergeben Sie die in py erstellte Liste an HTML
Python-Format für Anweisung in HTML
Lassen Sie den Anfang von HTML mit "Erweitert" oder "Blockieren von Inhalten" weg
Verschiedene Notizen

1. Übergeben Sie die in py erstellte Liste an HTML

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

@app.route("/")
def hello_world():
    name = "Flask"
    players = ["Mutig", "Krieger", "Magier"]
    return render_template("index.html", name_value = name, players = players)

--Erstellen Sie die Liste selbst wie gewohnt

Die Übergabe an HTML ist dieselbe wie bei anderen Variablen

2. Python-Format für Anweisung in 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 + "Bekämpfte Monster" }}</p>
    {% endfor %}
</body>
</html>

Die for-Anweisung selbst ist wie in der vorherigen if-Anweisung in {% ~~%} eingeschlossen.
Zum Schluss {% endfor%} einfügen und festziehen

3. Lassen Sie den Anfang von HTML mit "Erweitert" oder "Blockieren von Inhalten" weg

Wenn auf der py-Seite auf index.html verwiesen wird

`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>

--Für das HTML, das Sie als Vorlagenquelle verwenden möchten, setzen Sie "{% endblock%}" unmittelbar nach "{% block content%}" in "" --Der HTML-Code, den Sie für die Vorlage verwenden möchten, lautet "{% erweitert" ~~ .html "%}", und wählen Sie die Person aus, auf die verwiesen werden soll.

Löschen Sie anschließend die Tags wie "" und "" und fügen Sie das, was Sie eingeben möchten, stattdessen in "{% block content%}" und "{% endblock%}" ein.
Das Bild von dem, was Sie in "index" eingegeben haben, wurde über das Warp-Gate "{% block content%}" in "{% block content%}" in` layout "übertragen.

4. Verschiedene Notizen

--Für Elemente, die in einem ähnlichen Format angezeigt werden, ist es einfacher, wenn Sie sie auf der HTML-Seite zu einem kombinieren und die Variablen und Pfade wie unten auf der Py-Seite gezeigt ändern.

`python`


player = "Spieler"

@app.route("/walk")
def walk():
    message = player + "Ging in der Wildnis spazieren."
    return render_template("action.html", player = player, message = message)

@app.route("/attack")
def attack():
    message = player + "Kämpfte ein Monster."
    return render_template("action.html", player = player, message = message)

`html`


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

»Ich kann mir so etwas erst vorstellen, wenn ich mich daran gewöhnt habe

5. Am Ende

--Flask Ich habe keine Zeit dafür, ich erwarte es am Wochenende und nächste Woche

[PYTHON] (Für mich) Flask_2 (Liste und für, erweitert und ein bisschen mehr)