进阶实践-面试管理流程

本入门以创建一个面试管理流程为例，向您介绍如何使用AstroFlow中的子表单组件。子表单是一种高级的容器组件，支持在创建后向内部添加多种组件。例如，在填写个人简历表单时，需要录入多条工作经历，录入的数据类型相同，数据的行数不固定，但都属于同一种业务规则数据，此时可以在表单中设计一个子表单来规范其录入。

图1 面试管理业务流程

1. 求职者发起求职申请。
2. 用人部门主管进行简历初审。

   如果初审不通过，则流程直接结束。

3. 初审通过，发送邮件提醒HR预约面试。
4. HR预约面试，并将结果反馈给用人部门主管。
5. 用人部门主管进行现场面试，填写面试结果。

开发流程

在AstroFlow中，开发一个面试管理流程的步骤，如图2所示。

图2 面试管理流程图

1. 步骤一：创建面试流程管理应用

   应用是AstroFlow业务系统运行时的访问入口，由表单和流程组成。所以，在使用AstroFlow创建工作流前，需要先创建一个应用。

2. 步骤二：添加简历管理表单

   在应用中添加一个简历管理表单，供求职者填写个人基本信息、教育经历、工作经历和资格证书等信息。

3. 步骤三：编排面试流程

   创建一个表单触发流程，当简历管理表单中有新增数据时，触发流程执行。

4. 步骤四：发布应用

   发布应用，获取应用运行态的访问地址。应用发布后，求职者才可以登录应用，填写求职信息。

5. 步骤五：业务功能测试

   验证面试管理流程是否按照预期执行。

创建表单前，建议您先提前设计好表单的整体布局，即您所创建的表单，主要包含哪些模块，各模块呈现哪些内容。确定整体布局后，在表单编辑器的控件中拖拽对应的组件到指定区域，并设置组件的相关属性，即可完成表单的创建。

本入门中的简历管理表单，整体布局主要由个人基本信息、教育经历、工作经历、资格证书和其他设置几部分组成。其中，其他设置内容求职者不可见，仅用于HR更改面试时间。

• 个人基本信息
  录入员工的基本信息，由2个单行文本组件、1个单选、1个下拉选择框、2个日期选择器、1个多行文本输入、1个图片上传和1个附件组成。

  图4 个人基本信息
  
• 教育经历
  录入员工的教育背景信息，通过子表单组件实现，子表单中包含2个单行文本输入、1个日期范围选择器和1个下拉选择框。

  图5 教育经历
  
• 工作经历
  录入员工的工作经历，通过子表单组件实现，子表单中包含2个单行文本输入、1个级联选择、1个日期范围选择器、1个多行文本输入和1个单选。

  图6 工作经历
  
• 资格证书
  录入员工获取的资格证书，通过子表单组件实现，子表单中包含1个级联选择、1个日期选择器和1个多行文本输入。

  图7 资格证书
  

添加表单页面

1. 进入步骤一：创建面试流程管理应用中已创建的应用，单击“添加页面”。
2. 在添加页面中，选择“表单页面”，进入表单编辑器。
   图8 添加表单页面
   

3. 在页面左上角，单击，修改表单名称为“简历维护”。

设置个人基本信息

1. 为表单添加一个表头，美化表单。
   在组件库中，拖拽“图文展示”组件到表单设计区，单击“编辑展示内容”，并上传图片，为表单添加一个图片表头。

   图9 拖入图文展示组件并设置属性
   

2. 在组件库中，拖拽“分段标题”组件到图文展示组件下方，并设置组件属性。
   图10 设置分段标题属性
   
   • 标题：设置为“个人基本信息”。
   • 样式：分段标题组件的样式，可按需进行选择。

3. 按照下图，拖拽所需的组件到分段标题下方。
   图11 个人基本信息布局
   

4. 选中第1个单行文本输入组件，修改标题为“联系方式”。
   图12 修改标题为联系方式
   

5. 选中第2个单行文本输入组件，修改标题为“邮箱”。
   图13 修改标题为邮箱
   

6. 选中单选按钮，修改标题为“性别”，选项为“男”、“女”。
   图14 设置单选按钮
   

7. 选中下拉选择框组件，修改标题为“求职状态”，选项设置为“离职-随时到岗”、“在职-月内到岗”、“在职-考虑机会”和“在职-随便看看”。
   图15 设置下拉选择框
   

