---
order: 1
navTitle: 工作流的搭建与提出申请（60分钟）
---
# 工作流的搭建与提出申请

> 预计用时：60分钟

本课程以搭建**请假申请**的工作流为例，介绍如何使用低代码搭建一个简单的工作流程应用。

![请假申请](./images/2024-05-15-16-20-57.png)

:::tip 学习小贴士\
点击链接跳转观看学习视频：[工作流的搭建与提出申请](https://www.bilibili.com/video/BV1LR4y1M7Sc?t=12.7)\
可以按照下方[课程讲解](#course)的分解步骤进行学习，学习完之后别忘了完成练习哦！
:::

## 课程目标{#target}

学习本课程可以掌握到如下知识点：

- 掌握工作流流程的搭建方法
- 配置工作流中提出申请的表单页面
- 掌握提出申请时交互动作的配置方法

本课程以搭建一个简单的请假流程为例来展开学习，需要绘制工作流的流程，使用SuperPage搭建请假的申请页面，最终通过**交互动作**将数据提交至数据库中，并将任务流转至下一处理人。学习完本课程后，即可掌握如何绘制工作流以及如何制作申请页面。

## 课程讲解{#course}

下面一起学习实现初步搭建工作流，建议在学习过程中跟着步骤练习操作。

- **（02:00）准备业务模型表**
- **（03:02）应用资源目录配置**
- **（03:10）绘制工作流**
- **（06:39）制作申请页面**
- **（09:10）制作首页页面**
- **（10:45）配置工作流的表单页面**

## 总结与练习{#practice}

到这里本节课程就结束了，通过上面的学习请完成练习：

1. 跟随视频完成页面的制作和功能的实现，并完善如下内容：
   1. 【请假原因】字段使用维表进行关联，并在申请页面中使用下拉框进行选择，维表数据应至少包括：事假、病假、工伤假、婚嫁、产假、年假、其他等，维表的创建可以参考[录入数据](../../../guide/data-gov/input-model-data.md)
   2. 确认各资源文件已分类存放，类别标题、资源名称简洁明了，可以参考文档[应用文件组织](../../../guide/app/files.md#rules)
   3. 提出申请点击提交按钮时，借助交互自带的**弹出确认对话框**功能实现：先弹出对话框进行确认，确认后再提交申请
2. 扩展文档学习
   1. 简答
      1. [录入数据](../../../guide/data-gov/input-model-data.md)：学完这篇文档后，请描述建模的一般步骤
      2. [新建工作流](../../../guide/app/workflow/new.md)：学完这篇文档后，请简述新建工作流的步骤
      3. [引入数据](https://docs.succapp.com/v5/app/workflow/datasourse)：学完这篇文档后，请简述在工作流中如何引入数据
      4. [绘制工作流](../../../guide/app/workflow/design.md)：学完这篇文档后，请描述工作流中有哪些流程节点，以及各节点的作用
      5. [节点处理人设置](../../../guide/app/workflow/candidate.md)：学完这篇文档后，请描述动态处理人和静态处理人的设置方法，可结合实际的例子
      6. [用户组管理](../../../guide/permission/groups.md)：学完这篇文档后，请描述系统有哪些自带的用户组，并结合[部门管理](../../../guide/permission/depts.md)描述如何设置各部门的管理人员
      7. [提交表单](../../../guide/app/superpage/design/action/submit-data.md#start-flw)：学完这篇文档后，请简述使用提交表单交互发起流程的关键点
      8. [门户页面](../../../guide/app/portal-page/README.md)：学完目录下的文档后，请描述门户页面的作用
      9. [模型分类](../../../guide/data-gov/model/model-data-type.md#app)：学完这篇文档后，请描述本视频的业务表属于哪种模型表。另外，当业务表在数据库中已存在时，应如何导入至系统中，可参考[导入数据库模型](../../../guide/data-gov/import-table.md)
   2. 实操练习
      1. [部门管理](../../../guide/permission/depts.md)：学完这篇文档后，请新建一个多层次的部门结构
      2. [返回上页](../../../guide/app/superpage/design/action/returnto.md)：学完这篇文档后，请在点击按钮提出请假申请后，自动返回上页