Comment l'afficheur clignote message sans avoir à recharger la page en Flacon?

Je travaille sur une application web à l'aide de Flacon en Python.

J'ai petite fonction dans mon application qui calcule des valeurs dans l'arrière-plan et affiche le résultat sur la page web via un clignotement du message.

Tout ce qui est de l'affichage et de travail bien, mais cela nécessite de recharger la page pour obtenir le clignotement du message.

Je veux afficher des messages sans avoir à recharger la page.

J'ai entendu dire que je peux le faire avec du js, mais je ne suis pas familier avec js.

Si vous avez des idées ou des suggestions, je serais reconnaissant.

Il est mon code qui pourrait construire une meilleure image de ce que je fais.

C'est le moteur de rendu entre mon application et le fichier html principal

HTML:

{% macro render_field(field) %}
 <dt> {{ field.label }}
 <dd> {{ field(**kwargs)|safe }}
 {% if field.errors %}
        <ul class=errors>
        {% for error in field.errors %}
                <li>{{ error }}</li>
        {% endfor %}
        </ul>
 {% endif %}
 </dd>
{% endmacro %}

C'est le fichier html j'en veux pour afficher des messages clignotants:

HTML:

<div class="container-fluid" style="min-height:100%">
  {% with messages = get_flashed_messages() %} 
    {% if messages %} 
      {% for message in messages %}
      <div class="alert alert-warning alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button> 
        {{message}}
      </div>
      {% endfor %} 
    {% endif %} 
  {% endwith %}
</div>

InformationsquelleAutor trm0808 | 2016-12-03

flask python

4

Voici ce que Flacon de Développement Web: Développement d'Applications Web avec Python (pp. 46-48) est-à-dire de Message Clignotant:

Il est parfois utile de donner à l'utilisateur une mise à jour de statut après une demande est terminée. Cette
pourrait être un message de confirmation, un avertissement ou une erreur. Un exemple typique est quand vous
soumettre un formulaire de connexion à un site web avec une erreur et le serveur répond par le rendu
nouveau le formulaire de connexion avec un message ci-dessus, il vous informe que votre nom d'utilisateur ou
le mot de passe n'est pas valide.
Flacon comprend cette fonction comme une fonction de noyau. Exemple 4-6 montre comment le flash()
la fonction peut être utilisée à cette fin.

Exemple 4-6. hello.py: Flashé messages

Dans cet exemple, chaque fois qu'un nom est soumis, il est comparé avec le nom enregistré
dans la session de l'utilisateur, qui ont été mis lors d'une précédente présentation de
la même forme. Si les deux noms sont différents, les flash() fonction est appelée avec un
le message à afficher sur la prochaine réponse envoyée au client.

Appel flash() n'est pas suffisant pour obtenir des messages affichés; les modèles utilisés par le
demande de nécessité de rendre ces messages. Le meilleur endroit pour rendre flashé messages est
le modèle de base, parce que cela va permettre à ces messages dans toutes les pages. Flacon fait un
get_flashed_messages() fonction disponible pour les modèles de récupérer les messages et
rendre, comme montré dans l'Exemple 4 à 7.

Exemple 4-7. templates/base.html: message Flash rendu

Dans cet exemple, les messages sont rendus à l'aide de Bootstrap alerte styles CSS pour l'alerte
les messages (l'un est illustré dans la Figure 4-4).

La Figure 4-4. Flashé message

Une boucle est utilisée, car il pourrait y avoir plusieurs messages en file d'attente pour l'affichage, l'un pour
chaque fois flash() a été appelé dans le précédent cycle de la demande. Les Messages sont récupérés à partir d' get_flashed_messages() ne sera pas retourné la prochaine fois que cette fonction est appelée,
donc flashé messages apparaissent qu'une seule fois et sont ensuite rejetées.
- c'est un bon exemple, mais que faire si le message doit être affiché sans cliquer sur le bouton? Parce que dans mon application j'ai un script qui permorm un peu d'action, avec un visage recognision appareil photo et supposons que pour afficher de message de l'utilisateur est reconnu ou pas
- s'il vous plaît ne pas utiliser des images dans votre post. Au lieu d'utiliser la fonctionnalité de code sur un débordement de pile. C'est un excellent exemple de faire des messages. J'ai déjà créé quelque chose comme ça pour mes applications. Mon post est pour clignotant messages.
- Ceci ne répond pas à la question. La question concerne l'accès flashé messages via AJAX. Le demandeur a juste ne semble pas familier avec le terme.
- Ce n'est pas de répondre à la question à portée de main
InformationsquelleAutor boardrider
3

Ce n'est pas possible via Python sans avoir à recharger la page. Vous devez le faire en javascript. Je suggère le style CSS avec display: none et display: block. Ici est un exemple.

1) du Code Python, cela devrait aller dans votre app.py ou flask.py fichier.
```
app.route('/flash/<message>')
def flash(message):
  return render_template('flash.html', msg=message)
```
Ce sera le rendu de la page HTML nommée flash.html. L'URL passée en aura aussi un autre argument, <message> c'est le message qui clignote. Une URL comme ceci, localhost:80/flash/Hello%20World! clignote le message "Hello World!" sur votre écran.

