SuperAPI AI 工具集

d2-05-form-page

通用与其它

查看项目

更新于 10-16 03:45

技能介绍

用途:在 up-app 中生成带校验的新增/编辑表单页,支持创建与更新两种模式。能力取决于 d2-03-main-menu 中选择的能力:选 create 可新增记录,选 save 可更新已有记录,两者均可选。

主要能力:使用 ReactiveFormsModule 与 FormGroup/FormControl 构建表单;在初始化时从 ActivatedRoute 读取 id,无 id 或 id 为 new 进入创建模式,有 id 则调用 getById(id) 并 patchValue 预填;保存前检查 form.valid,创建调用 save(form.value),编辑调用 update(id, form.value),成功后返回列表;表单无效时禁用提交按钮;取消按钮直接导航回列表。

使用方式:需先在 app.config.ts 的 providers 中加入 ReactiveFormsModule;路由使用 /<entity>/new 与 /<entity>/:id/edit,已在 d2-03-main-menu 定义。组件为独立组件,导入 ReactiveFormsModule、FormBuilder、FormGroup、Validators,并注入服务、ActivatedRoute、Router。模板使用 formGroup 与 formControlName,在字段有错误且已 touched 时显示提示,按钮使用 [disabled]="form.invalid"。

自定义与校验:将 empCode、empName、address、phoneNo 替换为实体的实际属性名,按字段增减表单项并调整校验规则;可用 Validators.required、minLength(n)、pattern(regex)、min(n)/max(n)。

限制:资料来源未提供其他环境依赖、服务端接口实现或部署要求。