recherche
MaisonTutoriel CMSWordPresseGraphiques réactifs et en temps réel dans WordPress: Traitement de formulaire

Ce tutoriel montre comment créer un formulaire WordPress pour la collecte de données, en utilisant un tracker d'entraînement comme exemple. Le formulaire recueille les pompes, la date d'entraînement et les détails de connexion de l'utilisateur. Un script de connexion de base de données améliore la gestion des informations d'identification de la base de données sur plusieurs fichiers. Un fichier PHP traite les données du formulaire, la préparant pour l'insertion de la base de données. Des conseils et des ressources de dépannage sont fournis.

Prise des clés:

  • crée un formulaire WordPress pour la saisie des données (pushups, date, utilisateur).
  • développe un script de connexion de base de données réutilisable.
  • construit un fichier PHP pour traiter et insérer des données de formulaire dans une base de données.
  • offre des conseils de dépannage pour les erreurs courantes.

Récapitulation de la partie 1:

  1. chargé un plugin de base contenant des bibliothèques graphiques.
  2. a téléchargé un fichier PHP vierge via FTP.
  3. WordPress configuré pour localiser les fichiers PHP personnalisés.
  4. a introduit les fonctions d'administration WordPress de base.

Récapitulation de la partie 2:

  1. a créé un post vierge avec un shortcode d'espace réservé.
  2. a enregistré le shortcode avec WordPress.
  3. a créé une table de base de données pour le stockage de données.

Cette section se concentre sur la création du formulaire de collecte de données. Même avec les données de base de données existantes, l'examen de cette section est bénéfique avant de passer à la requête de la base de données et au formatage des données pour le plugin de graphique. Cela est particulièrement utile pour les débutants. Alors que l'exemple utilise un tracker d'entraînement, les principes sont adaptables à d'autres applications.

Étape 1: Construire la forme de pushup

Cette étape construit une forme simple pour enregistrer les entraînements Puspup. Ouvrir custom-workout.php (dans Plugins & gt; Editor) et remplacer son contenu par le code PHP suivant:

<?php
function pushups() {
    get_currentuserinfo();
    $current_user = wp_get_current_user();
    $wpuser = $current_user->user_login;
    $currentpage = $_SERVER['REQUEST_URI'];
    echo '[Login]('.$currentpage.') to start adding pushups!';
    echo '[Register]('.$currentpage.') if you have not already.';
    echo '<form method="get" action="add_pushups.php">';
    echo '<label>Number of Pushups: <input type="number" name="pushups_count"></label><br>';
    echo '<label>Date of Workout: <input type="date" name="pushups_date"></label><br>';
    echo '<input type="hidden" name="pushups_wpuser" value="'.$wpuser.'">';
    echo '<input type="hidden" name="current_page" value="'.$currentpage.'">';
    echo '<input type="submit" value="Submit">';
    echo '</form>';
    echo '---';
}
add_shortcode('pushups_sc', 'pushups');
?>

Ce code utilise echo pour sortir le HTML du formulaire. Le formulaire est ajouté au post "Ajouter des pompes" créé précédemment (contenant uniquement le shortcode [pushups_sc]). Après avoir ajouté le code, effacez votre cache WP pour voir les modifications.

Responsive, Real-Time Graphs in WordPress: Form Processing

Soumettre le formulaire (bien qu'il ne fonctionne pas encore) montre la transmission des données à l'étape de traitement suivante. Le style peut être ajouté plus tard.

Étape 2: Création du script d'information de la base de données

La meilleure pratique dicte la séparation des informations d'identification de la base de données des scripts. Cela accélère l'accès sur plusieurs fichiers. Créez connect_to_db.php avec le code suivant, en remplaçant les valeurs bracées par vos informations d'identification de base de données (obtenues auprès de votre fournisseur d'hébergement):

<?php
/* Database connection details */
function connect_to_db() {
    $username = "{username}";
    $password = "{password}";
    $hostname = "{hostname}";
    $dbname = "{database_name}";
    mysql_connect($hostname, $username, $password) or die(mysql_error());
    mysql_select_db($dbname);
}
?>

Téléchargez ce fichier dans le dossier plugins/flot-for-wp/flot.

Étape 3: Traitement des données de formulaire avec PHP

Créer add_pushups.php et collez ce code:

<?php
function pushups() {
    get_currentuserinfo();
    $current_user = wp_get_current_user();
    $wpuser = $current_user->user_login;
    $currentpage = $_SERVER['REQUEST_URI'];
    echo '[Login]('.$currentpage.') to start adding pushups!';
    echo '[Register]('.$currentpage.') if you have not already.';
    echo '<form method="get" action="add_pushups.php">';
    echo '<label>Number of Pushups: <input type="number" name="pushups_count"></label><br>';
    echo '<label>Date of Workout: <input type="date" name="pushups_date"></label><br>';
    echo '<input type="hidden" name="pushups_wpuser" value="'.$wpuser.'">';
    echo '<input type="hidden" name="current_page" value="'.$currentpage.'">';
    echo '<input type="submit" value="Submit">';
    echo '</form>';
    echo '---';
}
add_shortcode('pushups_sc', 'pushups');
?>

