ILLA home page
  1. Transformer

Transformer

我们在ILLA中内置了Transformer以满足您编写JavaScript完善应用逻辑的需求。在Transformer中,您不需要像在字符输入框中一样使用{{模版语法}}进行JavaScript编程,让您能更流畅的书写长且复杂的JS代码块。Transformer的存在还能帮助负责页面设计与逻辑搭建的开发者不受限于对方的进度,更高效的完成开发工作。 您在转换数据时不仅可以在已建立好的数据操作中使用Transformer,也可以选择创建Transformer操作。当您的转换工作涉及到多个操作,或是需要使用复杂的JavaScript逻辑进行转换时,选择独立的Transformer将是更好的选择。

创建Transformer

在操作列表中点击创建操作,选择Transformer,点击即创建成功。创建后Transformer会显示在操作列表中,选中后可以在配置面板中修改Transformer名字、编写JS代码、保存与运行。

您可以使用预览按钮查看Transformer的结果。请注意,您项目中的数值只会在点击Transformer保存按钮后更新。

组件调用Transformer的值等同于Transformer内返回的数据,这个数据会随着输入Transformer的数据与Transformer的代码改变而改变。与字符输入框相同的是,您仍然可以使用模版语法调用全局变量。当您在编写JS代码调用数据时,您可以在左侧面板的数据工作区中找到具体的数据变量名,帮助您更快编写代码。

您可以通过{{Transformer名字.标签名}}的方式在数据输入框中调用Transformer变量

查询Transformer

我们在查询操作中内置了一个转化器,方便您在完成查询后直接将获取的数据转换成需要的格式。当您在查询内的Transformer中完成了转换后,您只需要通过{{queryName.data}}即可获取数据。