Concevoir un formulaire de plusieurs pages dans WordPress: stockage de données

Les plats clés

• La création d'une forme de plusieurs pages dans WordPress implique la création d'un tableau de base de données à l'aide de PhpMyAdmin, qui est généralement disponible via le panneau de configuration de votre fournisseur d'hébergement de domaine. Ce tableau stockera les données de formulaire personnalisées.
• Le WordPress intégré $ WPDB est utilisé pour ajouter des données des entrées de formulaire dans la table de la base de données. L'ID des données de formulaire est également récupéré pour une utilisation future.
• Pour collecter plus d'informations après la première page du formulaire, une deuxième page peut être ajoutée. Cela peut être utilisé pour collecter des données socioéconomiques, par exemple.
• Les informations de la deuxième page du formulaire peuvent être capturées et affichées sur la page à des fins de test. Cela nécessite une instruction ELLEIF pour tester le numéro de page.

Dans ce deuxième article de notre série sur la conception de formulaires de plusieurs pages, nous allons créer les tables de base de données nécessaires pour stocker les données de formulaire personnalisées. Nous allons également plonger dans le processus de stockage de la première page de données de formulaire et afficher la deuxième page à l'utilisateur. Nous utilisons des PHP et SQL très basiques pour atteindre nos objectifs de conception. (Si vous souhaitez en savoir plus sur PHP, notre site partenaire, Phpmaster.com, dispose d'une grande variété de guides allant du débutant à l'expert.)

Étape 1: Utilisation de phpmyadmin pour créer une table de base de données

