Entwerfen Sie ein mehrseitiges Formular in WordPress: Datenspeicherung

Key Takeaways

• Erstellen eines mehrseitigen Formulars in WordPress beinhaltet das Erstellen einer Datenbanktabelle mithilfe von PHPMYADMIN, die in der Regel über das Bedienfeld Ihres Domain-Hosting-Anbieters verfügbar ist. Diese Tabelle speichert die benutzerdefinierten Formulardaten.
• Der integrierte WordPress $ wpdb wird verwendet, um Daten aus den Formulareingaben in die Datenbanktabelle hinzuzufügen. Die ID der Formulardaten wird auch für die zukünftige Verwendung abgerufen.
• Um weitere Informationen nach der ersten Seite des Formulars zu sammeln, kann eine zweite Seite hinzugefügt werden. Dies kann verwendet werden, um sozioökonomische Daten zu sammeln, beispielsweise
• Die Informationen aus der zweiten Seite des Formulars können zu Testzwecken auf der Seite erfasst und angezeigt werden. Dies erfordert eine Elseif -Anweisung, um die Seitennummer zu testen.

In diesem zweiten Artikel in unserer Serie zum Multi-Page-Formulardesign erstellen wir die Datenbanktabellen, die zum Speichern der benutzerdefinierten Formulardaten erforderlich sind. Wir werden uns auch mit dem Prozess des Speichers der ersten Seite der Formulardaten und der Anzeige der zweiten Seite an den Benutzer befassen. Wir verwenden einige sehr grundlegende PHP und SQL, um unsere Designziele zu erreichen. (Wenn Sie mehr über PHP erfahren möchten, verfügt unsere Partner -Website Phpmaster.com über eine Vielzahl von Leitfäden, die von Anfänger bis zum Experten reichen.)

Schritt 1: Verwenden Sie PHPMYADMIN, um eine Datenbanktabelle zu erstellen

Wenn Sie noch nie mit PhpMyAdmin gearbeitet haben, ist dies ein großer Schritt für Sie. Mir ist klar, dass es entmutigend sein kann, aber benutzerdefinierte Formentwicklung bedeutet normalerweise, dass Sie benutzerdefinierte Datenbanktabellen wünschen. Während Sie vorhandene, integrierte WordPress-Datentabellen verwenden und diese Informationen als Benutzer-Meta speichern können, müssen Sie durch viele weitere Reifen springen, um diese Funktion zu machen. Am Ende ist es viel schwieriger, PhpMyadmin zu vermeiden, als es zu lernen. Gehen Sie also zu Ihrem Domain -Hosting -Anbieter, melden Sie sich an und besuchen Sie Ihr Hosting -Bedienfeld. Sie sollten eine Schaltfläche oder einen Link für PhpMyAdmin oder ein anderes Datenbankverwaltungs -Tool sehen. Da die überwiegende Mehrheit der Domain -Hosting -Anbieter PhpMyAdmin verwenden, werde ich das als mein Beispiel verwenden. Wenn Sie sich in PhpMyAdmin angemeldet haben, gehen Sie zur Registerkarte SQL für Ihre WordPress -Installation und fügen Sie den folgenden Code ein: [SourceCode Language = ”SQL”] Erstellen Sie Tabelle `copy_preferences` ( `id` int (7) nicht null auto_increment, `first_name` varchar (50) nicht null, `last_name` varchar (50) nicht null, `E -Mail` varchar (50) NICHT NULL, "Telefon" varchar (12) nicht null, `zip_code` varchar (5) nicht null, "Geschlecht" int (1) nicht null, `Age` int (3) nicht null, `Education` varchar (50) nicht null, "Einkommen" varchar (50) nicht null, `location` varchar (50) nicht null, `categories` varchar (400) nicht null, `page` int (1) nicht null, `Timestamp` TimeStamp Null Null Standard Current_Timestamp, Primärschlüssel (`id`) ) [/Sourcecode] Sie können diesen Code natürlich nach Bedarf ändern. Dadurch wird jedoch eine neue Datentabelle vorhanden und ermöglicht es Ihnen, Inhalte aus den Eingaben unseres mehrseitigen Formulars hinzuzufügen.

Schritt 2: Hinzufügen von Daten

Hinzufügen von Seite

Für diesen Schritt werden wir zwei Dinge erreichen:
Senden Sie die Eingabe von Seite One Formular in die Datenbanktabelle, die wir in Schritt 1
2. erstellt haben
Abrufen Sie die ID der Formulardaten ab, damit wir weitere Informationen hinzufügen können, wenn der Benutzer die Formulare ausfüllt.

