(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`
  4. 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

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>

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>

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

Recommended Posts

(Pour moi) Flask_2 (liste et pour, étend, et un peu plus)
(Pour moi) Flask_3 (formulaire, POST et GET)
[Python] Créer une liste de dates et d'heures pour une période spécifiée
Un peu plus sur les références ~ Prenant Python et Java comme exemples ~
Un petit script pour l'autodéfense des logiciels malveillants
(Pour moi) Flask_ex (modèles et statique)
(Pour moi) Flask_5 (Ajouter au fichier txt)
Un petit examen minutieux de Pandas 1.0 et Dask
Impressions d'utilisation de Flask pendant un mois
Changer la liste dans l'instruction for
(Pour moi) Mettez Flask dans VS Code
[Python] Créer une liste de date et d'heure (type datetime) pour une certaine période
Recevoir et traiter n objets dans une liste
Lancer un serveur Web avec Python et Flask
Un mémorandum pour toucher Python Flask avec Heroku
(Pour moi-même) AWS_Flask_3 (Installer / exécuter Flask sur AWS)