Drupal 8 Webform 모듈 – 간단한 튜토리얼

Drupal 8 Webform 모듈은 기여 모듈이며 Drupal 8에서 가장 강력하고 유연한 모듈 중 하나입니다. 양식 작성 및 제출 관리에 사용되는 오픈 소스 모듈입니다. Drupal Webform은 또한 다음 Drupal 프로젝트에 절대적으로 필요한 최고의 Drupal 모듈 목록에 포함되었습니다! 이 Drupal 8 웹 양식 튜토리얼에서 다용도 모듈에 대해 자세히 알아보세요.

Drupal Webform은 Drupal 웹사이트의 사용자로부터 정보를 추출하고 양식을 작성하는 데 사용되는 다목적 모듈입니다. 예를 들어 Drupal 웹 양식 모듈을 사용하여 설문 조사, 문의 양식, 피드백 양식 등을 만들 수 있습니다. 제출 후 이 모듈은 사용자에게 이메일을 보내고 제출과 관련하여 관리자에게 알림을 보낼 수 있습니다. 제출물을 보고, 노드, 페이지 또는 블록으로 게시하고 결과를 CSV 파일로 내보내는 옵션이 있습니다.

Drupal 8 Webform 모듈 시작하기

Drupal 커뮤니티는 우리에게 몇 가지 경이적인 모듈을 제공했으며 Drupal Webform은 확실히 그 중 하나입니다. Webform 모듈의 빌더이자 유지 관리자인 Jacob Rockowitz는 Webform과 Drupal 커뮤니티에 대한 그의 기여에 대해 우리와 논의한 적이 있습니다. “누구나 소프트웨어 구축에 대한 개인적인 그루브/스타일이 있습니다. 20년 동안 소프트웨어를 작성하면서 Drupal 8용 Webform 모듈인 단일 목표/프로젝트를 향해 일하는 것을 좋아한다는 사실을 받아들이게 되었습니다. 동시에 오픈 소스 소프트웨어를 구축하는 것이 단순한 목표 이상이라는 것도 배웠습니다. 기여 코드; 코드를 중심으로 커뮤니티를 지원하고 생성하는 것입니다." Jacob 및 Drupal 커뮤니티 기여자에 대한 자세한 내용은 여기를 참조하십시오.
이제 Drupal 8 웹폼 모듈을 설치하고 웹폼을 생성해 보겠습니다.

Drupal Webform 모듈 설치 및 활성화

https://www.drupal.org/project/webform에서 Drupal 8 Webform 모듈을 다운로드하고 활성화합니다.

웹 양식을 활성화하려면 확장으로 이동하면 웹 양식 범주에 확인란과 함께 웹 양식이 표시됩니다. Drupal 8과 함께 작동하기 위해 웹 양식은 필드 API, 시스템 모듈, 사용자 모듈을 활성화합니다. 이 세 가지 모듈을 활성화하지 않으면 웹 양식을 활성화할 수 없습니다.
webform에는 특정 기능을 제공하는 많은 옵션이 있습니다. 요구 사항에 따라 활성화합니다.

새 Drupal Webform 만들기

새로운 Drupal 8 웹 양식을 생성하려면 Webform UI 및 Webform Access를 활성화하십시오. Webform UI는 Webform을 구축/유지하기 위한 좋은 사용자 인터페이스를 제공하며 Webform Access는 Webform 노드를 제어합니다. Webform 액세스를 활성화하기 전에 Webform 노드를 활성화하십시오. 그런 다음 구조 > 웹 양식으로 이동 합니다.

다음은 웹 양식에 대한 몇 가지 옵션입니다.

• 첫 번째 탭인 양식에는 생성된 웹 양식 목록이 있습니다. 기본적으로 문의 양식이 있습니다. Webform 모듈에서 제공하는 템플릿입니다.
• 두 번째 탭 템플릿에는 더 많은 템플릿이 있습니다.
• 제출 탭에서 사용자가 제출한 양식을 볼 수 있습니다.
• 옵션에는 라디오 버튼, 확인란 및 메뉴에 사용할 수 있는 미리 정의된 재사용 가능한 값 집합이 있습니다.
• 추가 기능 탭에는 몇 가지 재사용 가능한 값이 더 있습니다.
• 구성에서는 웹 양식의 일반 설정이 제공됩니다.

새 웹 양식을 만들려면 –

