자습서: 페이지에 다단계 양식 추가

다단계 양식은 여러 단계에 걸쳐 사용자로부터 입력을 수집하는 강력한 방법입니다. 수집된 정보는 Microsoft Dataverse에 저장되거나 업데이트됩니다. 일반 양식과 비교하여 다단계 양식에서 사용할 수 있는 기능은 다음과 같습니다.

• 데이터 수집 또는 업데이트 프로세스를 여러 단계로 나눌 수 있습니다.
• 사용자 입력에 따라 단계의 흐름을 동적으로 변경하는 조건을 제공합니다.
• 세션 추적을 통해 사용자는 데이터 업데이트 프로세스를 따를 때 중단한 부분부터 다시 시작할 수 있습니다.

페이지에서 다단계 양식의 예를 보려면 이 비디오(오디오 없음)를 시청하십시오.

이 자습서에서는 다음 작업을 수행하는 방법을 알아봅니다.

전제 조건

• Power Pages 구독 또는 평가판. 여기에서 Power Pages 평가판 받기.
• Power Pages 사이트를 만들었습니다. Power Pages 사이트 만들기.
• 페이지 추가 및 디자인 자습서를 완료하십시오.
• 페이지에 데이터를 안전하게 표시 자습서를 완료하십시오.
• 페이지에 양식 추가 자습서를 완료하십시오.

다단계 양식 만들기

아래 단계에서는 다단계 양식을 작성합니다. 이 예는 장학금 신청을 위한 간단한 프로세스를 따르지만 다른 비즈니스 프로세스에 개념을 적용할 수 있습니다.

다음은 샘플 단계의 개요입니다.

다단계 양식에서 사용할 Dataverse 테이블 및 양식 만들기

다음 비디오는 다단계 양식 프로세스에서 사용할 양식을 만드는 방법을 보여줍니다.

프로세스 정보를 Microsoft Dataverse 테이블에 저장해야 합니다.

사용자가 Dataverse 레코드에서 열을 생성하거나 업데이트해야 하는 프로세스의 각 단계에 대해 해당 Dataverse 양식이 있어야 합니다.

이 예에서는 프로세스를 위해 지원서라는 Dataverse 테이블을 생성합니다. Dataverse 테이블을 만드는 방법에 대한 자세한 내용은 데이터 작업 영역을 사용하여 Dataverse 테이블을 만들고 수정하는 방법을 참조하세요.

1. Power Pages(으)로 이동합니다.

2. 다단계 양식을 추가할 사이트를 선택하고 편집을 선택합니다.

3. 디자인 스튜디오에서 데이터 작업 영역을 선택합니다.

4. 다음 속성을 사용하여 지원서라는 Dataverse 테이블을 만듭니다.

   팁

   • 다음 테이블은 예시일 뿐이므로 자신의 비즈니스 프로세스에 맞게 자유롭게 테이블을 생성합니다.

   열 이름	열 데이터 형식
   지원자 이름	텍스트(이름 열의 이름 바꾸기)
   장학금	선택(선택 예: 미국 건축가 장학금,외국어 장학금,여성 STEM 장학금,미래 디자인 리더 장학금)
   클래스 레벨	선택(선택: 주니어, 시니어)
   동의	예/아니요
   수업료	통화
   학위 유형	선택(선택: 석사, 학사 )
   풀 타임	예/아니요
   주	문자
   기타 장학금	여러 줄 텍스트

   