Il y a aussi une autre façon de faire passer un message, c'est la volonté des arguments. Le code c'est comme si.
```
app.route('/flash')
def flash():
  message = request.args.get("msg")
  return render_template("flash.html", ,msg=message)
```
Il utilise la fiole demande d'arguments. Si une URL comme ceci, localhost:80/flash?msg=Hello%20World! donnera un clignotant, le message "Hello World!". Si vous souhaitez utiliser cette méthode, assurez-vous d'avoir de l'instruction d'importation, from flask import request dans vos déclarations d'importation.

2) le Code Html, c'est un fichier séparé nommé, flash.html dans votre dossier de modèles.
```
<body>
  <h1 id="header">{{ message }}</h1>
  <script>
    var heading = $("#header");
    setInterval(function() {
      if (heading.style.display == "block") { heading.style.display = "none"; }
      else if (heading.style.display == "none") { heading.style.display = "block"; }
    }, 1000);
  </script>
</body>
```
La 1000 dans la fonction setInterval est de quelques millisecondes. De sorte que le titre sera clin toutes les 2 secondes.
- Comme je l'ai compris dans votre exemple, il a pour valeur de retour de la fonction, mais que puis-je faire si, dans mon application j'ai d'afficher de message et de continuer à lire le script? je ne peux tout simplement envoyer la variable dans la fonction, car il va exécuter la fonction depuis le debut
- Cela permettra de continuer la lecture du script. setInterval est comme un fil. Je ne suis pas sûr de savoir comment corriger je suis sur de cela, mais je sais qu'il va continuer de lire le script après le setInterval qui se passe.
- Je suis désolé, mais comment vous passer de flash("texte") dans le modèle html? avez-vous le passer avec la variable ?
- Vous exemple ne fonctionne pas pour moi. Je copie ton code, mais il n'y a rien qui s'est passé
- Vous devez avoir le code correct dans le flask.py fichier. La variable est transmis comme vous rendre le modèle. La variable est passé par là avec render_template fonction. La variable peut ensuite être consulté dans le flacon de code avec {{ variable }}.
- Comment faites-vous passer des messages flash dans là ? Pourriez-vous me l'expliquer. Je vous serais reconnaissant
- Dans votre exemple, vous n'avez pas passer n'importe quel message. Droit?
- J'ai fait quelques modifications, notamment l'ajout d'une méthode qui a les arguments que vous pouvez passer par le biais d'une URL. J'espère que cela aide à expliquer mes exemples. Aussi oui, l'URL ne passer un message; cependant, vous pouvez le modifier de quelque façon que vous voulez, c'est juste une variable locale nommée message.
- Si vous avez résolu votre problème, il convient de marquer une réponse correcte afin que d'autres personnes qui regardent cette question a une réponse. Ou si vous fixe sans ces réponses, post comment vous l'avez résolu dans une réponse par vous-même.
InformationsquelleAutor Preston Hager
1

Vous pouvez envisager d'utiliser Toastr à la place. J'ai couru dans le même endroit, avec le Flacon de la fonction de Flash, et Toastr est de la pure JS. Vous pouvez l'utiliser comme un journal de la console de ligne dans votre code

toastr.info("Here's a message to briefly show to your user");
- Excellente bibliothèque pour clignotant
InformationsquelleAutor hamx0r

Vous devez vous connecter pour publier un commentaire.