使用 Yeeflow 构建您的第一个应用程序

Yeeflow 是一个强大且多功能的表单构建，了解如何创建您的第一个表单。

Yeeflow 是一个无代码平台，用于构建可扩展的基于云的自定义应用程序，可以无缝部署到各种规模的组织。它提供了多种配置和自定义选项。

本指南将帮助您开始构建您的第一个自定义应用程序。本指南阐释了如何使用审批表单和相关表单报告构建出差请求管理，让您大致了解如何解构业务流程并构建适合您组织自定义需求的表单。

规划您的业务需求

在开始构建应用程序之前，至关重要的是：

确定您想要执行的业务需求
概述表单所基于的数据/字段，以及数据的交互
概述所涉及的任务和角色以及报告监控器的方式。

旅行请求作为样本

假设您的任务是管理 <Travel Request Form>。

您已决定构建一个表单来执行在线提交和批准旅行请求。

此表格适用于以下参与者：

申请旅行申请表的申请人
批准请求的经理
监察员，负责监察本表格

此表格适用于以下流程：

申请人申请出差申请
经理进行审核并批准/拒绝请求
如果第2步被拒绝，申请人可以更新并再次提交（如有）

<返回顶部>

第 1 步：创建新应用程序

首先，使用您的 Yeeflow 帐户登录。在主页上，单击一个工作区下的“新建应用程序”图标。然后从弹出菜单中选择“从头开始”：

在弹出窗口中，输入应用程序名称和描述。让我们将此应用程序命名为“我的第一个应用程序”，然后单击“确定”以创建此应用程序。

创建应用程序后，您将被自动重定向到新应用程序内部。

第 1 步：创建您的第一个批准表格

单击顶部导航栏中的“+添加组件”，或此空白应用程序的中心。

在弹出的窗口中，从组件列表中选择“审批表”。

将新表单的名称设置为“Travel Request Form”，将Id 设置为“TravReq”，然后单击“确定”按钮，创建一个新的审批表单：

创建审批表单后，您将看到一个弹出窗口，询问您是否要打开设计器。

单击“确定”打开表单/工作流设计器。您现在已准备好与设计师一起设计表单和工作流程。

第二步：开始构建提交表单

当您打开审批表单的设计器时，您首先会看到一个空白表单：

并且该表单中还没有任何组件（无标题的标题、表单、工作流或报告）。

P1。构建表单

您可以为此工作流表单定义标题名称（例如旅行请求表单）。

在你开始之前

将控件从表单控件（在左侧面板上）作为字段拖放到表单中。它的控件/字段属性 将出现在右侧。

了解如何控制和验证您的字段以满足条件逻辑。

每个都带有：

>> 基础

标签：或者说显示字段名称，它是一个文本输入，让用户知道他们要在该字段中输入什么信息。
字段 ID：自动生成且唯一。您可以使用可识别的名称对其进行编辑。
字段名称：自动生成。您可以使用可识别的名称对其进行编辑

>> 外观

Display Title : 用于显示标签名称。默认状态为ON。如果需要，您可以将其设置为OFF 。
动态显示规则：您可以根据需要将其设置为显示/只读/可编辑/颜色，但每个控件都有其有限的规则。

>> 验证

只读：默认状态为关闭。您可以根据需要设置为 ON。
必需：默认状态为关闭。您可以将 is 设置为 ON，即强制填写。
自定义验证：您可以设置它，并在满足条件时显示错误消息。然后表单无法提交并显示错误消息。

步骤 1.1 - 设置表单字段

将控件拖放到您的表单中，如下所示。

了解如何为 您的表单选择合适的控件。

字段名称	字段类型	字段属性
申请人	用户	自动填充
提交日期	日期	自动填充
部门	组织	自动填充
经理	用户	自动填充
商业用途	落下	必须选择（例如车间）
出发日期	日期选择器	强制的
归期	日期选择器	强制的
目的地	文本区域	强制的
行程	列表	可选并添加要填充的项目：（例如日期；每日议程）
附加评论	文本区域	可选的

Yeeflow 可以从工作流控件（靠近左下角）快速控制申请人信息 ，其中包括默认字段。

在Control Properties 中，单击Appearance → Settings并自定义显示的字段：申请人；提交日期; 部门; （线）经理。

从布局和其他控件中 拖放网格，以漂亮的外观设计您的表单。

步骤 1.2 - 管理每个监控的工作流历史记录

向下滚动，您将在页面底部看到“工作流程历史”。单击它，您可以管理它在表单中显示或不显示。

步骤 1.3 - 表单预览

执行上述操作后，单击左上角附近的预览并进行快速检查。

步骤 1.4 - 将其复制到任务表单的新页面

根据要求，由于工作流过程会有几个审批步骤，我们需要创建单独的任务表单。任务表单将与工作流设计器中的分配任务操作相关联。

要创建任务表单，请转到左上角的“旅行申请表”，从下拉菜单列表中，单击“任务表单”部分下的“+ 添加任务来自”：

在弹出的窗口中，选择“从现有表格复制”，然后从“选择表格”下拉列表中，选择我们刚刚设计的提交表格“旅行申请表”。将表单标题设置为“Travel Approval”：

单击“确定”，您将进入从提交表单复制的任务表单。

现在我们在“旅行审批”中，其 页面属性 将出现在右侧。您需要转到“验证”并单击“只读”以查看整页。如果应将其设置为可编辑，请单击单个变量。

向下滚动，您将看到“任务操作面板” ，它位于“工作流历史记录”上方。

单击它并管理显示和验证执行。

步骤 1.5 - 预览您的表格

在一个简单的实现之后，让我们快速预览一下这个任务页面。

现在，您完成批准表格。单击下一步（靠近右上角）或工作流 （在顶部中心），您将被带到工作流设计器。

<返回顶部>

P2。创建工作流

将操作从左侧调色板拖放到设计器。单击操作下的设置时，其操作属性将显示在右侧。

如果您想满足更多要求，请了解如何选择工作流操作。

步骤 2.1 - 动作设置

完成分配设置有4 个步骤：

您可以使用可识别的名称（例如经理批准）定义标签；
设置将执行审批操作的任务受让人：

对于此示例，我们将申请人直线经理设置为受让人。

单击以设置受让人，然后选择“表达式”并单击“编辑器”菜单。

然后从Instance Context → Applied → Line Manager的路径中选择，插入并确定。
从下拉列表中选择任务表单。
管理此分配的任务类型。将有一个默认的任务类型（如下），您可以根据您的要求定义它。