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

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

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

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

 

规划您的业务需求

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

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

旅行请求作为样本

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

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

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

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

此表格适用于以下流程:

  1. 申请人申请出差申请
  2. 经理进行审核并批准/拒绝请求
  3. 如果第2步被拒绝,申请人可以更新并再次提交(如有) 

<返回顶部>

 

第 1 步:创建新应用程序

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

mceclip1.png

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

mceclip2.png

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

 

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

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

mceclip3.png

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

mceclip0.png

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

mceclip5.png

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

mceclip6.png

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

 

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

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

mceclip8.png

 

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

 

P1。构建表单

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

mceclip10.png

在你开始之前

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

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

mceclip22.png

每个都带有:

>> 基础

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

>> 外观

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

>> 验证

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

步骤 1.1 - 设置表单字段

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

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

字段名称 字段类型 字段属性
申请人 用户 自动填充
提交日期
日期 自动填充
部门
组织 自动填充
经理
用户 自动填充
商业用途 落下

必须选择

(例如车间)

出发日期 日期选择器

强制的

日期选择器 强制的
目的地
文本区域 强制的
行程 列表

可选并添加要填充的项目:

(例如日期;每日议程)

附加评论
文本区域 可选的

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

mceclip23.png

Control Properties 中,单击Appearance  →  Settings 自定义显示的字段:申请人;提交日期; 部门; (线)经理。

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

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

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

mceclip11.png

 

步骤 1.3 - 表单预览 

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

mceclip25.png

 

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

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

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

mceclip12.png

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

mceclip14.png

 

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

 

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

mceclip26.png

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

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

mceclip27.png

步骤 1.5 - 预览您的表格 

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

mceclip28.png

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

 <返回顶部>

P2。创建工作流 

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

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

mceclip15.png

步骤 2.1 - 动作设置

完成分配设置有4 个步骤

  1. 您可以 使用可识别的名称(例如经理批准)定义标签
  2. 设置将执行审批操作的任务受让人

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

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

    然后从Instance Context → Applied → Line Manager的路径中选择,  插入确定。


    mceclip12.png
  3.  从下拉列表中选择任务表单
    mceclip30.png
  4. 管理此分配的任务类型。将有一个默认的任务类型(如下),您可以根据您的要求定义它。
    mceclip13.png 

您可以针对各种要求添加更多工作流操作。 

 

步骤 2.2 - 流程设计

每个工作流必须有一个开始动作(已经在并且不能删除)和至少一个 结束动作; 

最终以抑制行动 是必须的,如果任何分配有一个拒绝按钮(在任务型)

mceclip14.png

根据需要使用箭头连接所有操作。 

mceclip5.png

单击箭头,您将看到设置图标;

Yeeflow 有一些快速条件,如Approval 或 Rejected Complete。您可以使用多个自定义条件来定义它。

mceclip7.png

至此,您已完成工作流设计器,如下所示。

mceclip16.png

单击发布(靠近右上角)。在弹出窗口中,单击“发布”按钮使您的审批表可用:

mceclip17.png

 <返回顶部>

mceclip10.png

您可以单击上面的“单击访问表单”链接访问已发布的表单并测试功能。

<返回顶部>

创建表单报告

返回应用程序,然后单击顶部导航栏中的“+添加组件”。从弹出窗口中,选择“来自报告”:

mceclip1.png

您将被带到报告创建页面。从第一个下拉列表中选择“旅行申请表”。并输入报告名称,如“旅行请求报告”:

mceclip19.png

单击下一步按钮选择您需要包含在报告中的相关字段。如果您只需要包含部分记录,请设置过滤条件:

mceclip20.png

下一页将允许您设置此报表的访问权限,如果允许用户查看详细表单信息和/或将数据导出到 Excel 文件:

mceclip21.png

在您配置和发布之后。您将被带到报告页面。 

提交记录将在3-5分钟内反映在报告中。

mceclip33.png

<返回顶部>

用户界面

用户可以看到如下界面的表格。 

mceclip31.png

提交后,您将看到一个弹出窗口,如下所示。

单击“ +申请表”将带您到一个新的提交表。

mceclip32.png

<返回顶部>

这篇文章有帮助吗?
2 人中有 2 人觉得有帮助

评论

0 条评论

登录写评论。