【腾讯云课堂】千帆神笔aPaaS实验手册

实验预计耗时：30分钟

1.课程背景

千帆神笔aPaaS是一款专注于企业级应用可视化开发管理的高效能开发平台。

本实验将基于神笔aPaaS搭建一个合同管理应用，通过搭建合同管理应用，让学员更快速的了解利用产品的基本功能，体验神笔aPaaS为开发者和企业带来的高效与便捷。

2.实验环境

本课程需要以下实验操作环境：

1. 可以接入互联网的笔记本电脑或者台式机，包括但不限于Windows、MAC系统
2. 实验环境：计算机本地+腾讯云控制台

3.实验流程

4.实验步骤

（1）注册千帆神笔aPaaS账号，注册指引：https://docs.qq.com/doc/DUXpFRlNrVWFxcUha

（2）登录千帆神笔aPaaS后台，登录地址：https://apaas.cloud.tencent.com

操作流程

点击新建应用，应用名：合同管理系统，点击确定。

任务1 对象建模

功能简介：在神笔aPaaS平台中，可抽象业务需求，建立数据模型对象，用于存储业务数据。对象（Object） 用于存储业务数据，您可以将其理解为数据库中的数据表。

最终完成的效果图：

1、合同相对方

合同相关方主要是包含与合同相关的客户以及联系人信息。例如甲方乙方信息。

合同相对方对象包含：相对方名称、联系电话、开户银行、银行账号、备注说明以及联系人字段。

步骤1：

点击新建对象→填写对象信息→设置主字段。

步骤2：

依次创建字段类型为文本的字段，这里演示创建相关方名称字段。这里建议大家在做字段ID填写时采用字段名称首字母简写+下划线+英文名称，这样便于区分。

按照步骤2的方法：继续添加如下字段，录入完成以后“合同相对方”对象创建完毕。

2、合同档案

接下来我们创建合同档案对象。参考合同相对方我们创建好对象主子段。

步骤1：

创建合同甲方字段，这里我们需要创建一个关联关系去关联合同相对方。

创建完成后如下所示：这两个字段的关联关系在于，一个合同相对方可以对应多个档案。实现1：N的关系。

步骤2：

创建合同收付类型，字段类型为枚举类型，这里可以自定义选项值，通常用于固定场景下，例如性别：男、女。

按照步骤2的方法：继续添加如下字段，录入完成以后“合同档案”对象创建完毕。

3、收付款内容

仿照前面的对象建模方式创建如下对象：

这里举例计算公式的用法，字段名称为：剩余支付金额；计算结果为文本，计算表达式为：Text(Value(#field1)-Value(#field5))；其中#field1为款项金额的值，#field5为已支付金额的值。

4、合同付款/合同收款

合同收付款对象分别与收付款内容以及合同档案对象绑定关联关系。

任务2 页面设计

通过拖拽的方式实现页面设计。

新建页面分为五种：新建标准页面、新建审批流程页面、新建仪表盘页面、从模板创建和从对象中自动生成。本次给大家演示新建标准页面以及从对象中自动生成

新建标准页面

1、合同相对方提交页面

步骤1：

进入到页面设计之后点击左上角的创建页面选择新建页面，输入页面名称为：合同相对方提交。

步骤2：

进入到页面后我们将布局组件中的分组组件拖入画布中。将组件标题改为“合同相对方提交”。

步骤3：

将数据组件中的表单组件拖入分组组件中“请从左侧选择相关组件拖拽至此处” 在右侧树形面板里选择合同相对方对象。

步骤4：

最后将表单中的“合同相对方”单行输入框删除。选择提交按钮，在右侧的交互属性中改为创建记录。

2、合同相对方信息页面

创建合同相对方信息页面的目的是为了通过表格组件展示“合同相对方“的信息。

步骤1：

从对象中自动生成。

点击新建页面后选择从对象中自动生成，对象选择合同相对方。

页面左侧会自动生成表单页面和表格页面，在表格内可以支持组件的删除与复制。

表格上面式表单搜索，在右侧的顶部组件设置中可以设置搜索方式。也可按自己的需求删减。

接下来按照从对象中自动生成的方式我们创建剩余四个对象的页面。

3、合同档案页面

点击合同档案列表页。可以看到合同档案的基本信息，在右侧可以调整列的位置。

点击合同档案信息页面，需要注意的是，当对象中有关联关系字段时，需要将表单中的关联选择器中的展示字段更改为”相关方名称“，这样才会展示甲方/乙方的名称。如果在运行态出现了下拉列表是编号的情况下需要更改这里。

继续添加款项金额明细。这里显示条件的作用为判断合同收付类型是否为空，如果非空则跳转到创建款项明细流程。流程创建详见流程编排中”添加款项明细“

4、款项明细填写

这里我们需要参照”三、流程编排处理号添加款项明细以及新增款项明细“。

步骤1：

新建款项明细编写空白页面。

步骤2：

上方拖入表单，下方拖入表格，数据源选择收付款内容。中间拖入新增款项记录按钮，右侧属性面板中点击事件选择触发流程。流程选择我们在流程编排中创建好的新增款项明细。

任务3 流程编排

1、添加款项明细

步骤1：点击流程编排，创建新流程为”添加款项明细“。

步骤2：

创建完流程后点击中间的加号创建一个对象活动为”创建记录“的元素，并对元素进行命名以及设置赋值。

如图所示设置赋值。

继续添加打开页面元素，打开页面为款项明细填写，设置页面参数如图所示，整个添加款项明细的流程完成。

2、新增款项明细

步骤1：

新建款项明细流程，新建创建款项明细记录元素节点。对象选择收付款内容。点击设置赋值如下图所示进行配置。

步骤2：

新建查询合同记录系节点，选择合同档案对象

设置查询条件：

步骤3：

新建计算合同总额节点，类型选择表达式。表达式输入：Text(Value(#htda_new.ht_total)+Value(#mx_new.field1)) 其中ht_total为合同总额ID，field1为款项金额ID。

步骤4：

新建表达式“计算已收付金额”，变量类型设置为字符串类型，表达式为：Text(Value(#htda_new.ht_paid)+Value(#mx_new.field5)) 其中ht_paid为合同累计已支付金额，field5为已收付金额。

步骤5：创建更新记录节点。对象记录选择htda_new，如图设置赋值。

步骤6：

创建刷新页面节点。流程配置完成。

任务4 发布应用

预览进入运行态查看效果。无问题进行应用发布。

点击下一步后进入模板中心打开应用。

步骤1：

点击新建合同相关方，录入甲乙方信息。

步骤2：

接下来录入合同档案内容。

步骤3：

新增一条款项明细

最后用户可按照模板中心中模板完善整个合同管理系统流程。