1. 웹 양식 추가를 클릭합니다.
2. Webform 추가를 클릭하면 제목, 설명, 범주 및 상태가 포함된 탭이 열립니다.
3. Webform에 제목과 Webform에 대한 간단한 설명을 추가합니다.
4. 마지막에 상태 아래에는 두 가지 옵션이 열려 있고 닫혀 있습니다. 즉, 상태가 ' 열림 '이면 사용자가 양식을 사용할 수 있고 그렇지 않으면 닫힙니다. 모든 옵션을 편집한 후 저장 을 클릭합니다. 예를 들어, 여기 제목은 ' 등록 '입니다.

Drupal 8 Webform에 필드 추가하기

저장을 클릭하면 제공된 웹 양식의 제목이 있는 페이지가 열립니다(여기 – 등록).

● 웹 양식에 필드를 추가하려면 + 요소 추가를 클릭합니다.
● + 요소 추가를 클릭하면 웹 양식에서 사용할 수 있는 필드 목록이 팝업으로 나타납니다.

요소를 미리 보려면 오른쪽 상단에서 미리보기 표시를 클릭합니다. 요소를 추가하려면 해당 요소의 추가 요소 를 클릭합니다. 클릭하면 페이지 오른쪽에 팝업이 열립니다.

여기에는 필드에 대한 제목 이름과 많은 고급 설정을 편집하기 위한 옵션이 있습니다. 모든 설정을 변경한 후 마지막에 저장 버튼을 클릭합니다. 웹 양식의 모든 필수 필드에 대해 필수 아래의 확인란을 클릭합니다.

● 상단의 보기 탭을 클릭하면 생성된 웹 양식을 볼 수 있습니다. 웹 양식에 요소를 추가하면 제출 버튼이 자동으로 생성됩니다.
● 테스트 탭은 생성된 웹폼에 대한 테스트를 제공합니다. 양식 필드의 값은 임의의 값으로 자동 채워집니다.
● 결과 탭에서는 제출된 양식의 값을 볼 수 있습니다. 결과 탭 아래에는 세 가지 옵션이 있습니다.

1. 제출 탭 아래에 제출 된 모든 양식의 목록입니다.
2. 제출된 결과는 다운로드 탭에서 구분된 텍스트, HTML 테이블, JSON 문서 또는 Yaml 문서의 네 가지 형식으로 다운로드할 수 있습니다.
3. 결과 지우기 탭에서 제출된 양식을 지울 수 있습니다.

● 설정 탭은 사용자의 요구 사항에 따라 변경할 수 있는 웹 양식의 일반 설정이 있습니다.

● Drupal 웹 양식의 구성은 내보내기 탭에서 다운로드할 수 있습니다. 구성이 표시되며 페이지 끝에 있는 다운로드 버튼을 클릭하여 다운로드 할 수 있습니다. Yaml 구성 파일을 다른 Drupal 인스턴스로 쉽게 가져올 수 있으므로 구성이 Yaml 형식으로 다운로드됩니다.

Drupal Webform에 콘텐츠 추가하기

Drupal 8 Webform 모듈이 활성화되는 즉시 ' webform '이라는 이름의 콘텐츠 유형이 생성됩니다. 제목, 본문 및 웹 양식과 같은 필드가 있습니다. Webform에는 생성된 모든 Webform이 포함된 드롭다운이 있습니다.

웹 양식에 콘텐츠를 추가하려면 콘텐츠 > 콘텐츠 추가 > 웹 양식으로 이동합니다. 언급했듯이 제목과 본문이 있을 것입니다. 생성된 모든 웹 양식의 제목 이름이 있는 Webform 이라는 드롭다운이 있습니다.

그 옆에 ' Webform 설정 '이라는 또 다른 옵션이 있습니다.

