❄️Einführung in die HMPL-Vorlagensprache

Hallo zusammen! Ich habe einmal viele Artikel geschrieben, aber tatsächlich habe ich nie erzählt, was diese HMPL ist. Heute werde ich mich korrigieren und anhand ausführlicher Beispiele zeigen, wie es funktioniert und wie es in Ihren Projekten nützlich sein kann. Na dann, lass uns gehen!

Was ist das?

Wie würde ich es beschreiben? Der wahrscheinlich einfachste Weg, es zu beschreiben, ist: Serverseitiges Rendering (SSR) für jede Webanwendung, jedoch ohne Robot Viewing. Das heißt, mit diesem Tool können Sie Komponenten direkt vom Server und mit vollständiger Anpassung auf den Client laden. Und vor allem ist alles wie eine Vorlagensprache, das heißt, alles ist super praktisch und praktisch.

????

Okay, das habe ich versucht, in ein paar Worten auszudrücken, aber im Allgemeinen lohnt es sich, sich das Beispiel anzuschauen und dann können wir etwas mehr lernen.

Beispiel

Nehmen wir als Beispiel einen einfachen Clicker:

hmpl aus „hmpl-js“ importieren;

const templateFn = hmpl.compile(
  `<div>
      <button data-action="increment">



<p>Das Ergebnis wird wie folgt sein:</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173595838038516.jpg" alt="❄️Introducing the HMPL Template Language"></p>

<p>Und tatsächlich kann es viele Anwendungsbeispiele geben. Von einer Galerie bis zum Laden von einfachem Text.</p>

<h2>
  
  
  Wie kann HMPL bei Ihrem Projekt helfen?
</h2>

<p>Im Projekt können Sie sich tatsächlich eine Vielzahl von Situationen einfallen lassen, in denen Sie dieses Modul benötigen könnten. Zunächst einmal geht es hier natürlich um die gemeinsame Nutzung von Komponenten zwischen Standorten.</p>

<p>Wenn Sie Komponenten wie eine Seitenleiste haben, die auf mehreren Ihrer Websites wiederholt werden, wäre es eine gute Idee, sie auf den Server zu verschieben und sie von dort über eine Anfrage abzurufen. Wenn Sie die Vorlage einmal ändern, erhalten Sie auf Dutzenden, wenn nicht Hunderten von Websites das gleiche Ergebnis.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173595838185581.jpg" alt="❄️Introducing the HMPL Template Language"></p>

<p>Außerdem ermöglicht eine solche Praxis der Arbeit mit dem Server, den Code auf dem Client zu reduzieren. Dadurch laden Benutzer der Site die Site zum ersten Mal viel schneller, da die Größe des Bundles tatsächlich kleiner ist.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173595838576474.jpg" alt="❄️Introducing the HMPL Template Language"></p>

<h2>
  
  
  Illusion
</h2>

<p>In diesem Abschnitt schreiben sie aus einer Million ähnlicher Artikel so etwas wie die Zusammenfassung des Artikels. Ich denke, dass der Artikel eine Zusammenfassung hat. Wir müssen lernen, auf Papier zu programmieren, und Sie können eine wirklich coole Anwendung erstellen.</p><p><img src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg" alt="❄️Introducing the HMPL Template Language"></p>


          

            
        

Das obige ist der detaillierte Inhalt von❄️Einführung in die HMPL-Vorlagensprache. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!