phoben 发表于 2024-7-2 11:33:58

【插件上新】Mustache模板引擎--根据模板快速生成动态内容

本帖最后由 phoben 于 2024-7-2 11:45 编辑

插件地址:Mustache模板引擎 - 葡萄城市场 (grapecity.com.cn)

先说3个场景:
Web开发:在前端的各类文本内容、HTML内容、提示消息等位置使用动态的内容。
API响应格式化:服务器端使用Mustache将数据格式化为HTML或其他格式的响应。
邮件模板:生成动态内容的邮件模板,如个性化邮件。

Mustache的主要作用是将结构化的数据(比如JSON格式的数据)与模板结合,生成动态内容。
例如,你有一个邮件模板,但是内部某些内容需要动态生成,这时候你就可以利用Mustache模板语法,在邮件里进行占位,然后通过本插件进行替换。
特点:易上手:简单易用、容易上手,没有太多复杂的规则和结构。逻辑少:Mustache被设计为"逻辑少"的模板引擎,因此只专注于数据和模板之间的填充,不会引入复杂的编程逻辑。
视频教程:https://mallcdn.grapecity.com.cn/d3e7412f0cb531b8c24781c5ba338bb2_Mustache%E8%AF%AD%E6%B3%95%E8%AE%B2%E8%A7%A3+%E6%8F%92%E4%BB%B6%E7%94%A8%E6%B3%95.mp4
没有了解过模板引擎的朋友,我这里举个简单例子。1、文本替换      这是一个非常基础的用法,在活字格中,我们想要拼接一段动态的内容有时候不那么方便,例如:
      

      上面只是一个非常简单的例子,拼接起来是非常麻烦的,假入失败原因有多条记录(根据循环中决定),动态拼接更加麻烦       使用Mustache模板引擎,我们只需要这么做:
      
      显然,使用模板引擎后,对开发者更加友好,也非常容易维护。      再进一步,假如失败原因有N条,需要全部每行一个展示,怎么做呢?
      非常简单,我们只需要稍微修改一下模板:       是不是So easy?     其实Mustache模板引擎还有很多高级用法,例如动态显示、隐藏某个文本,对象数组的循环显示等。    它最大的特点就是能够根据你的数据源结构,配合模板来渲染成你想要的效果。
   更多用法,大家可以参考官方示例:mustache(5) - Logic-less templates.   里面讲述了Mustache的所有语法,非常简单。

   下面给大家介绍插件的使用方法   插件使用也是非常简单,提供模板、提供数据源,OK了。
https://mallcdn.grapecity.com.cn/902baa5f3ef39865e71226c7ebb6e990
我们将原始的文本数据直接提供或者提供变量,然后将数据源JSON传递到“设置数据源”参数中即可。我们测试一下。https://mallcdn.grapecity.com.cn/5d2282c80d7f10ada0ee754edb7f850f

结果:https://mallcdn.grapecity.com.cn/3253863bdca8736a2f4b46dcdb11a76c

发表于 2024-7-2 13:10:08

牛 YYDS
{:5_117:}

页: [1]
查看完整版本: 【插件上新】Mustache模板引擎--根据模板快速生成动态内容