Um Daten in unsere Datenbanktabelle hinzuzufügen, verwenden wir den integrierten WordPress $ wpdb. Während Sie ein MySQL-Einfügen-Skript erstellen können, ist es eine gute Praxis, wenn Sie mit WordPress-Datenbanken arbeiten, um ihre sorgfältig entworfene Funktionalität zu verwenden. Es ist ein einfacher Prozess, der auch zuerst der am wenigsten intuitive aller Zeiten ist. Sobald Sie mit $ WPDB arbeiten, wird es Ihnen gut gehen. Zunächst müssen wir die Postdaten von Seite 1 unseres Formulars abrufen. Wenn Sie jemals mit Formularen gearbeitet haben, ist dies ein vertrauter Prozess. Der Einfügenvorgang beginnt mit dem Definieren der Spalten mit einem Array -Format, das einer Variablen zugewiesen ist. Dann nimmt die Einsatzfunktion es von dort aus. [SourceCode Language = ”PHP”] // Start Seite 2 des Formulars elseif ($ page == 1) { // schnappen Sie sich die Postdaten, die der Benutzer zur Verfügung gestellt hat $ first_name = $ _post ['first_name']; $ last_name = $ _post ['last_name']; $ mail = $ _post [’E -Mail’]; $ mone = $ _post ['Telefon']; $ zip_code = $ _post ['zip_code']; // Weisen Sie die Tabelle und die Eingänge für unsere bevorstehende Einfügungsfunktion zu $ page_one_table = 'copy_preferences'; $ page_one_inputs = array (Array ( "First_name" => $ First_Name,, "Last_name" => $ last_name, ’E -Mail’ => $ mail, "Telefon" => $ Telefon, "ZIP_CODE" => $ ZIP_CODE, "Seite" => $ Seite ); // Fügen Sie die Daten in eine neue Zeile ein $ insert_page_one = $ wpdb-> insert ($ page_one_table, $ page_one_inputs); // Schnapp die ID der Zeile, die wir für die spätere Verwendung eingefügt haben $ form_id = $ wpdd-> insert_id; Echo ‘

Sie haben es auf die 2. Seite geschafft!

Hier sind Ihre Formulareingänge: Vorname: “. $ First_Name. " Nachname: “. $ last_name. " E -Mail: “. $ E -Mail. " Telefon: ' . $ Telefon. " PLZ: ' . $ zip_code. " Form ID: '. $ form_id. ”; }// Ende Seite 2 des Formulars [/Sourcecode] Im letzten Teil des Codes führen wir ein wenig anfängliche Überprüfung unserer Daten durch, zeigen unsere Nachricht über die 2 zwei des Formulars an und dann die gespeicherten Eingangswerte an den Benutzer, der sie zur Verfügung gestellt hat. Wenn wir einen Formular -ID -Wert haben, haben wir eine Zeile erfolgreich eingefügt!

Schritt 3: Hinzufügen des Formulars Zwei

Hinzufügen Wir haben also eine Reihe von Daten aus unserer ersten Seite des Formulars eingefügt, und jetzt sind wir bereit, weitere Informationen zu sammeln. Dieses Mal möchten wir einige sozioökonomische Daten erhalten. Auch wenn der Benutzer zu diesem Zeitpunkt an uns auf Kaution rettet, haben wir immer noch nützliche Informationen, mit denen wir uns später mit ihnen in Verbindung setzen können. Nach dem obigen Code $ Form_ID ersetzen wir den Rest und fügen die zweite Seite unseres ausgefallenen Formulars hinzu: [SourceCode Language = ”PHP”] echo '

Geschlecht: Gender Wählen Sie weiblich männlich Alter: Bildung: Bildungsstufe aus Wählen Sie Einige High School High School Diploma/Ged Einige College College -Abschluss Einige Graduiertenschule Graduate Einige Post -Graduate Doktorat Einkommen: Wählen Sie Einkommensbereich weniger als 10.000 USD $ 10.000 - $ 25.000 25.000 USD - $ 50.000 $ 50.000 - $ 75.000 mehr als 75.000 USD

’; }// Ende Seite 2 des Formulars [/Sourcecode] Aus Gründen der Kürze habe ich die Option "Alter" als Füllung des Leerzeichens gelassen, sodass wir keine lange Form mit überwältigenden Optionen haben. Die endgültige Version hat ein Dropdown-Menü.

Schritt 4: Erstellen Sie den Handler von Seite 3

