我们的项目在 Github 上获得了 100 秒星🔥

大家好！今天，我想分享一下我们项目历经10个月的努力后取得的一个小成果！快来看看吧（如果喜欢的话，请点个星，支持我们——谢谢！❤️）。我们会聊聊这个项目是什么，以及它能如何帮助你。

🐜 这是什么项目？

该项目是一种模板语言，它将帮助您创建现代 Web 应用程序，而无需使用框架，只包含 API 和语言编译器。

我们以一个包含登录名和密码等字段的小型注册流程为例form。全球数百万个网站都在使用类似的流程。

import { compile } from "hmpl-js";

const templateFn = compile(
  `<div>
  <form onsubmit="function prevent(e){e.preventDefault();};return prevent(event);" id="form">
    <div class="form-example">
      <label for="login">Login: </label>
      <input type="text" name="login" id="login" required /><br/>
      <label for="password">Password: </label>
      <input type="password" name="password" id="password" required />
    </div>
    <div class="form-example">
      <input type="submit" value="Register!" />
    </div>
  </form>
  <p>
    {
      {
        "src":"/api/register",
        "after":"submit:#form",
        "repeat":false,
        "indicators": [
          {
            "trigger": "pending",
            "content": "<p>Loading...</p>"
          }
        ]
      }
    }
  </p>
</div>`
);
const initFn = (ctx) => {
  const event = ctx.request.event;

  return {
    body: new FormData(event.target, event.submitter),
    credentials: "same-origin",
  };
};
const obj = templateFn(initFn);
const wrapper = document.getElementById("wrapper");
wrapper.appendChild(obj.response);

在这里，如果一切正常，我们将从服务器收到一个带有p标签的简单 HTML 代码形式的响应Text，例如Hello, ${login}!

还值得注意的是，我们收到了动态处理的文本，也就是说，我们从后端收到了我们的登录信息。

👀 该项目能为您带来什么帮助？

首先，该项目将帮助开发人员使他们的 Web 应用程序比在现代框架上编写的 Web 应用程序小得多。

该图基于此代码库。此结果得益于面向服务器的方法，我们将整个页面、组件等移至服务器，并在客户端留下一个空框架。

与 Alpine.js 和类似的库不同，HMPL 具有基于对象的相当方便的语法，可以通过 进行自定义请求fetch。

🌱 贡献者

我要衷心感谢所有贡献者，感谢他们为项目做出的贡献，让项目更加完善。如果没有他们的帮助，项目将会非常艰难，因为要实现一个应该正常运行的项目几乎是不可能的。

来自旧存储库和新存储库的所有贡献者，再次感谢他们❤️！

📢 项目推广

有了这个，我的情况总是很糟糕(ᵕ—ᴗ—)。我只专注于开发，根本没有考虑过需要以某种方式推广它之类的事情。对我来说，主要目标不同——每天解决那些必要的问题，如果没有这些问题，今天根本无法使用它。

但至少我在 dev.to 上创建了一个博客，我有时会在上面发推文，我还创建了一个博客来分享我们的想法。我有时也会写一些关于它和其他内容的文章，所以你可以查看所有的资源。

另外，您还可以在 GitHub 上为我们的项目点个星标来支持我们！谢谢🌊！

💎 明星 HMPL ★

👽 下一步是什么？

制作一个很酷的模板语言，还能怎么样？）事实上，最近制定了一个路线图，描述了到 2025 年需要做什么。

虽然任务不多，但开发工作会越来越多。毕竟，HTMX 和 Apine.js 是“竞争对手”，所以模板语言必须具备更多功能才能成为最佳工具，但这也需要付出努力！

✅ 该项目是开源的

所以你也可以参与！这也意味着你可以将其用于商业用途：

仓库：https://github.com/hmpl-language/hmpl
网站：https://hmpl-lang.dev

🖋️ 结论

我要向所有支持和支持这个项目的人表示衷心的感谢，你们的点赞、评论、贡献和积极参与都让我受益匪浅。这对我们来说非常重要，我希望我们能继续为模板语言做一些很酷很有趣的事情！再次感谢大家❤️！