8. 选中第1个日期选择器，修改标题为“出生年月日”。
   图16 修改标题为出生年月日
   

9. 选中第2个日期选择器，修改标题为“参加工作时间”。
   图17 修改标题为参加工作时间
   

10. 选中多行文本输入组件，修改标题为“个人优势”。
    图18 修改标题为个人优势
    

11. 选中图片上传组件，修改标题为“个人照片”。
    图19 修改标题为个人照片
    

12. 选中附件组件，修改标题为“作品集或其他资料”。
    图20 修改标题为作品集或其他资料
    

设置教育经历

1. 在组件库中，拖拽“分段标题”组件到页面最下方，并设置组件属性。
   图21 设置分段标题组件
   
   • 标题：设置为“教育经历”。
   • 样式：分段标题组件的样式，可按需进行选择。

2. 在组件库中，拖拽“子表单”组件到分段标题下方。
3. 选中子表单组件，修改标题为“教育经历”。
4. 在字段中，单击“添加字段”，添加2个单行文本输入、1个日期范围选择器和1个下拉选择框。
   图22 教育经历子表包含字段及对应组件
   

5. 设置字段中添加的组件属性。
   1. 单击第1个单行文本输入组件后的，修改标题为“学校名称”。
      图23 修改标题为学校名称
      
   2. 单击，返回子表单编辑器。
   3. 单击第2个单行文本输入组件后的，修改标题为“专业名称”。
   4. 单击日期范围选择器组件后的，修改标题为“在校时间”。
   5. 单击下拉选择框组件后的，修改标题为“学历类型”。
   6. 单击选项下发的“批量编辑”，将选项设置为“本科”、“硕士”、“博士”、“大专”和“其他”。
      图24 批量编辑
      
   7. 单击“确定”完成选项设置。
      图25 设置选项
      

6. 单击，返回子表单编辑器，在子表单属性设置中，去勾选“允许导出”，查看教育经历最终设计效果。
   图26 去勾选允许导出
   
   图27 教育经历最终设计效果
   

设置工作经历

1. 在组件库中，拖拽“分段标题”组件到页面最下方，并设置组件属性。
   图28 设置分段标题
   
   • 标题：设置为“工作经历”。
   • 样式：分段标题组件的样式，可按需进行选择。

2. 在组件库中，拖拽“子表单”组件到分段标题下方。
3. 选中子表单组件，修改标题为“工作经历”。
4. 在字段中，单击“添加字段”，添加2个单行文本输入、1个级联选择、1个日期范围选择器、1个多行文本输入和1个单选。
   图29 工作经历子表单包含字段及对应组件
   

5. 设置字段中添加的组件属性。
   1. 单击第1个单行文本输入组件后的，修改标题为“公司名称”。
   2. 单击，返回子表单编辑器。
   3. 单击第2个单行文本输入组件后的，修改标题为“职位名称”。
   4. 单击级联选择组件后的，修改标题为“所在行业”，并单击选项中的“编辑层级”，参考下图编辑选项层级。
      图30 编辑选项层级
      

      您也可以在编辑代码中，直接输入如下示例代码：

      [
      	{
      		"label": "互联网/AI",
      		"value": "互联网/AI",
      		"children": [
      			{
      				"label": "电子商务",
      				"value": "电子商务"
      			},
      			{
      				"label": "游戏",
      				"value": "游戏"
      			},
      			{
      				"label": "大数据",
      				"value": "大数据"
      			},
      			{
      				"label": "在线教育",
      				"value": "在线教育"
      			},
      			{
      				"label": "人工智能",
      				"value": "人工智能"
      			},
      			{
      				"label": "云计算",
      				"value": "云计算"
      			}
      		]
      	},
      	{
      		"label": "广告/传媒",
      		"value": "广告/传媒",
      		"children": [
      			{
      				"label": "新闻/出版",
      				"value": "新闻/出版"
      			},
      			{
      				"label": "广播影视",
      				"value": "广播影视"
      			},
      			{
      				"label": "文艺体育",
      				"value": "文艺体育"
      			}
      		]
      	}
      ]

   5. 单击日期范围选择器组件后的，修改标题为“在职时间”。
   6. 单击多行文本输入组件后的，修改标题为“工作内容”。
   7. 单击单选组件后的，修改标题为“是否实习”，选项设置为“是”、“否”。

