Flowable-UI (三) Flowable流程中加入 form 表单

Flowable-UI (三) Flowable流程中加入 form 表单

楼主前几天在网上找了很多资料，都没有说明流程中怎么加入和使用表单的文章，费劲九牛二虎之力，楼主明白了其中的道理，特别拎出来作为一章内容为大家细细讲解，避免更多的朋友在这方面耗费时间寻找资料，有问题的朋友可以留言

言归正传，我们开始

1. 既然是使用 form 表单，我们需要先制作完成一个 form 表单
2. 先进入 http://localhost:8080/flowable-modeler （还有其余应用入口可以参照楼主其他博文）
3. 点击“form” 菜单，在点击“创建表单”
4. 进来后是一个表单编辑器，楼主已经创建好了一个表单，大家可以按照自己的需求自定义表单。具体做法是把左边的元素拖拽到右边预览框中
   
5. 设计完表单后，点击保存按钮，留着待用
6. 接下来，我们要回到编辑流程的地方，点击菜单处的“流程”
7. 为了大家能看的更明白，我们不过多赘述创建流程的过程，需要的朋友可以参考我的上一篇文章Flowable-UI (二) Flowable 创建报销流程例子
8. 我们直接从第 6 步开始，也就是画完流程图，并且把每个节点需要的用户分配好。
9. 接下来，我们点击“开始”节点，点击“开始”节点，点击“开始”节点，说三遍
   
10. 选择我们刚刚创建好的“报销流程”
    
11. 点击“保存”按钮

未完待续！

后续会讲到如何发布和部署流程及表单，在哪里填入表单数据等。