❄️HMPL 模板语言简介

大家好！我曾经写过很多文章，但其实我从来没有讲过这个HMPL是什么。今天我将纠正自己，并以完整的示例展示它的工作原理以及它如何在您的项目中发挥作用。那么，我们走吧！

这是什么？

我该怎么形容呢？也许最简单的描述方式是：适用于任何 Web 应用程序的服务器端渲染 (SSR)，但无需机器人查看。也就是说，该工具将允许您直接从服务器将组件加载到客户端，并且可以完全自定义。而且，最重要的是，它都像模板语言一样，就是一切都超级方便实用。

???

好吧，这就是我试图用几句话表达的意思，但总的来说，值得看一下这个例子，然后我们可以了解更多。

例子

作为一个例子，我们来看一个简单的答题器：

从“hmpl-js”导入hmpl；

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



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

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838038516.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<p>而且，事实上，可以有很多使用示例。从图库到加载简单文本。</p>

<h2>
  
  
  HMPL 对您的项目有何帮助？
</h2>

<p>实际上，在项目中，您可能会想到大量可能需要此模块的情况。首先，这当然是在站点之间共享组件。</p>

<p>如果您的多个站点上有重复的侧边栏之类的组件，那么最好将它们移动到服务器并通过请求从那里获取它们。通过更改一次模板，您将在数十个甚至数百个网站上获得相同的结果。</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838185581.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<p>此外，这种与服务器一起工作的做法将允许减少客户端上的代码。因此，该网站的用户首次加载该网站的速度会更快，因为事实上，捆绑包的大小会更小。</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838576474.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<h2>
  
  
  错觉
</h2>

<p>在这一部分中，他们从一百万篇类似的文章中写出类似文章摘要的内容。我认为这篇文章有一个总结。我们需要学习在纸上编程，您可以创建一个非常酷的应用程序。</p>
<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>


          </div>

            
        

以上是❄️HMPL 模板语言简介的详细内容。更多信息请关注PHP中文网其他相关文章！