Springboot +Flowable，流程表单应用之外置表单（HTML形式）（一）

刘德华一不小心就打代码

已于 2023-12-04 14:09:59 修改

阅读量1.3k

点赞数 3

分类专栏： SpringBoot Flowable Java开发文章标签： spring boot html 前端

于 2023-05-14 23:37:56 首次发布

本文链接：https://blog.csdn.net/weixin_40991408/article/details/130675356

版权

一.简介

整体上来说，我们可以将Flowable 的表单分为三种不同的类型：

动态表单
这种表单定义方式我们可以配置表单中每一个字段的可读性、可写性、是否必填等信息，不过不能定义完整的表单页面。
外置表单
外置表单我们只需要定义一下表单的 key，至于这个 key 对应的表单是什么样子，则由开发者自己去维护。
内置表单
这是内置的表单定义以及渲染引擎，

另外需要注意的，Flowable 中有很多不同类型的节点，但是只有开始节点和任务节点是支持表单定义的，其他节点均不支持表单定义。

二.外置表单

所谓的外置表单，其实说白了，类似平时在 HTML 中写的 form 表单。

现在的 flowable 中，我们既可以利用 JSON 的形式来定义 form 表单，也可以直接就使用 HTML 来定义。

现在假设有一个请假流程，截图如下：
在这里插入图片描述
在开始节点中，需要一个表单来输入用户提交的请假信息，在组长审批和经理审批这两个节点中希望能够看到用户提交的请假信息，那么准备两个表单文件，第一个是提交请假信息的表单文件 askleave.html，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="">
    <table>
        <tr>
            <td>请假天数：</td>
            <td><input type="text" name="days"></td>
        </tr>
        <tr>
            <td>请假理由：</td>
            <td><input type="text" name="reason"></td>
        </tr>
        <tr>
            <td>起始时间：</td>
            <td><input type="date" name="startTime"></td>
        </tr>
        <tr>
            <td>结束时间：</td>
            <