速成班101
10 模块
5 周数

工作流程

点击复制

网络应用程序组件的工作流程


到这里,我们就到了创建网络应用的关键时刻。毕竟,到目前为止,我们所做的一切都只是在创建一个图片。可能很可爱,但几乎没有用。现在我们需要做的是主要的事情。激活它,并为我们的行动添加反应。

每个组件都有一个 Workflow标签来完成这个任务。在其中,你可以创建业务流程并为其启动定义条件(触发器)。让我们为Calculate 按钮创建这样一个业务流程。


触发器

创建一个业务流程与我们在模块4中看到的非常相似,当时我们为后台创建了一个业务流程。有一个共同的画布,在那里添加的块,以及它们之间的连接决定了行动的顺序。一个重要的区别是,前端工作流有许多不同的块来启动一个业务流程。这些是启动业务流程的触发器。触发器本身对于每个组件都可以是不同的(一个按钮有一个点击,一个表有一个数据更新在里面,一个列表有一个对某些选项的选择),但在任何情况下,一般的工作逻辑都是相同的。一个事件发生了,这个事件启动了相应的商业流程。


让我们来决定一个总体计划。当按钮被点击的时候,我们需要做什么。

  • 找出X和Y的值。从相应的输入字段中获取它们。
  • 启动一个用于计算的端点,并将X和Y参数传递给它。
  • 使结果容器可见。
  • 把计算结果放在所需的Label 字段中。

业务流程块

第一步需要一个 InputFloat Get Properties块。它读取组件的当前值,不仅是用户输入的内容,还有其他设置(例如,外观设置或允许的值范围)。我们需要得到 Value,确切地说,这包含了用户输入的数据。每个值都来自其输入字段,为此我们需要两个块(用于X和用于Y)。在它们中,你需要选择 Component ID值的输入。如果你在创建时没有忘记指定它们的名称,那么找到并选择所需的组件就不难了。


下一步是启动端点。这是前端和后端的连接发生的地方,计算的命令从浏览器传输到服务器。我们应用程序的每个端点都被表示为一个单独的块。你只需要选择你需要的那个,然后连接它。这个端点被分配了一个 GET方法和module4-basic URL ,在第五模块中。它将在块的列表中以这个名字出现。 Server request GET /module4-basic/

与组件不同,端点不需要设置它们的Endpoint ID (它在默认情况下被正确设置)。只需要应用于在上一步中获得的输入X和Y。

下一个任务是使结果容器可见。要做到这一点,请使用 Container Update Properties块。在块本身,选择所需容器的ID ,并设置 Visible = true.


剩下的最后一件事是将数组中的5个结果元素分配到Web应用程序的相应组件中。我们知道,结果应该总是以严格定义的顺序出现,所以我们只需要按顺序拿起具有所需索引的元素,并将其值分配给Label 组件。要做到这一点,我们使用 Array Element块(索引从0到4)。 toString(来转换 Float数据到 String),以及 Label Update Properties来改变Label 文本并显示结果。


你可能已经注意到,有两个块选项用于更新任何组件的属性-- Update PropertiesSet Properties.它们之间的区别与 PatchPut方法的区别。前者只改变明确指定的属性,而后者则将它们全部覆盖。

最终结果

这样就完成了业务流程的创建。你可以保存、发布和检查最终结果。


如果一切操作正确,那么最终结果应该是这样的。


Was this article helpful?
还在寻找答案吗?
加入社区