❄️HMPL 範本語言簡介

大家好！我曾經寫過很多文章，但其實我從來沒有講過這個HMPL是什麼。今天我將糾正自己，並以完整的示例展示它的工作原理以及它如何在您的專案中發揮作用。那麼，我們走吧！

這是什麼？

我該怎麼形容呢？也許最簡單的描述方式是：適用於任何 Web 應用程式的伺服器端渲染 (SSR)，但無需機器人查看。也就是說，該工具將允許您直接從伺服器將元件載入到客戶端，並且可以完全自訂。而且，最重要的是，它都像模板語言一樣，就是一切都超級方便實用。

???

好吧，這就是我試圖用幾句話表達的意思，但總的來說，值得看一下這個例子，然後我們可以了解更多。

例子

作為一個例子，我們來看一個簡單的答題器：

從「hmpl-js」導入hmpl；

const templateFn = hmpl.compile(
  `<div>;
      



<p>結果如下：</p>

<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838038516.jpg" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<p>而且，事實上，可以有很多使用範例。從圖庫到載入簡單文字。 </p>

<h2>
  
  
  HMPL 對您的專案有何幫助？
</h2>

<p>實際上，在專案中，您可能會想到大量可能需要此模組的情況。首先，這當然是在網站之間共用元件。 </p>

<p>如果您的多個網站上有重複的側邊欄之類的元件，那麼最好將它們移動到伺服器並透過請求從那裡獲取它們。透過更改一次模板，您將在數十個甚至數百個網站上獲得相同的結果。 </p>

<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838185581.jpg" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<p>此外，這種與伺服器一起工作的做法將允許減少客戶端上的程式碼。因此，該網站的用戶首次加載網站的速度會更快，因為事實上，捆綁包的大小會更小。 </p>

<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838576474.jpg" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<h2>
  
  
  錯覺
</h2>

<p>在這一部分中，他們從一百萬篇類似的文章中寫出類似文章摘要的內容。我認為這篇文章有一個總結。我們需要學習在紙上編程，您可以創建一個非常酷的應用程式。 </p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>


          </div>

            
        

以上是❄️HMPL 範本語言簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章！