1. 课程简介

本次课程主要通过搭建订单创建工作流APP的过程讲解如何在supOS平台通过组态开发与少量脚本服务设计创建一个APP;

课程视频:立即查看>>

2. 课程适配范围

supOS版本:v3.0.0

3. 详细介绍

通过之前的课程中,有提到过supOS低代码开发的基本介绍,其中有产品资料库说明、APP开发流程图说明以及对象建模和组态页面开发流程说明,可以参考之前的课程进行了解。

「Demo APP 展示」

工作流是企业常见的工具引擎,我们将针对新建订单的流程发起、审核,进行案例说明,如何结合对象脚本以及页面组态加低代码开发APP。

订单审批工作流-1

订单审批工作流-2

功能一:工作流的绘制

首先新建一个工作流APP,在APP工作流管理中新建一个工作流,并绘制如上图所示的简单工作流程(发起工作流-新建-审核-结束)。并在新建、审核等两个环节设置执行者、显示页面等属性。

为了简单起见,可以在测试阶段将两个步骤的执行者都设置成发起者(也就是新建、审批都是自己的账号进行流程的测试)

订单审批工作流-3

功能二:新建页面引入工作流组件

首先新建一个新建销售订单的页面(新建页面时记得勾选启用工作流),和之前报表开发不同的是,此处的提交和取消按钮不需要我们自己写,工作流组件会提供。

订单审批工作流-4

新建一个工作流处理页面,引入工作流组件

订单审批工作流-5

新建销售订单按钮绑定一个单击事件,打开新建销售流程页面。

订单审批工作流-6

功能三:流程图与添加表单服务绑定

新建一个新增销售订单的服务,在流程图中,将审核销售订单流程与这个服务绑定,就可以实现审核流程提交后结束工作流的同时新增一条订单数据在订单表中。

订单审批工作流-7

新建服务时需要设置固定的输入参数和输出参数格式

订单审批工作流-8

服务脚本如下:

//表单数据转为json并删除多余字段
var formDataJson = JSON.parse(data);
delete formDataJson.ctrlIndex
delete formDataJson.ctrlType
//调用新增数据服务,并返回固定成功响应格式
templates["hsh_xsdd.tbl_sale_order"].AddDataTableEntry(formDataJson);
var result = {
    "code": 200, 
    "message":"ok"
}
result;

之前的流程全部完成之后我们就可以在我们的工作流处理页面进行预览,点击新建销售订单按钮,调试自己的工作流是否可以走通。

订单审批工作流-9