❄️Présentation du langage de modèle HMPL

Bonjour à tous ! J'ai déjà écrit beaucoup d'articles, mais en fait je n'ai jamais dit ce qu'est ce HMPL. Aujourd'hui, je vais me corriger et montrer avec des exemples complets comment cela fonctionne et comment cela peut être utile dans vos projets. Eh bien, c'est parti !

Qu'est-ce que c'est?

Comment pourrais-je le décrire ? La façon la plus simple de le décrire est probablement la suivante : rendu côté serveur (SSR) pour toute application Web, mais sans visualisation par robot. Autrement dit, cet outil vous permettra de charger des composants sur le client directement depuis le serveur, et avec une personnalisation complète. Et, plus important encore, tout cela ressemble à un langage modèle, c'est-à-dire que tout est super pratique et pratique.

????

D'accord, c'est ce que j'ai essayé de dire en quelques mots, mais en général, ça vaut la peine de regarder l'exemple et on pourra ensuite en apprendre un peu plus.

exemple

À titre d'exemple, prenons un simple clicker :

importer hmpl depuis "hmpl-js" ;

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



<p>Le résultat sera le suivant :</p>

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

<p>Et, en fait, il peut y avoir beaucoup d'exemples d'utilisation. D'une galerie au chargement d'un texte simple.</p>

<h2>
  
  
  Comment HMPL peut-il vous aider dans votre projet ?
</h2>

<p>Dans le projet, en fait, vous pouvez proposer un grand nombre de situations dans lesquelles vous pourriez avoir besoin de ce module. Tout d'abord, il s'agit bien sûr du partage de composants entre sites.</p>

<p>Si vous avez des composants comme une barre latérale qui sont répétés sur plusieurs de vos sites, ce serait une bonne idée de les déplacer vers le serveur et de les récupérer à partir de là via une requête. En changeant une fois le modèle, vous obtiendrez le même résultat sur des dizaines, voire des centaines de sites.</p>

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

<p>De plus, une telle pratique de travailler avec le serveur permettra de réduire le code sur le client. Ainsi, les utilisateurs du site chargeront le site pour la première fois beaucoup plus rapidement, car, en fait, la taille du bundle sera plus petite.</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>Dans cette section, parmi un million d'articles similaires, ils écrivent quelque chose comme le résumé de l'article. Je pense que l'article contient un résumé. Nous devons apprendre à programmer sur papier et vous pouvez créer une application vraiment cool.</p><p><img src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg" alt="❄️Introducing the HMPL Template Language"></p>


          

            
        

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!