dynamisch ändernde Vorlage Inhalt einer Web-Formular

Question

Sagen wir, ich möchte eine Web-Anwendung erstellen, die Vorlagen in der Form ähnlich der folgenden verwenden würde:

<h1> 
    { status_text[step] } 
</h1> 
<progress max="10" value="{ value[step] }"> 
</progress> 

Mit anderen Worten, lassen Sie uns sagen, dass ich Listen haben value[] und status_text[], ändern Sie nur die Variable step im Laufe der Zeit und möchte das Formular diese Änderungen in der Echtzeit widerspiegeln (im Idealfall, auch ohne eine Benachrichtigung aus dem Code, der step ändert, so dass ich current_time anstelle von einigen künstlichen step verwenden kann) . Mit welcher Technologie sollte ich dieses Verhalten auf die eleganteste Art und Weise umsetzen? (für die Hauptsprache würde ich lieber Python verwenden, aber JS/PHP würde auch funktionieren, wenn es keine Python-bezogene Lösung gibt)

Vielen Dank im Voraus für eine Beratung.

Answer 1

Diese Art von Aufgabe wird immer auf der Client-Seite ausgeführt, mit anderen Worten in JavaScript.

Egal, Sie verwenden PHP oder Python für Back-End-Logik, müssen Sie JavaScript , das zu tun.

Das heißt, wenn Sie reine JavaScript oder eine Bibliothek wie jQuery verwenden möchten, müssen Sie bei jeder Änderung des Fortschritts ein Ereignis auszulösen und den Wert des h1 Element zu aktualisieren. Ich denke nicht, dass dies die beste Lösung für Sie ist.

Also ich schlage vor, Sie verwenden AngularJs. Es ist eine der führenden Web-Entwicklungstechnologien. AngularJs Datenbindung ermöglicht es Ihnen, dies sehr einfach zu erreichen. Keine Notwendigkeit, Ereignisse oder zusätzliche Arbeit auszulösen. Wenn Sie an AngularJs interessiert sind, hier ist ein link um loszulegen.