# Form添加关联子表单代码调整步骤

TIP

在前端CRUD生成时,如果您在表单页配置页面使用了关联子表单功能,您需要手动调整您的接口代码来完善此功能!

# 调整步骤如下(以【关联子表单(多记录)】演示):

  • 1、打开当前对象生成前端页面form.vue,查看方法获取需要提交的关联属性,如下:
async enhance(values) {
  const demoList = await this.$refs.demoSubForm.getFormDataList()
  // demoList为提交的属性
  values.demoList = demoList
}
1
2
3
4
5
  • 2、打开生成对象的Controller方法createEntityMappingupdateEntityMapping为其方法参数entity增加被提交的属性;
@TableField(exist = false)
private List<关联对象> demoList;
1
2
  • 3、调整Controller的createEntityMappingupdateEntityMapping方法体,根据提交的关联数据 ,在service中增加关联创建/更新方法,在controller调用即可。

# 工作区存在互斥组件,请使用面板组件处理?

为了保证生成组件的单一职责,PC面板中与业务相关的组件在工作区只允许存在一个,即生成的文件只能包含一个业务组件(或统计图表)。其中业务组件统计图表下的所有组件相互为互斥组件。

当您希望生成多个业务组件组合的vue文件时,我们建议您使用devtools PC面板中提供的基础组件下的布局器面板组件对已经生成的单个业务组件进行排列组合生成更加强大复杂的组件。

注:自定义组件面板组件可以引入我们在PC面板已经生成的业务类型组件!