Si vous n'avez jamais travaillé avec PhpmyAdmin, c'est un grand pas pour vous. Je me rends compte que cela peut être intimidant, mais le développement de formulaires personnalisé signifie généralement que vous voudrez des tables de base de données personnalisées. Bien que vous puissiez utiliser des tables de données WordPress intégrées existantes et stocker ces informations en tant que méta de l'utilisateur, vous devrez sauter dans de nombreux autres cerceaux pour que cela fonctionne. En fin de compte, éviter le phpmyadmin est beaucoup plus difficile que de l'apprendre. Alors, accédez à votre fournisseur d'hébergement de domaine, connectez-vous et accédez à votre panneau de configuration d'hébergement. Vous devriez voir un bouton ou un lien pour PhpMyAdmin ou un autre outil de gestion de la base de données. Étant donné que la grande majorité des fournisseurs d'hébergement de domaine utilisent PhpMyAdmin, je vais l'utiliser comme exemple. Une fois connecté à PhpMyAdmin, accédez à l'onglet SQL pour votre installation WordPress et collez dans le code suivant: [SourceCode Language = ”SQL”] Créer un tableau `shopping_preferences` ( `id` int (7) pas null auto_increment, `First_name` varchar (50) pas null, `Last_name` varchar (50) pas null, «e-mail» varchar (50) pas nul, `` Phone 'Varchar (12) pas nul, `zip_code` varchar (5) pas null, `` Gender 'Int (1) pas nul, `` Âge 'Int (3) pas nul, `` éducation 'varchar (50) pas nul, `` revenu '' varchar (50) pas nul, `Location 'Varchar (50) pas nul, «Catégories» varchar (400) pas nuls, `Page` int (1) pas nul, Timestamp `Timestamp 'non null par défaut Current_timestamp, Clé primaire (`id`) ) [/ SourceCode] Vous pouvez modifier ce code au besoin, bien sûr, mais cela mettra en place un nouveau tableau de données et vous permettra de commencer à ajouter du contenu à partir des entrées de notre formulaire de plusieurs pages.

Étape 2: Ajouter la page One Data

Pour cette étape, nous accomplirons deux choses:

1. Envoyez les entrées du formulaire de page One dans la table de base de données que nous avons créée à l'étape 1
2. Récupérer l'ID des données de formulaire afin que nous puissions continuer d'ajouter plus d'informations lorsque l'utilisateur remplit les formulaires.

Pour ajouter des données dans notre table de base de données, nous utiliserons le WORDPRESS $ intégré WPDB. Bien que vous puissiez créer un script d'insert MySQL, c'est une bonne pratique lorsque vous travaillez avec des bases de données WordPress pour utiliser leur fonctionnalité soigneusement conçue. C'est un processus simple qui est également le moins intuitif jamais … au début. Une fois que vous aurez compris de travailler avec $ wpdb, tout ira bien. Tout d'abord, nous devons saisir les données du poste de la première page de notre formulaire. Si vous avez déjà travaillé avec des formulaires, il s'agit d'un processus familier. Le processus d'insertion commence par définir les colonnes à l'aide d'un format de tableau attribué à une variable. Ensuite, la fonction d'insert le prend à partir de là. [SourceCode Language = ”Php”] // Démarrer la page 2 du formulaire elseif ($ page == 1) { // saisissez les données du post que l'utilisateur a fournies $ first_name = $ _POST [‘First_name’]; $ last_name = $ _post [‘last_name’]; $ email = $ _post [’e-mail’]; $ phone = $ _post [«téléphone»]; $ zip_code = $ _post [«zip_code»]; // Attribuez le tableau et les entrées pour notre prochaine fonction d'insertion $ page_one_table = ‘shopping_preferences’; $ page_one_inputs = array ( ‘First_name’ => $ first_name, ‘Last_name’ => $ last_name, ‘E-mail’ => $ e-mail, «Téléphone» => $ Téléphone, «Zip_code» => $ zip_code, ‘Page’ => $ page )); // insérer les données dans une nouvelle ligne $ insert_page_one = $ wpdb-> insert ($ page_one_table, $ page_one_inputs); // saisissez l'ID de la ligne que nous avons insérée pour une utilisation ultérieure $ form_id = $ wpdd-> insert_id; ECHO ‘

vous êtes arrivé à la 2ème page!

Voici vos entrées de formulaire: Prénom: ' . $ first_name. " Nom de famille: ' . $ last_name. " E-mail: ' . $ e-mail. " Téléphone: ' . $ Téléphone. " Code postal: ' . $ zip_code. " Form ID: «. $ form_id. » }// Fin de la page 2 du formulaire [/ SourceCode] Dans la dernière partie du code, nous effectuons un peu de vérification initiale de nos données, nous affichons notre message sur le réalisation de la page deux du formulaire, puis nous affichons les valeurs d'entrée stockées à l'utilisateur qui les a fournis. Si nous avons une valeur d'ID de formulaire, nous avons réussi à insérer une ligne!

Étape 3: Ajouter le formulaire de la page deux

Nous avons donc inséré une ligne de données de notre première page du formulaire, et maintenant nous sommes prêts à collecter quelques informations supplémentaires. Cette fois, nous voulons obtenir des données socioéconomiques. Même si l'utilisateur nous renfloue à ce stade, nous avons encore des informations utiles que nous pouvons utiliser pour les contacter plus tard. Après le code $ form_id ci-dessus, nous allons remplacer le reste et ajouter la deuxième page de notre formulaire de fantaisie: [SourceCode Language = ”Php”] Echo ‘

Gender: Label> Sélectionner le genre Femme Option> mâle Âge: Label> Education: Sélectionner le niveau d'éducation Certains lycés Diplôme de lycée / GED Certains collèges Option> diplôme universitaire Certaines études supérieures Graduate Option> Certains post-diplômés doctorat option> revenu: label> Sélectionner la plage de revenus Moins de 10 000 $ 10 000 $ - 25 000 $ Option> 25 000 $ - 50 000 $ Option> 50 000 $ - 75 000 $ Option> plus de 75 000 $ Option>

’; }// Fin de la page 2 du formulaire [/ SourceCode] Par souci de concision, j'ai quitté l'option «Age» comme remplissage du blanc afin que nous n'ayons pas une forme longue avec des options écrasantes. La version finale aura un menu déroulant.

Étape 4: Construire le gestionnaire de la page 3

Maintenant, prenons les informations de la page deux et assurez-vous que nous avons capturé ce dont nous avons besoin. Nous allons l'afficher sur la page à des fins de test. Une autre instruction ELSEIF est nécessaire pour tester le numéro de page. Placez-le immédiatement après le commentaire de la «page 2» de l'échantillon de code précédent: [SourceCode Language = ”Php”] elseif ($ page == 2) { $ Gender = $ _post [«Gender»]; $ age = $ _post [«Âge»]; $ education = $ _post [«éducation»]; $ revenu = $ _post [«revenu»]; $ page = $ _post [«page»]; $ form_id = $ _post [«form_id»]; ECHO «$ SEXT». $ Gender. » Echo «$ Age». $ âge. » Echo «$ education». $ éducation. » Écho «Revenu $». ». $ revenu. » Echo «$ Page:«. $ page. » Echo ‘$ form_id:‘. $ form_id. » } [/ SourceCode] Assurez-vous que votre fonction a toujours la fermeture «};» Brace - Il est facile de copier et de coller au-dessus. L'un de ces accolades ou supports d'ouverture ou de fermeture peut rompre toute votre forme, alors travaillez soigneusement.

Conclusion

Rafraîchissez votre formulaire et voici ! Nous nous rapprochons! Vous avez déjà un formulaire de deux pages qui collecte avec succès les données et les stocke de la page un à la page deux. C’est une énorme première étape. Dans le prochain article, je vais vous montrer comment mettre à jour la base de données avec les entrées de la page deux et comment afficher une version facultative du formulaire - une pour les hommes et une pour les femmes. Par souci d'exhaustivité, voici le code que nous avons jusqu'à présent: [SourceCode Language = ”Php”] add_shortcode («multipage_form_sc», «multipage_form»); fonction multipage_form () { Global $ WPDB; $ this_page = $ _server [‘request_uri’]; $ page = $ _post [«page»]; if ($ page == null) { écho '

nom de famille: labe> Email: label> Téléphone: label> code postal: label> form> ’; }// Fin de la page 1 du formulaire // Démarrer la page 2 du formulaire elseif ($ page == 1) { $ first_name = $ _POST [‘First_name’]; $ last_name = $ _post [‘last_name’]; $ email = $ _post [’e-mail’]; $ phone = $ _post [«téléphone»]; $ zip_code = $ _post [«zip_code»]; $ page_one_table = ‘shopping_preferences’; $ page_one_inputs = array ( ‘First_name’ => $ first_name, ‘Last_name’ => $ last_name, ‘E-mail’ => $ e-mail, «Téléphone» => $ Téléphone, «Zip_code» => $ zip_code, ‘Page’ => $ page )); $ insert_page_one = $ wpdb-> insert ($ page_one_table, $ page_one_inputs); $ form_id = $ wpdb-> insert_id; écho '

Âge: Label> Education: Select> Sélectionner le niveau d'éducation du diplôme d'école du lycée / Gedsome Collegecollege Degréateur Graduate SchooldUaSome Post Graduatedoctorate Revenu: label> SELECT> Sélectionner un revenu sans distance que 10 000 $ 10 000 $ - 25 000 $ 25 000 $ - 50 000 $ 50 000 $ - 75 000 $ plus de 75 000 $ «;; } // Fin de la page 2 du formulaire // Démarrer la page 3 du formulaire elseif ($ page == 2) { $ Gender = $ _post [«Gender»]; $ age = $ _post [«Âge»]; $ education = $ _post [«éducation»]; $ revenu = $ _post [«revenu»]; $ page = $ _post [«page»]; $ form_id = $ _post [«form_id»]; ECHO «$ SEXT». $ Gender. » Echo «$ Age». $ Âge. » Echo «$ education». $ éducation. » Écho «Revenu $». ». $ revenu. » Echo «$ Page:«. $ page. » Echo ‘$ form_id:‘. $ form_id. » }; // Fin de la page 3 du formulaire } // fin multipage_form () [/ SourceCode]

Des questions fréquemment posées sur la conception d'un formulaire de plusieurs pages dans WordPress et le stockage de données

Comment puis-je créer une forme de plusieurs pages dans WordPress sans utiliser de plugin?

Créer une forme de plusieurs pages dans WordPress sans utiliser de plugin nécessite une certaine connaissance de PHP et HTML. Vous devrez créer un formulaire personnalisé et le diviser en plusieurs pages en utilisant des sessions PHP ou des cookies pour stocker les données utilisateur entre les pages. Cependant, cela peut être complexe et long, en particulier pour les débutants. L'utilisation d'un plugin comme WPFORMS ou de formulaires formidables peut simplifier ce processus, vous permettant de créer des formulaires de plusieurs pages en quelques clics.

Comment puis-je stocker des données de formulaire dans la base de données WordPress?

Le stockage des données de formulaire dans la base de données WordPress peut être effectué à l'aide de la fonction WordPress intégrée WPDB. Cette fonction vous permet d'interagir directement avec la base de données. Vous pouvez l'utiliser pour insérer, mettre à jour, supprimer et récupérer des données de votre base de données. Cependant, cela nécessite une bonne compréhension de SQL et de la structure de votre base de données WordPress. Alternativement, vous pouvez utiliser un plugin qui stocke automatiquement les données de formulaire dans la base de données.

Puis-je récupérer et afficher les données de formulaire à partir de la base de données WordPress sur mon site Web?

Oui, vous pouvez récupérer et afficher Formez des données de la base de données WordPress sur votre site Web. Cela peut être fait à l'aide de la fonction WPDB pour exécuter une requête de sélection sur votre base de données. Les données renvoyées peuvent ensuite être affichées à l'aide de PHP. Cependant, cela nécessite une bonne compréhension de PHP et SQL. Si vous n'êtes pas à l'aise avec le codage, vous pouvez utiliser un plugin qui fournit une interface conviviale pour récupérer et afficher les données de formulaire.

Comment puis-je assurer la sécurité de mes données de formulaire dans WordPress?

Assurer la sécurité de vos données de formulaire dans WordPress est crucial. Vous pouvez le faire en utilisant des instructions préparées lors de l'interaction avec la base de données pour éviter les attaques d'injection SQL. En outre, validez et désinfectant toujours l'entrée des utilisateurs pour éviter les attaques de scripts inter-sites (XSS). Si vous utilisez un plugin, assurez-vous qu'il suit ces meilleures pratiques de sécurité.

Puis-je exporter des données de formulaire de la base de données WordPress vers un fichier CSV?

Oui, vous pouvez exporter des données de formulaire de la base de données WordPress à un fichier CSV. Cela peut être fait en utilisant la fonction WPDB pour récupérer les données et les fonctions intégrées de PHP pour créer et écrire dans un fichier CSV. Cependant, cela nécessite une bonne compréhension de PHP et SQL. Alternativement, de nombreux plugins de formulaire fournissent une fonction d'exportation qui vous permet d'exporter facilement des données de formulaire vers un fichier CSV.

Comment puis-je créer une logique conditionnelle dans mon formulaire de plusieurs pages dans WordPress?

Création La logique conditionnelle dans votre formulaire de plusieurs pages dans WordPress peut être effectuée en utilisant JavaScript ou JQuery. Cela vous permet d'afficher ou de masquer les champs de formulaire ou les pages en fonction de l'entrée de l'utilisateur. Cependant, cela nécessite une bonne compréhension de JavaScript ou JQuery. Si vous n'êtes pas à l'aise avec le codage, de nombreux plugins de formulaire fournissent une interface conviviale pour la création de logique conditionnelle.

Puis-je intégrer mon formulaire de plusieurs pages avec d'autres services comme MailChimp ou Google Sheets?

Oui, vous pouvez intégrer votre formulaire de plusieurs pages avec d'autres services comme MailChimp ou Google Sheets. Cela peut être fait en utilisant leurs API respectives. Cependant, cela nécessite une bonne compréhension des API et du codage. Alternativement, de nombreux plugins de formulaire fournissent des intégrations avec des services populaires, vous permettant de connecter facilement votre formulaire à ces services.

Comment puis-je styliser ma forme de plusieurs pages dans WordPress?

Le style de votre forme de plusieurs pages dans WordPress peut être effectué à l'aide de CSS. Vous pouvez ajouter CSS personnalisé au fichier Style.css de votre thème ou utiliser la section CSS supplémentaire du personnalisateur. Cependant, cela nécessite une bonne compréhension du CSS. Si vous n'êtes pas à l'aise avec le codage, de nombreux plugins de formulaire fournissent une interface conviviale pour styliser votre formulaire.

Puis-je créer un formulaire multi-étap -Les formulaires sont essentiellement les mêmes qu'une forme de plusieurs pages. La différence est principalement dans l'interface utilisateur. Dans un formulaire en plusieurs étapes, les étapes sont généralement affichées dans une barre de progrès, donnant à l'utilisateur une indication claire de leurs progrès à travers le formulaire. La création d'un formulaire en plusieurs étapes nécessite les mêmes compétences et outils que la création d'un formulaire de plusieurs pages.

Puis-je utiliser un formulaire de plusieurs pages pour l'enregistrement des utilisateurs dans WordPress?

Oui, vous pouvez Utilisez un formulaire de plusieurs pages pour l'enregistrement des utilisateurs dans WordPress. Cela peut être utile si vous devez collecter beaucoup d'informations à l'utilisateur. Cependant, gardez à l'esprit que l'expérience utilisateur doit être aussi fluide que possible. Ne demandez pas d'informations inutiles et assurez-vous que le formulaire est facile à naviguer. Vous pouvez utiliser un plugin pour créer un formulaire d'enregistrement d'utilisateur personnalisé avec plusieurs pages.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!