Status 에는 Open (사용자에게 열린 상태로 유지), Closed (사용자에게 양식을 닫음) 및 Scheduled ( 날짜 및 시간 필드를 제공하고 언급된 날짜 및 시간에 따라 양식 채우기 위해 사용자에게 열린 상태로 유지됩니다.

기본 제출 데이터 필드를 사용 가능한 토큰으로 채워 기본 데이터를 제공할 수도 있습니다. 사용 가능한 토큰 찾아보기 를 클릭하여 토큰 을 찾아볼 수 있습니다 . 토큰을 작성하는 예제 는 예제 링크를 클릭하면 볼 수 있습니다. 그리고 결과 탭에서 제출된 모든 양식을 볼 수 있습니다.

콘텐츠 유형의 필드로 Drupal 8 Webform 추가

● 콘텐츠 유형에 Drupal 웹 양식을 추가하려면 구조 > 콘텐츠 유형 > 양식이 필요한 콘텐츠 유형의 필드 관리 로 이동합니다.

● 추가 필드를 클릭합니다. 새 필드 추가에서 ' 참조 ' 섹션 아래의 ' Webform '을 선택하고 해당 필드에 레이블을 지정한 다음 '저장하고 계속하기'를 클릭합니다.

● 필드 설정에서 필드에 허용되는 값의 수를 지정하고 '필드 설정 저장'을 클릭할 수 있습니다.

● 기본값에서 기본 형식을 선택하거나 ' 설정 저장 '을 클릭할 수 있습니다.

● 이제 콘텐츠 > 콘텐츠 추가 로 이동하여 웹 양식을 참조하는 필드가 있는 콘텐츠 유형을 선택합니다.

● 이 콘텐츠에 필요한 양식을 드롭다운에서 선택합니다. 제출된 양식은 해당 콘텐츠의 결과 탭에서 볼 수 있습니다.

Drupal Webforms에 보안 문자 추가

Captcha가 많은 웹사이트에서 널리 사용되는 것을 본 적이 있을 것입니다. 양식을 제출하기 전에 사용자에게 질문을 제공하고 응답을 요청합니다. 이렇게 하면 많은 양식 제출 및 이메일 제출을 통해 봇이 서버에 과부하가 걸리는 것을 방지할 수 있습니다.

Drupal Webform을 사용하면 웹 양식을 만드는 동안 Captcha 요소를 추가할 수 있습니다. Drupal webform captcha를 사용하려면 Captcha 모듈을 활성화해야 합니다.

양식에 Drupal 웹 양식 Captcha를 추가하는 단계:

● www.drupal.org/project/captcha 에서 보안 문자 모듈을 다운로드하고 활성화 하십시오 .

● 구조 > 웹 양식으로 이동합니다.

● 보안 문자가 필요한 양식의 빌드를 클릭하십시오.

● 요소 추가를 클릭하고 고급 요소를 확장 합니다 . 고급 요소 목록을 확장하여 볼 수 있습니다. 보안 문자를 추가하려면 보안 문자 추가 요소 를 클릭하십시오.

● 요소 추가를 클릭하면 오른쪽에 설정 창이 열립니다. 관리자가 보안 문자를 디버깅하고 볼 수 있도록 관리자 모드 상자를 선택합니다.

● 그리고 챌린지 유형에는 수학 및 이미지의 2가지 옵션이 있습니다. 당신은 당신의 선택 중 하나를 선택할 수 있습니다. 그런 다음 저장을 클릭하고 요소 저장을 클릭 합니다 .

● 필드 유형 Webform의 컨텐츠 유형에 필드를 추가하고 보안 문자가 추가된 양식을 참조하십시오.

● 이제 콘텐츠 > 콘텐츠 추가 > 및 양식을 참조하는 필드가 있는 콘텐츠 유형으로 이동합니다.

● 제목을 채우고 내용을 저장합니다. 콘텐츠를 볼 때 보안 문자와 함께 양식이 게시됩니다. 제출 버튼을 확인하기 전에 보안 문자 필드를 채워야 합니다. 그렇지 않으면 양식이 제출되지 않고 경고 메시지가 표시됩니다.

Drupal Webform 모듈의 장점

● Drupal Webform 모듈은 오픈 소스이므로 무료이며 양식을 설정하고 구성하는 데 시간만 필요합니다.

● 후크, 웹 양식 처리기 또는 Drupal Webform Validation 모듈을 통해 양식 유효성 검사를 수행할 수도 있습니다. Drupal 웹 양식 유효성 검사 모듈은 고유한 유효성 검사 규칙을 사용자 지정하고 생성하는 노드에 추가 탭을 추가합니다.

● 이러한 웹 양식은 유연하며 양식에 사용되는 필드를 사용자 정의할 수 있습니다.

● 사용자 및 관리자에게 알림 및 메일 보내기와 같은 단일 설치에서 많은 옵션을 제공합니다.

● Drupal Webforms를 사용하면 제출 결과를 쉽게 내보낼 수 있습니다. 사용자는 관리 인터페이스에서 제출된 양식의 결과를 볼 수 있으며 단일 버튼을 클릭하여 결과를 CSV 형식으로 내보낼 수도 있습니다.