Moduł formularza internetowego Drupal 8 – krótki samouczek

Moduł Drupal 8 Webform jest modułem współtworzonym i jest jednym z najpotężniejszych i najbardziej elastycznych modułów w Drupal 8. Jest to moduł open source używany do tworzenia formularzy i zarządzania przesyłaniem. Drupal Webform znalazł się również na naszej liście najlepszych modułów Drupala, których absolutnie potrzebujesz do swojego następnego projektu Drupal! Dowiedz się więcej o wszechstronnym module w samouczku dotyczącym formularza internetowego Drupal 8.

Drupal Webform to bardzo wszechstronny moduł, który służy do budowania formularzy i wydobywania informacji od użytkowników w serwisach Drupal. Na przykład, możemy wykorzystać moduł formularzy internetowych Drupal do tworzenia ankiet, formularzy kontaktowych, formularzy opinii i wielu innych. Po przesłaniu moduł ten pozwoli na wysyłanie e-maili do użytkownika i może wysyłać powiadomienia do administratora dotyczące zgłoszenia. Dostępne są opcje wyświetlenia zgłoszenia, opublikowania go jako węzła, strony lub bloku oraz wyeksportowania wyników do pliku CSV.

Pierwsze kroki z modułem Drupal 8 Webform

Społeczność Drupala dała nam kilka fenomenalnych modułów, a Drupal Webform jest z pewnością jednym z nich. Jacob Rockowitz, twórca i opiekun modułu Webform, rozmawiał z nami kiedyś o Webform i jego wkładzie w społeczność Drupala. „Każdy ma swój własny styl/styl tworzenia oprogramowania. Po 20 latach pisania oprogramowania doszedłem do wniosku, że lubię pracować nad jednym celem/projektem, jakim jest moduł Webform dla Drupala 8. Jednocześnie nauczyłem się również, że budowanie oprogramowania open source to coś więcej niż tylko kod wnoszący wkład; chodzi o wspieranie i tworzenie społeczności wokół kodu”. Przeczytaj więcej o Jacobie i wielu innych współtwórcach społeczności Drupala tutaj.
Teraz zacznijmy od instalacji modułu formularzy internetowych Drupal 8 i tworzenia formularzy internetowych.

Zainstaluj i włącz moduł Drupal Webform

Pobierz moduł Drupal 8 Webform ze strony https://www.drupal.org/project/webform i włącz go.

Aby włączyć formularz internetowy, przejdź do opcji Rozszerz iw kategorii formularzy internetowych zobaczysz formularz internetowy wraz z polem wyboru. Do pracy z Drupalem 8 formularze internetowe obsługują Field API, moduł System, moduł User. Bez włączenia tych trzech modułów nie można włączyć formularza internetowego.
W formularzu internetowym znajduje się wiele opcji, które zapewniają określone funkcje. Włącz je zgodnie z wymaganiami.

Utwórz nowy formularz internetowy Drupal

Aby utworzyć nowy formularz internetowy Drupal 8, włącz interfejs użytkownika formularza internetowego i dostęp do formularza internetowego. Interfejs użytkownika formularza internetowego zapewnia dobry interfejs użytkownika do tworzenia/utrzymywania formularzy internetowych, a dostęp do formularza internetowego kontroluje węzły formularzy internetowych. Włącz węzeł Webform przed włączeniem dostępu do formularza Webform. Następnie przejdź do Struktura > Formularze internetowe .

Oto kilka opcji formularzy internetowych.

• W pierwszej zakładce, Formularze, znajduje się lista utworzonych formularzy internetowych. Domyślnie dostępny jest formularz kontaktowy. To jest szablon dostarczony przez moduł Webform.
• Więcej szablonów znajduje się w drugiej zakładce Szablony.
• W zakładce Zgłoszenia możemy przeglądać formularze przesłane przez użytkowników.
• Opcje mają wstępnie zdefiniowany zestaw wartości wielokrotnego użytku, które są dostępne dla przycisków radiowych, pól wyboru i menu.
• W zakładce Dodatki znajduje się jeszcze kilka wartości wielokrotnego użytku.
• W Konfiguracjach dostępne są ogólne ustawienia formularzy internetowych.