5. 테이블을 생성한 후에는 프로세스의 각 단계에 대한 양식을 생성해야 합니다.

   팁

   • Dataverse 양식을 만드는 방법은 데이터 작업 영역을 사용하여 Dataverse 양식을 만들고 수정하는 방법을 참조하세요.
   • 다단계 프로세스의 각 단계에 해당하는 양식의 이름을 지정하는 것이 좋습니다.
   • 해당 양식에 열을 표시하지만 사용자가 업데이트할 수 없도록 하려면 양식을 생성할 때 열을 읽기 전용으로 구성하세요.

   다음 네 가지 양식을 만들고 양식의 열을 정렬합니다. 각 양식이 생성되면 양식 게시를 선택합니다.

   양식 이름	양식의 열
   지원 1단계	장학금, 지원자 이름
   지원 2단계	장학금(읽기 전용), 지원자 이름(읽기 전용), 학위 유형, 전공, 풀타임, 클래스 수준, 줄기
   지원 3단계	장학금(읽기 전용), 지원자 이름(읽기 전용), 등록금, 기타 장학금
   지원 4단계	장학금(읽기전용), 지원자명(읽기전용), 동의서

   

6. 이제 다단계 프로세스에서 사용할 일련의 양식이 있어야 합니다.

   

페이지에 다단계 양식 구성 요소 추가

이제 테이블과 양식이 있으므로 웹 페이지에서 다단계 양식을 만들 수 있습니다.

이 비디오는 페이지에서 다단계 양식을 만드는 방법을 보여줍니다.

1. 페이지 작업 영역으로 이동하여 새 페이지를 추가하거나 기존 페이지를 편집합니다. 웹 페이지 만들기에 대한 자세한 내용은 페이지 만들기 및 디자인을 참조하세요.

2. 새 섹션을 추가하고 다단계 양식 구성 요소를 선택합니다.

   사이트에 다른 다단계 양식이 있는 경우 페이지에 추가할 수 있는 옵션이 제공됩니다. 이 예에서는 자습서를 위한 새 다단계 양식을 만들고 대화 상자에서 + 새 다단계 양식을 선택합니다.

3. 다단계 양식 추가 창이 표시됩니다. 양식 이름에 지원서(또는 다른 이름)를 입력합니다. 확인을 선택합니다.

4. 양식에 단계가 없습니다. + 첫 번째 단계 추가를 선택하여 첫 번째 단계를 추가합니다.

   

5. 단계 추가 창에서 구성에 다음 값을 입력합니다.

   • 단계 이름 필드에 지원 1단계를 입력합니다.
   • 테이블 선택 필드에서 지원서(또는 테이블 이름이 무엇이든)를 선택합니다.
   • 양식 선택 필드에서 지원 1단계를 선택합니다.

6. 추가 옵션 사이드 탭을 선택하고 이 양식의 데이터: 옵션이 자동으로 새 레코드 만들기로 설정되어 있는지 확인합니다. 첫 번째 단계에 대한 예에서는 Dataverse 테이블에 새 레코드를 생성합니다. 후속 단계에서는 첫 번째 단계에서 만든 레코드를 수정하게 되며 이 옵션은 달라집니다.

7. 확인을 선택합니다.

8. 추가 단계를 추가하기 시작할 것입니다. 메뉴에서 + 단계 추가를 선택합니다.

9. 단계 추가 창에서 두 번째 단계에 대해 다음 값을 입력합니다.

   • 단계 이름 필드에 지원 2단계를 입력합니다.
   • 테이블 선택 필드에서 지원션 테이블(또는 테이블 이름이 무엇이든)이 이미 선택되어 있어야 합니다.
   • 양식 선택 필드에서 지원 2단계를 선택합니다.

10. 추가 옵션 사이드 탭을 선택하고 이 양식의 데이터: 옵션이 자동으로 기존 레코드 업데이트로 설정되어 있는지 확인합니다. 두 번째 단계에 대한 예에서 첫 번째 단계에서 만든 Dataverse 레코드에 세부 정보를 계속 추가합니다.

    노트

    고유한 프로세스에 따라 프로세스의 여러 단계에서 서로 다른 Dataverse 레코드를 생성하거나 업데이트할 수 있습니다.

11. 확인 선택

12. 위의 지침에 따라 업데이트 단계로 나머지 두 단계인 지원 3단계 및 지원 4단계를 계속 추가합니다.

    