6. 单击，返回子表单。在子表单的属性设置中，去勾选“允许导出”，查看工作经历最终设计效果。
   图31 去勾选允许导出
   
   图32 工作经历最终设计效果
   

设置资格证书

1. 在组件库中，拖拽“分段标题”组件到页面最下方，并设置组件属性。
   图33 设置分段标题组件
   
   • 标题：设置为“资格证书”。
   • 样式：分段标题组件的样式，可按需进行选择。

2. 在组件库中，拖拽“子表单”组件到分段标题下方。
3. 选中子表单组件，修改标题为“资格证书”。
4. 在字段中，单击“添加字段”，添加1个级联选择、1个日期选择器和1个多行文本输入。
   图34 资格证书子表包含字段及对应组件
   

5. 设置字段中添加的组件属性。
   1. 单击级联选择组件后的，修改标题为“证书类型”，并单击选项中的“编辑层级”，参考下图编辑选项层级。
      图35 编辑证书选项层级
      

      您也可以在编辑代码中，直接输入如下示例代码：

      [
      	{
      		"label": "英语类",
      		"value": "英语类",
      		"children": [
      			{
      				"label": "大学英语四级",
      				"value": "大学英语四级"
      			},
      			{
      				"label": "大学英语六级",
      				"value": "大学英语六级"
      			}
      		]
      	},
      	{
      		"label": "外语类",
      		"value": "外语类",
      		"children": [
      			{
      				"label": "日语等级考试",
      				"value": "日语等级考试",
      				"children": [
      					{
      						"label": "N1",
      						"value": "N1"
      					},
      					{
      						"label": "N2",
      						"value": "N2"
      					},
      					{
      						"label": "N3",
      						"value": "N3"
      					}
      				]
      			},
      			{
      				"label": "德语专业四级",
      				"value": "德语专业四级"
      			},
      			{
      				"label": "德语专业八级",
      				"value": "德语专业八级"
      			}
      		]
      	},
      	{
      		"label": "项目管理类",
      		"value": "项目管理类",
      		"children": [
      			{
      				"label": "PMP",
      				"value": "PMP"
      			},
      			{
      				"label": "NPDP",
      				"value": "NPDP"
      			}
      		]
      	}
      ]

   2. 单击日期选择器组件后的，修改标题为“获得时间”。
   3. 单击多行文本输入组件后，修改标题为“备注”。

6. 在子表单属性设置中，去勾选“允许导出”，查看资格证书最终设计效果。
   图36 去勾选允许导出
   
   图37 资格证书最终设计效果
   

其他设置

其他设置中的内容对求职者不可见，仅在后续流程编排中使用，故需要将所有组件的状态设置为“隐藏”。

1. 在组件库中，拖拽“分割线”组件到页面最下方，将上下内容进行分隔。
   图38 添加分割线组件
   

2. 按照下图，拖拽所需的组件到分割线组件下方。
   图39 面试信息页面布局
   

3. 选中日期选择器组件，修改标题为“面试时间”，并将状态设置为“隐藏”。
   图40 设置日期选择器组件
   

4. 选中地址组件，修改标题为“面试地址”，并将状态设置为“隐藏”。
   图41 设置地址组件
   

5. 设计完成后，单击“保存并预览”，预览表单效果是否符合预期。
6. 符合预期后，单击页面上方的“表单发布”，发布表单。

   在AstroFlow中创建的表单支持独立访问，表单发布后，您可以通过访问地址查看或提交表单数据。

   

   在PC端开发的表单，支持在移动端进行访问和使用。在移动端访问表单时，请注意以下几点：

   • 移动端支持的组件：单行文本输入、多行文本输入、单选、数字输入框、开关、下拉选择框、复选框、评分、地址、级联选择、手写签名、分段标题、图文展示、文本、备注、分割线、日期选择器、日期范围选择器、附件和图片上传。
   • 移动端不支持的组件：在移动端使用表单时，组件不会显示。在表单设计时，如果表单需要在移动端使用，请注意加以区分，避免影响应用整体功能的使用。
   • 移动端组件的排布规则：一行只展示一个组件。
   图42 发布表单