Aby utworzyć nowy formularz internetowy –

1. Kliknij Dodaj formularz internetowy.
2. Po kliknięciu Dodaj formularz internetowy otwiera się zakładka z tytułem, opisem, kategorią i statusem.
3. Dodaj tytuł do formularza internetowego i krótki opis formularza internetowego.
4. Na końcu pod Statusem znajdują się dwie opcje otwarte i zamknięte. Oznacza to, że jeśli status jest „ otwarty ”, formularz jest dostępny dla użytkownika, w przeciwnym razie jest zamknięty. Po edycji wszystkich opcji kliknij Zapisz . Na przykład tutaj tytuł to „ Rejestracja ”.

Dodawanie pól do formularza internetowego Drupal 8

Po kliknięciu przycisku Zapisz otworzy się strona z podanym tytułem formularza internetowego (tutaj – Rejestracja).

● Aby dodać pola do formularza internetowego, kliknij + Dodaj element .
● Po kliknięciu + Dodaj element pojawia się wyskakujące okienko z listą pól, których można użyć w formularzu internetowym.

Aby wyświetlić podgląd elementów, kliknij Pokaż podgląd w prawym górnym rogu. Aby dodać element, kliknij Dodaj element odpowiedniego elementu. Po kliknięciu wyskakujące okienko otwiera się po prawej stronie strony.

Tutaj znajdują się opcje edycji nazwy tytułu i wiele zaawansowanych ustawień pola. Po dokonaniu wszystkich zmian w ustawieniach, kliknij na końcu przycisk Zapisz . Kliknij pole wyboru pod wymaganymi dla wszystkich wymaganych pól formularza internetowego.

● Możesz wyświetlić utworzony formularz internetowy, klikając kartę Widok u góry. Przycisk Prześlij jest tworzony automatycznie po dodaniu elementu do formularza internetowego.
● Zakładka Test umożliwia testowanie utworzonego formularza internetowego. Wartości pól formularza są automatycznie wypełniane wartościami losowymi.
● W zakładce Wynik można wyświetlić wartości przesłanego formularza. W zakładce wyników znajdują się trzy opcje.

1. Lista wszystkich nadesłanych formularzy w zakładce Zgłoszenie .
2. Przesłane wyniki można pobrać w czterech formatach - Rozdzielany tekst, tabele HTML, dokument JSON lub dokument Yaml w zakładce Pobierz .
3. Może wyczyścić przesłane formularze w przejrzystej zakładce wyników.

● Zakładka Ustawienia zawiera ogólne ustawienia formularzy internetowych, które można zmieniać zgodnie z wymaganiami użytkownika.

● Konfigurację formularza internetowego Drupal można pobrać z zakładki Eksportuj . Konfiguracja jest wyświetlana i można ją pobrać, klikając przycisk Pobierz na końcu strony. Konfiguracja jest pobierana w formacie Yaml , ponieważ plik konfiguracyjny Yaml można łatwo zaimportować do innej instancji Drupala.

Dodawanie treści do formularza internetowego Drupal

Po włączeniu modułu Drupal 8 Webform tworzony jest typ treści o nazwie ' webform '. Posiada pola takie jak tytuł, treść i formularz internetowy. Formularz internetowy zawiera listę rozwijaną ze wszystkimi utworzonymi formularzami internetowymi.

Aby dodać treść do formularza internetowego, przejdź do opcji Treść > Dodaj treść > Formularz internetowy . Jak wspomniano, będzie tytuł i treść. Istnieje menu rozwijane o nazwie Webform, które zawiera nazwy tytułów wszystkich utworzonych formularzy internetowych.

Oprócz tego istnieje inna opcja o nazwie „ Ustawienia formularza internetowego ”.

W Statusie dostępne są trzy opcje, Otwarte (aby pozostać otwarte dla użytkowników), Zamknięte (aby zamknąć formularz dla użytkowników) i Zaplanowane ( zapewni pole daty i godziny oraz zgodnie z podaną datą i godziną, formularz będą otwarte dla użytkowników do wypełnienia).

