Maison > Tutoriel CMS > WordPresse > Concevoir un formulaire de plusieurs pages dans WordPress: stockage de données

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

William Shakespeare
Libérer: 2025-02-20 11:36:11
original
963 Les gens l'ont consulté

Design a Multi-Page Form in WordPress: Data Storage

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>
’; }// 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 '

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal