❄️HMPL テンプレート言語の紹介

皆さん、こんにちは！私はかつてたくさんの記事を書きましたが、実はこの HMPL が何であるかを語ったことがありませんでした。今日は自分自身を修正し、それがどのように機能するか、そしてそれがプロジェクトでどのように役立つかを完全な例で示します。では、行きましょう！

これは何ですか？

それをどう説明すればいいでしょうか?おそらくこれを説明する最も簡単な方法は次のとおりです。あらゆる Web アプリケーションのサーバーサイド レンダリング (SSR) ですが、ロボットによる表示はありません。つまり、このツールを使用すると、コンポーネントをサーバーから直接、完全にカスタマイズしてクライアントにロードできるようになります。そして最も重要なことは、すべてがテンプレート言語のようなものであるということです。つまり、すべてが非常に便利で実用的です。

????

わかりました、これが私がいくつかの言葉で言おうとしたことですが、一般に、例を見てみる価値はあります。その後、もう少し詳しく学ぶことができます。

例

一例として、単純なクリッカーを見てみましょう:

「hmpl-js」から hmpl をインポートします。

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



<p>結果は次のようになります:</p>

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

<p>実際、使用例はたくさんあります。ギャラリーから簡単なテキストの読み込みまで。</p>

<h2>
  
  
  HMPL はあなたのプロジェクトにどのように役立ちますか?
</h2>

<p>実際、プロジェクトでは、このモジュールが必要となる状況が非常に多く考えられます。まず第一に、これはもちろん、サイト間でコンポーネントを共有することです。</p>

<p>複数のサイトで繰り返されるサイドバーなどのコンポーネントがある場合は、それらをサーバーに移動し、そこからリクエストを通じて取得することをお勧めします。テンプレートを一度変更するだけで、数百とは言わないまでも、数十のサイトで同じ結果が得られます。</p>

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

<p>また、このようにサーバーを操作することにより、クライアント上のコードを減らすことができます。したがって、実際にはバンドルのサイズが小さくなるため、サイトのユーザーは初めてサイトをより速く読み込むことができます。</p>

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

<h2>
  
  
  幻想
</h2>

<p>このセクションでは、100 万件の同様の記事から、記事の概要のようなものを書きます。この記事には1つの要約があると思います。紙の上でプログラミングする方法を学ぶ必要があります。そうすれば、本当に素晴らしいアプリケーションを作成できるようになります。</p>
<p><img src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg" alt="❄️Introducing the HMPL Template Language"></p>


          </div>

            
        

以上が❄️HMPL テンプレート言語の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。