Możesz również podać domyślne dane, wypełniając pole Domyślne dane przesyłania dostępnym tokenem. Token można przeglądać, klikając opcję Przeglądaj dostępne tokeny . Przykłady pisania tokena można obejrzeć klikając w link Przykład . I może wyświetlić wszystkie przesłane formularze w zakładce Wynik .

Dodawanie formularza internetowego Drupal 8 jako pola w typach treści

● Aby dodać formularz webowy Drupal w typie treści, przejdź do Struktura > Typy treści >Zarządzaj polami typu treści, dla którego wymagany jest formularz.

● Kliknij pole Dodaj . W polu Dodaj nowe pole wybierz opcję „ Formularz internetowy ” w sekcji „ Odniesienia ”, nadaj temu polu etykietę i kliknij przycisk „Zapisz i kontynuuj”.

● W Ustawieniach pola można podać liczbę wartości dozwolonych dla pola i kliknąć „Zapisz ustawienia pola”.

● Możesz wybrać domyślny formularz z wartości domyślnej lub kliknąć „ Zapisz ustawienia ”.

● Teraz przejdź do Treść > Dodaj treść i wybierz typ treści, który ma pole odnoszące się do formularzy internetowych.

● Wybierz formularz z listy rozwijanej, który jest wymagany dla tej treści. Przesłany formularz można obejrzeć w zakładce Wynik tej treści.

Dodawanie Captcha w Drupal Webforms

Na pewno widzieliście, jak Captcha jest powszechnie używana na wielu stronach internetowych. Przed przesłaniem formularza zadaje pytanie i prosi użytkownika o odpowiedź. Zapobiega to przeciążaniu serwerów przez boty poprzez wysyłanie wielu formularzy i wysyłanie wiadomości e-mail.

Drupal Webform umożliwia dodanie elementu Captcha podczas tworzenia formularza internetowego. Captcha formularza internetowego Drupal wymaga włączenia modułu Captcha.

Kroki, aby dodać Drupal webform Captcha w formularzach:

● Pobierz i włącz moduł captcha ze strony www.drupal.org/project/captcha .

● Przejdź do Struktura > Formularze internetowe .

● Kliknij kompilację formularza, do którego wymagane jest captcha.

● Kliknij Dodaj element i rozwiń Elementy zaawansowane . Rozwijając listę zaawansowanych elementów można przeglądać. Kliknij Dodaj element captcha, aby dodać captcha.

● Kliknięcie Dodaj element otworzy okno ustawień po prawej stronie. Zaznacz pole Tryb administratora , aby administrator mógł debugować i wyświetlać captcha.

● A w typie Challenge mamy 2 opcje - Math i Image. Możesz wybrać dowolny z twoich wyborów. Następnie kliknij Zapisz i Zapisz elementy .

● Dodaj pole w typie zawartości typu pola Webform i odwołaj się do formularza, do którego dodano captcha.

● Teraz przejdź do Treść > Dodaj treść > i typ treści, który ma pole odnoszące się do formularza.

● Wypełnij tytuł i zapisz zawartość. Kiedy przeglądasz treść, formularz wraz z captcha jest publikowany. Przed zaznaczeniem przycisku przesyłania należy wypełnić pole captcha, w przeciwnym razie formularz nie zostanie przesłany i wyświetli komunikat ostrzegawczy.

Zalety modułu Drupal Webform

● Moduł Drupal Webform jest open source, co oznacza, że ​​jest darmowy i potrzebujesz tylko czasu na ustawienie i konfigurację formularzy.

● Możesz również przeprowadzać walidacje formularzy za pomocą hooków, obsługi formularzy internetowych lub modułu Drupal Webform Validation. Moduł walidacji formularzy internetowych Drupal dodaje dodatkową zakładkę do węzła, w której możesz dostosowywać i tworzyć własne reguły walidacji.

● Te formularze internetowe są elastyczne i umożliwiają dostosowywanie pól używanych w formularzach.

● Daje wiele opcji w jednej instalacji, takich jak wysyłanie powiadomień i wiadomości e-mail do użytkownika i administratora.

● Drupal Webforms ułatwia eksportowanie wyników zgłoszenia. Użytkownicy mogą wyświetlić wynik przesłanego formularza w interfejsie administratora, a także wyeksportować wynik w formacie CSV, klikając jeden przycisk.