Nehmen wir nun die Informationen von Seite zwei auf und stellen Sie sicher, dass wir das erfasst haben, was wir brauchen. Wir werden es auf der Seite zu Testzwecken anzeigen. Eine weitere andere Anweisung ist erforderlich, um die Seitennummer zu testen. Platzieren Sie dies einfach nach dem Kommentar „Ende Seite 2“ aus dem vorherigen Code -Beispiel: [SourceCode Language = ”PHP”] elseif ($ page == 2) { $ gender = $ _post ["Geschlecht"]; $ age = $ _post [’ay’]; $ Education = $ _Post ['Education']; $ Einkommen = $ _post ['Einkommen']; $ page = $ _post ['Seite']; $ form_id = $ _post ['form_id']; Echo $ Gender: “. $ Geschlecht. ”; Echo $ ay: “. $ Alter. ”; Echo $ Education: “. $ Bildung. ”; Echo „$ Income:“. $ Einkommen. ”; Echo $ Page: '. $ page. ”; echo '$ form_id:'. $ form_id. ”; } [/Sourcecode] Stellen Sie sicher, dass Ihre Funktion immer noch das Schließen "}" hat; BRACE - Es ist einfach, über die Spitze zu kopieren und einzufügen. Wenn Sie eine dieser Öffnungs- oder Schließklammern oder Klammern fehlen, können Sie Ihr gesamter Formular brechen. Arbeiten Sie also sorgfältig.

Schlussfolgerung

Aktualisieren Sie Ihre Form und sehen Sie ! Wir kommen näher! Sie haben bereits ein zweiseitiges Formular, das Daten erfolgreich erfasst und von Seite 1 auf Seite zwei speichert. Das ist ein großer erster Schritt. Im nächsten Artikel zeige ich Ihnen, wie Sie die Datenbank mit Seite zwei Eingaben aktualisieren und wie Sie eine optionale Version des Formulars anzeigen - eines für Männer und eine für Frauen. Aus Gründen der Vollständigkeit ist hier der Code, den wir bisher haben: [SourceCode Language = ”PHP”] add_shortcode ('multipage_form_sc', multipage_form '); Funktion multipage_form () { global $ wpdb; $ this_page = $ _server ['request_uri']; $ page = $ _post ['Seite']; if ($ page == null) { Echo “

Vorname: Nachname: E -Mail: Telefon: Postleitzahl: “; }// Ende Seite 1 des Formulars // Start Seite 2 des Formulars elseif ($ page == 1) { $ first_name = $ _post ['first_name']; $ last_name = $ _post ['last_name']; $ mail = $ _post [’E -Mail’]; $ mone = $ _post ['Telefon']; $ zip_code = $ _post ['zip_code']; $ page_one_table = 'copy_preferences'; $ page_one_inputs = array (Array ( "First_name" => $ First_Name,, "Last_name" => $ last_name, ’E -Mail’ => $ mail, "Telefon" => $ Telefon, "ZIP_CODE" => $ ZIP_CODE, "Seite" => $ Seite ); $ insert_page_one = $ wpdb-> insert ($ page_one_table, $ page_one_inputs); $ form_id = $ wpdb-> insert_id; Echo “

Geschlecht:

GenderFemalemale auswählen Alter: Bildung: Auswählen von Ausbildungsstufe der High SchoolHigh School Diploma/GEDSOME Collegecollege Degreesome Graduate School Grachuatesome Post -Absolventenoctorate Einkommen: Select -Einkommensabteilung als 10.000 US '; } // Ende Seite 2 des Formulars // Start Seite 3 des Formulars elseif ($ page == 2) { $ gender = $ _post ["Geschlecht"]; $ age = $ _post [’ay’]; $ Education = $ _Post ['Education']; $ Einkommen = $ _post ['Einkommen']; $ page = $ _post ['Seite']; $ form_id = $ _post ['form_id']; Echo $ Gender: “. $ Geschlecht. ”; Echo $ ay: “. $ Alter. ”; Echo $ Education: “. $ Bildung. ”; Echo „$ Income:“. $ Einkommen. ”; Echo $ Page: '. $ page. ”; echo '$ form_id:'. $ form_id. ”; }; // Ende Seite 3 des Formulars } // End multipage_form () Funktion [/Sourcecode]

häufig gestellte Fragen zum Entwerfen eines mehrseitigen Formulars in WordPress- und Datenspeicher

Wie kann ich ein mehrseitiges Formular in WordPress erstellen, ohne ein Plugin zu verwenden? Sie müssen ein benutzerdefiniertes Formular erstellen und mithilfe von PHP -Sitzungen oder Cookies in mehrere Seiten aufteilen, um Benutzerdaten zwischen Seiten zu speichern. Dies kann jedoch komplex und zeitaufwändig sein, insbesondere für Anfänger. Wenn Sie ein Plugin wie WPForms oder formidierbare Formulare verwenden, können Sie diesen Vorgang vereinfachen, sodass Sie mehrseitige Formulare mit nur wenigen Klicks erstellen können.

