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
Les 5 meilleurs IDE pour le développement WordPress (et pourquoi)Les 5 meilleurs IDE pour le développement WordPress (et pourquoi)Mar 03, 2025 am 10:53 AM

Choisir le bon environnement de développement intégré (IDE) pour le développement WordPress Depuis dix ans, j'ai exploré de nombreux environnements de développement intégrés (IDE) pour le développement WordPress. La variété pure - gratuite à commerciale, basique à FEA

Créer des plugins WordPress avec des techniques OOPCréer des plugins WordPress avec des techniques OOPMar 06, 2025 am 10:30 AM

Ce didacticiel montre la construction d'un plugin WordPress à l'aide de principes de programmation orientée objet (OOP), tirant parti de l'API Dribbble. Affinons le texte pour plus de clarté et de concision tout en préservant la signification et la structure d'origine. Objet-ori

Comment transmettre des données PHP et des chaînes à JavaScript dans WordPressComment transmettre des données PHP et des chaînes à JavaScript dans WordPressMar 07, 2025 am 09:28 AM

Meilleures pratiques pour passer des données PHP à JavaScript: une comparaison de WP_localize_script et WP_ADD_INLINE_Script Le stockage des données dans les chaînes statiques dans vos fichiers PHP est une pratique recommandée. Si ces données sont nécessaires dans votre code JavaScript, incorporez

Comment intégrer et protéger les fichiers PDF avec un plugin WordPressComment intégrer et protéger les fichiers PDF avec un plugin WordPressMar 09, 2025 am 11:08 AM

Ce guide montre comment intégrer et protéger les fichiers PDF dans les articles et pages WordPress à l'aide d'un plugin PDF WordPress. Les PDF offrent un format convivial et universellement accessible pour divers contenus, des catalogues aux présentations. Cette méthode Ens

WordPress est-il facile pour les débutants?WordPress est-il facile pour les débutants?Apr 03, 2025 am 12:02 AM

WordPress est facile pour les débutants de commencer. 1. Après se connecter à l'arrière-plan, l'interface utilisateur est intuitive et le tableau de bord simple fournit tous les liens de fonction nécessaires. 2. Les opérations de base incluent la création et l'édition de contenu. L'éditeur WYSIWYG simplifie la création de contenu. 3. Les débutants peuvent étendre les fonctions du site Web via des plug-ins et des thèmes, et la courbe d'apprentissage existe mais peut être maîtrisée par la pratique.

Pourquoi quelqu'un utiliserait-il WordPress?Pourquoi quelqu'un utiliserait-il WordPress?Apr 02, 2025 pm 02:57 PM

Les gens choisissent d'utiliser WordPress en raison de son pouvoir et de sa flexibilité. 1) WordPress est un CMS open source avec une forte facilité d'utilisation et une évolutivité, adaptée à divers besoins en site Web. 2) Il a des thèmes et des plugins riches, un énorme écosystème et un fort soutien communautaire. 3) Le principe de travail de WordPress est basé sur des thèmes, des plug-ins et des fonctions de base, et utilise PHP et MySQL pour traiter les données, et prend en charge l'optimisation des performances.

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

Adaptateur de serveur SAP NetWeaver pour Eclipse

Adaptateur de serveur SAP NetWeaver pour Eclipse

Intégrez Eclipse au serveur d'applications SAP NetWeaver.

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),