필드 속성 편집

디자인 스튜디오에서 다단계 양식의 일부 필드 속성을 수정할 수 있습니다. 필드를 필수로 만들고 레이블을 업데이트하고 설명을 추가해 보겠습니다.

1. 페이지의 다단계 양식 구성 요소에서 필드를 선택합니다.

2. 편집 필드를 선택합니다.

3. 필드 편집 창에서 필드 레이블을 다른 값으로 변경합니다. 이 필드를 필수로 지정을 선택하고 설명 표시를 선택합니다. 설명 필드에 몇 가지 지침을 입력합니다.

   

4. 확인을 선택합니다.

테이블 권한 추가

기본적으로 사이트 방문자는 다단계 양식에 액세스할 수 없습니다. 이 예에서는 인증된 사용자만 다단계 양식을 작성할 수 있도록 허용하려고 합니다. 웹 역할과 테이블 권한의 조합을 사용하여 자신의 다단계 프로세스에 대한 데이터 생성, 읽기 및 업데이트 작업을 구성할 수 있습니다.

이 비디오는 다단계 양식에 대한 테이블 권한을 구성하는 방법을 보여줍니다.

새 양식의 경우 권한을 추가하라는 배너가 나타납니다.

다단계 양식에 사용된 테이블에 대한 권한을 이미 구성한 경우 타원(...)을 선택하고 권한을 선택할 수 있습니다.

1. + 새 권한을 선택합니다.

2. 테이블 권한은 이름, 선택한 테이블 및 기본적으로 글로벌 액세스로 설정된 액세스 유형을 제공합니다. 사이트 방문자가 양식을 사용할 수 있도록 쓰기 및 만들기 권한이 선택됩니다.

3. + 역할 추가를 선택하고 인증된 사용자를 기본 역할로 선택합니다.

   

4. 저장을 선택합니다.

다단계 양식 테스트

이 시점에서 다단계 형식을 시도할 수 있습니다.

1. 프리뷰를 선택한 다음 데스크톱을 선택합니다.

2. 홈 페이지가 나타나면 로그인을 선택하고 사이트 사용자로 로그인합니다. 자세한 내용은 외부 대상 그룹에 액세스 권한 제공을 참조하세요.

3. 다단계 양식 구성 요소를 배치한 페이지를 선택합니다.

4. 사용자로 프로세스를 시도하고 단계를 진행하세요.

5. 문제가 발생하면 Design Studio에서 구성을 검토하고 각 단계를 검토하세요.

6. 양식을 성공적으로 제출했으면 디자인 스튜디오로 돌아갑니다.

7. 데이터를 선택한 다음 지원서 테이블(또는 테이블에 이름을 지정한 항목)을 선택하고 다단계 양식 프로세스를 사용하여 레코드가 생성되었음을 확인할 수 있는지 확인합니다.

다단계 양식에 조건부 단계 추가

다단계 양식에 조건부 논리를 추가해야 하는 경우 먼저 수행하려는 Dataverse 열 논리 이름 및 평가를 보고 조건을 식별해야 합니다. 열의 논리적 이름은 데이터 작업 영역에서 열 구성을 보면 알 수 있습니다.

아래 예에서 지원자가 석사 학위를 취득하고 있는지 확인합니다. 사용자가 고급 학위를 취득하고 있는 경우 추가 단계로 안내됩니다. 다른 지원자는 해당 단계를 건너뜁니다. 자신의 비즈니스 프로세스에 따라 자유롭게 조건을 추가합니다.

학위 유형 필드에 craxx_degreetype 필드의 논리적 이름과 선택 값(석사 = '124860001')으로 표시되는 학사 또는 석사 값이 있는지 여부를 평가합니다.

조건부 단계는 포털 관리 앱에서 구성됩니다.

1. 디자인 스튜디오의 다단계 양식에서 다단계 양식의 모든 단계를 나열하는 드롭다운을 선택하고 포털 관리 앱 링크를 선택합니다.

   