Ce fichier utilise $_GET pour récupérer les données du formulaire, convertit la date en horodatage UNIX et insère les données dans la base de données. Les instructions echo commenté sont utiles pour les problèmes de connexion de la base de données de débogage. Téléchargez ce fichier sur plugins/flot-for-wp/flot.

Vérification de votre travail et dépannage

tester le formulaire. Si la redirection ne fonctionne pas, vérifiez attentivement votre code. Utilisez les instructions de débogage echo pour identifier les problèmes. Les problèmes courants incluent les fautes de frappe et les détails de connexion de la base de données incorrects ou la syntaxe de l'emplacement de l'en-tête. Après une insertion de données réussie, vérifiez les données de PhpmyAdmin.

Responsive, Real-Time Graphs in WordPress: Form Processing

N'oubliez pas que le dépannage est une partie normale du développement. Utilisez des ressources en ligne (Stack Overflow, Google) et la section des commentaires pour obtenir de l'aide.

Recap:

Cette partie a créé un formulaire, un script de connexion de base de données, un script de traitement des données et a fourni des instructions de test et de dépannage approfondies. La partie suivante intègrera une bibliothèque graphique pour visualiser les données collectées.

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
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
Quelles sont les considérations de sécurité lors de l'utilisation de WordPress?Quelles sont les considérations de sécurité lors de l'utilisation de WordPress?Apr 29, 2025 am 12:01 AM

ToseCureAwordPressSite, suivez les personnes

Comment WordPress se compare-t-il aux autres constructeurs de sites Web?Comment WordPress se compare-t-il aux autres constructeurs de sites Web?Apr 28, 2025 am 12:04 AM

WordPressExcelSoverotherwebsiteBuildersDuetOitsFlexibility, Svalible, andOpen-Sourcenatur.1) It'saversatilecmswitHExtensiveCustomationOptionsViathemeSandPlugins.2)

5 plugins WordPress pour les développeurs à utiliser en 20255 plugins WordPress pour les développeurs à utiliser en 2025Apr 27, 2025 am 08:25 AM

Sept plugins WordPress incontournables pour le développement de sites Web 2025 La construction d'un site Web WordPress de haut niveau en 2025 exige la vitesse, la réactivité et l'évolutivité. La réalisation de cela dépend efficacement souvent de la sélection stratégique des plugins. Cet article Highlig

Pour quoi utiliseriez-vous WordPress?Pour quoi utiliseriez-vous WordPress?Apr 27, 2025 am 12:14 AM

WordPressCanBeUsedForvariousPurposesBeyondBlogging.1) e-commerce: avec Woocommerce, ItCanBeComeAfonLonnestore.2) Adhésion: PluginslikeMemberpressSenableExClusiveContentareas.3) Portfoliosites: ThemeSlikeasTraallowstunninglay

WordPress est-il bon pour créer un site Web de portfolio?WordPress est-il bon pour créer un site Web de portfolio?Apr 26, 2025 am 12:05 AM

Yes,WordPressisexcellentforcreatingaportfoliowebsite.1)Itoffersnumerousportfolio-specificthemeslike'Astra'foreasycustomization.2)Pluginssuchas'Elementor'enableintuitivedesign,thoughtoomanycanslowthesite.3)SEOisenhancedwithtoolslike'YoastSEO',boosting

Quels sont les avantages de l'utilisation de WordPress sur le codage d'un site Web à partir de zéro?Quels sont les avantages de l'utilisation de WordPress sur le codage d'un site Web à partir de zéro?Apr 25, 2025 am 12:16 AM

WordpressisadvantageousovercodingawebsitefromscratchDueto: 1) facilitésofuseandfasterdevelopment, 2) flexibilité et échec, 3) Communie solide.

Qu'est-ce qui fait de WordPress un système de gestion de contenu?Qu'est-ce qui fait de WordPress un système de gestion de contenu?Apr 24, 2025 pm 05:25 PM

WordPressisacmsDuetOtsEaseOfuse, personnalisation, usermanagement, référencement, et CommunitySupport.1)

Comment ajouter une boîte de commentaires à WordPressComment ajouter une boîte de commentaires à WordPressApr 20, 2025 pm 12:15 PM

Activez les commentaires sur votre site Web WordPress pour fournir aux visiteurs une plate-forme pour participer aux discussions et partager les commentaires. Pour ce faire, suivez ces étapes: Activez les commentaires: Dans le tableau de bord, accédez à Paramètres & GT; Discussions et sélectionnez la case Autoriser les commentaires. Créez un formulaire de commentaire: Dans l'éditeur, cliquez sur Ajouter un bloc et recherchez le bloc de commentaires pour l'ajouter au contenu. Formulaire de commentaire personnalisé: Personnalisez les blocs de commentaires en définissant des titres, des étiquettes, des espaces réservés et du texte des bouton. Enregistrer les modifications: cliquez sur Mettre à jour pour enregistrer la zone de commentaire et l'ajouter à la page ou à l'article.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel