FDM(양식 데이터 모델)과 양식 통합
FDM을 사용하여 양식을 백엔드 데이터 소스에 연결하여 데이터 바인딩, 유효성 검사 및 제출 워크플로를 활성화합니다.
사전 요구 사항
FDM을 양식과 통합하기 전에 다음 단계를 완료합니다.
- 데이터 소스 구성: 백엔드 연결을 설정합니다.
- 양식 데이터 모델 만들기: 데이터 구조 및 서비스를 정의합니다.
- 데이터 모델 오브젝트 구성: 데이터 관계를 매핑합니다.
고려 사항
범용 편집기 인터페이스에서 데이터 소스 아이콘이 표시되지 않거나 오른쪽 속성 패널에서 바인드 참조 속성이 표시되지 않으면 Extension Manager 에서 데이터 소스 확장 기능을 활성화하십시오.
범용 편집기에서 확장 기능을 활성화하거나 비활성화하는 방법을 알아보려면 Extension Manager 기능 하이라이트 문서를 참조하십시오.
양식 유형 선택
범용 편집기는 두 가지 양식 작성 접근 방식을 지원합니다.
스키마 기반 양식
스키마 기반 양식은 데이터 소스를 자동으로 구성하고 양식 필드를 데이터에 바인딩합니다. 이 접근 방식은 잘 정의된 데이터 구조가 있는 새 양식에 적합합니다.
스키마 기반 양식 만들기
-
Forms 콘솔에 액세스
- Experience Manager Forms 작성자 인스턴스에 로그인합니다.
- Adobe Experience Manager > 양식 > 양식 및 문서 로 이동합니다.
-
양식 생성 시작
- 만들기 > 적응형 양식 을 선택합니다.
- Edge Delivery Services 템플릿을 선택합니다.
- 활성화되면 만들기 를 클릭합니다.
-
데이터 모델 구성
- 데이터 탭으로 이동합니다.
- 여러 데이터 소스의 경우 FDM(양식 데이터 모델) 을 선택하고 단일 백엔드 시스템의 경우 JSON 스키마 를 선택합니다.
- 생성된 FDM(예: 펫 양식 데이터 모델)을 선택합니다.
-
양식 설정 완료
- 이름 과 제목 을 입력합니다.
- GitHub URL 을 지정합니다(예:
https://github.com/wkndforms/edsforms
). - 만들기 를 클릭합니다.
스키마 기반 양식 확인
양식은 미리 구성된 데이터 바인딩과 함께 범용 편집기에서 열립니다.
스키마 기반이 아닌 양식
스키마 기반이 아닌 양식은 수동 데이터 소스 구성 및 필드 바인딩이 필요합니다. 이 접근 방식은 기존 양식 또는 복잡한 요구 사항에 대한 유연성을 제공합니다.
스키마 기반이 아닌 양식 작성
-
양식 속성 액세스
- Experience Manager Forms 작성자 인스턴스에 로그인합니다.
- Adobe Experience Manager > 양식 > 양식 및 문서 로 이동합니다.
- 양식을 선택하고 속성 을 클릭합니다.
-
양식 모델 구성
- 양식 모델 탭을 엽니다.
- 다음에서 선택 드롭다운에서 FDM(양식 데이터 모델) 을 선택합니다.
- 목록에서 FDM을 선택합니다.
-
구성 확인
- 경고 대화 상자에서 확인 을 클릭합니다.
- 저장 및 닫기 를 클릭합니다.
데이터 요소 추가
-
편집할 양식 열기
- 양식이 범용 편집기에서 열립니다.
-
데이터 소스 요소 액세스
- 콘텐츠 브라우저 에서 데이터 소스 탭으로 이동합니다.
- FDM에서 사용 가능한 데이터 요소를 확인합니다.
-
양식에 요소 추가
- 데이터 요소를 선택하고 추가 를 클릭합니다.
- 또는 요소를 드래그 앤 드롭하여 양식을 작성합니다.
수동 데이터 바인딩 추가
기존 양식 필드의 경우 바인드 참조 속성을 통해 데이터 바인딩을 추가합니다.
-
필드 속성 열기
- 바인딩할 양식 필드를 선택합니다.
- 해당 속성 패널을 엽니다.
-
바인드 참조 구성
- 바인드 참조 속성으로 이동합니다.
- 찾아보기 아이콘을 클릭합니다.
-
데이터 요소 선택
- 바인드 참조 선택 마법사의 데이터 소스 트리에서 선택합니다.
- 원하는 데이터 요소를 선택한 다음 선택 을 클릭합니다.
-
바인딩 확인
- 이제 양식 필드가 데이터 요소에 바인딩됩니다.
- 바인딩은 바인드 참조 속성에 표시됩니다.
통합 확인
통합을 완료한 후 다음을 수행합니다.
- 데이터 바인딩 테스트: 양식 필드가 올바른 데이터를 표시하는지 확인합니다.
- 제출 유효성 검사: 구성된 소스에 데이터가 저장되는지 확인합니다.
- 오류 처리 확인: 잘못된 데이터 시나리오로 테스트합니다.
다음 단계
양식 워크플로를 완료하려면 제출 액션을 구성합니다.