Wie kann ich Formulardaten in der WordPress-Datenbank speichern? Mit dieser Funktion können Sie direkt mit der Datenbank interagieren. Sie können es verwenden, um Daten aus Ihrer Datenbank einzufügen, zu aktualisieren, zu löschen und abzurufen. Dies erfordert jedoch ein gutes Verständnis von SQL und der Struktur Ihrer WordPress -Datenbank. Alternativ können Sie ein Plugin verwenden, das die Formulardaten in der Datenbank automatisch gespeichert hat. Formeln Sie Daten aus der WordPress -Datenbank auf Ihrer Website. Dies kann mit der WPDB -Funktion durchgeführt werden, um eine Auswahlabfrage in Ihrer Datenbank auszuführen. Die zurückgegebenen Daten können dann mit PHP angezeigt werden. Dies erfordert jedoch ein gutes Verständnis von PHP und SQL. Wenn Sie mit der Codierung nicht vertraut sind, können Sie ein Plugin verwenden, das eine benutzerfreundliche Schnittstelle zum Abrufen und Anzeigen von Formulardaten bietet.

Die Sicherheit Ihrer Formulardaten in WordPress ist entscheidend. Sie können dies tun, indem Sie vorbereitete Anweisungen verwenden, wenn Sie mit der Datenbank interagieren, um SQL -Injektionsangriffe zu verhindern. Validieren und sanitieren Sie die Benutzereingabe immer immer, um die Skript-Angriffe (Scripting) zu verhindern. Wenn Sie ein Plugin verwenden, stellen Sie sicher, dass diese Best Practices der Sicherheitsversicherung folgt. Von der WordPress -Datenbank zu einer CSV -Datei. Dies kann mit der WPDB-Funktion erfolgen, um die integrierten Daten und die integrierten Funktionen von PHP abzurufen, um eine CSV-Datei zu erstellen und in eine CSV-Datei zu schreiben. Dies erfordert jedoch ein gutes Verständnis von PHP und SQL. Alternativ bieten viele Formular-Plugins eine Exportfunktion, mit der Sie auf einfache Weise die Formulardaten in eine CSV-Datei exportieren können. Die bedingte Logik in Ihrem mehrseitigen Form in WordPress kann mit JavaScript oder JQuery erfolgen. Auf diese Weise können Sie Formularfelder oder Seiten basierend auf der Eingabe des Benutzers anzeigen oder ausblenden. Dies erfordert jedoch ein gutes Verständnis von JavaScript oder JQuery. Wenn Sie mit Codierung nicht vertraut sind, bieten viele Formular-Plugins eine benutzerfreundliche Schnittstelle zum Erstellen einer bedingten Logik. 🎜> Ja, Sie können Ihr mehrseitiges Formular in andere Dienste wie MailChimp oder Google Sheets integrieren. Dies kann mit ihren jeweiligen APIs erfolgen. Dies erfordert jedoch ein gutes Verständnis von APIs und Codierung. Alternativ bieten viele Form -Plugins Integrationen mit beliebten Diensten, mit denen Sie Ihr Formular problemlos mit diesen Diensten verbinden können.

Wie kann ich meine mehrseitige Form in WordPress stylen? Sie können die CSS -Datei Ihres Themas in der Style.CSS -Datei Ihres Themas hinzufügen oder den zusätzlichen CSS -Abschnitt des Customizer verwenden. Dies erfordert jedoch ein gutes Verständnis von CSS. Wenn Sie mit der Codierung nicht vertraut sind, bieten viele Formular-Plugins eine benutzerfreundliche Schnittstelle für das Styling Ihres Formulars. -Spep-Form ist im Wesentlichen die gleiche Form einer mehrseitigen Form. Der Unterschied liegt hauptsächlich in der Benutzeroberfläche. In mehrstufiger Form werden die Schritte normalerweise in einer Fortschrittsleiste angezeigt, wodurch der Benutzer ein klarer Hinweis auf ihren Fortschritt durch das Formular gibt. Das Erstellen eines mehrstufigen Formulars erfordert dieselben Fähigkeiten und Tools wie das Erstellen eines mehrseitigen Formulars. Verwenden Sie ein mehrseitiges Formular für die Benutzerregistrierung in WordPress. Dies kann nützlich sein, wenn Sie viele Informationen vom Benutzer sammeln müssen. Beachten Sie jedoch, dass die Benutzererfahrung so reibungslos wie möglich sein sollte. Fragen Sie nicht nach unnötigen Informationen und stellen Sie sicher, dass das Formular leicht zu navigieren ist. Sie können ein Plugin verwenden, um ein benutzerdefiniertes Benutzerregistrierungsformular mit mehreren Seiten zu erstellen.

Das obige ist der detaillierte Inhalt vonEntwerfen Sie ein mehrseitiges Formular in WordPress: Datenspeicherung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!