关注「索引目录」公众号,获取更多干货。
我们来聊聊新版模板语言。我们在这个项目上已经投入了一年半的时间,说真的,这绝对是我们想要的那种认真程度。
你可能会觉得,过了这么久,事情肯定可以做得更好。没错,但事实上,我们现在拥有的已经非常非常棒了。
让我们一起来看看新版本,看看我们准备了些什么 :)
GIF
🔗 绑定
文章里通常充斥着不必要的赘述,无论是否与主题相关。当然,我也喜欢这么做,但我们还是直奔主题吧。
<div class="{{requestStatus}} class1">Text</div>
{{#request
src="/api/getHTML"
bind="{{requestStatus}}"
}}{{/request}}
结果:
<div class="hmpl-status-requestStatus-200 class1">Text</div>
是的,现在除了指示器之外,您还可以编写自定义类和其他属性。
值得一提的是,这项功能本身非常独特,因为我使用了 Cample 的代码,Cample 是我之前的一个项目,也是互联网上速度最快的项目之一。参与 Cample 的开发最终帮助了我,因为这种速度优势现在也能应用到模板语言的实现中 :)
基准
👀 HATEOAS怎么样?
模板语言的关键目标之一是方便地在 HATEOAS 架构上创建应用程序。也就是说,当我们从 API 接收到可用于与页面交互的路由时。
{
"id": 10,
"name": "Lenovo Laptop",
"price": 899.99,
"inStock": true,
"_links": {
"self": { "href": "/products/10" },
"add_to_cart": { "href": "/cart", "method": "POST" },
"category": { "href": "/categories/laptops" },
"related": { "href": "/products?relatedTo=10" },
"reviews": { "href": "/products/10/reviews" }
}
}
在这种应用范式中,我们理解模板语言的未来版本将致力于以这种格式便捷地与服务器进行交互。因为在常规应用中,我们需要了解所有路由,而在这里,我们只需描述组件,然后系统就会返回所需的 API 路由。
关注「索引目录」公众号,获取更多干货。