2. 다단계 양식에 대한 메타데이터 레코드의 포털 관리 앱에 있어야 합니다. 양식 단계 탭을 선택합니다.

3. + 새 양식 단계를 선택합니다.

4. 단계에 이름을 지정합니다(예: 학위 유형 확인).

5. 구성을 지정합니다.

   • 유형을 조건으로 설정합니다.
   • 대상 테이블 이름 드롭다운 메뉴에서 지원서 테이블을 선택합니다.

6. 조건 탭을 선택하고 논리적 열 이름과 값을 사용하여 조건을 입력합니다. 이 예에서는 craxx_degreetype == 124860001와 유사합니다(자신의 환경에서 논리적 이름과 값을 지정해야 함).

   

7. 조건이 충족되지 않으면 해당 단계로 넘어가는 프로세스를 설정해야 합니다. 조건이 실패할 경우 다음 단계 필드에서 지원 4단계를 선택합니다.

8. 이제 조건이 만족되면 특정 단계로 넘어가도록 프로세스를 설정해야 합니다. 일반 탭을 선택합니다.

9. 다음 단계 필드에서 지원 3단계를 선택합니다.

10. 저장 후 닫기를 선택합니다.

11. 이제 단계 목록에 조건부 단계가 표시되어야 합니다. 사용자가 두 번째 단계를 완료한 후 조건부 단계에 도달하는지 확인해야 합니다. 지원 2단계를 선택하고 편집을 선택합니다.

12. 다음 단계 필드에서 지원 3단계의 값을 학위 유형 확인으로 변경합니다.

13. 양식 정의 탭을 선택하고 소스 유형 필드에서 이전 단계의 결과를 선택하고 엔터티 소스 단계 필드에서 지원 1단계를 선택합니다.

14. 저장하고 닫기를 선택합니다.

다단계 양식에 리디렉션 단계 추가

또한 프로세스 끝에 리디렉션 단계를 추가하여 사용자를 홈 페이지로 다시 탐색합니다.

1. + 새 양식 단계를 선택하고 다음 구성을 입력합니다.

   • 이름을 홈 페이지로 이동*으로 설정
   • 유형을 리디렉션으로 설정

2. 리디렉션 탭을 선택합니다.

3. 또는 웹 페이지 필드에서 홈 페이지를 선택합니다.

4. 저장하고 닫기를 선택합니다.

5. 이제 단계 목록에 리디렉션 단계가 표시되어야 합니다. 프로세스의 마지막 단계를 완료한 후 사용자가 리디렉션 단계에 도달하는지 확인해야 합니다. 지원 4단계를 선택하고 편집을 선택합니다.

6. 다음 단계 필드에서 홈 페이지로 이동을 선택합니다.

7. 양식 정의 탭을 선택하고 소스 유형 필드에서 이전 단계의 결과를 선택하고 엔터티 소스 단계 필드에서 지원 2단계를 선택합니다.

   팁

   사용자가 조건에 따라 두 번째 단계 또는 세 번째 단계에서 이 단계에 도달하므로 프로세스의 초기 단계(응용 단계 2)를 선택합니다. 모든 사용자가 상호 작용할 공통 단계를 선택하려고 합니다.

8. 저장하고 닫기를 선택합니다.

9. 디자인 스튜디오로 돌아가서 동기화 버튼을 선택합니다.

10. 단계, 조건 및 리디렉션이 포함된 완전한 다단계 양식이 있어야 합니다.

    

11. 프리뷰를 선택한 다음 데스크톱을 선택합니다.

12. 홈 페이지가 나타나면 로그인을 선택하고 사이트 사용자로 로그인합니다.

13. 다단계 양식 구성 요소를 배치한 페이지를 선택합니다.

14. 프로세스의 다양한 조합을 시도하여 다단계 양식이 어떻게 작동하는지 확인하세요.

참고 항목

• 다단계 양식 추가