Grafik responsif, masa nyata di WordPress: Pemprosesan Borang

Tutorial ini menunjukkan cara membina borang WordPress untuk pengumpulan data, menggunakan pelacak senaman sebagai contoh. Borang ini mengumpul pushups, tarikh senaman, dan butiran log masuk pengguna. Skrip sambungan pangkalan data meningkatkan pengurusan kelayakan pangkalan data merentasi pelbagai fail. Proses fail PHP membentuk data, menyediakannya untuk penyisipan pangkalan data. Petua dan sumber penyelesaian masalah disediakan.

Takeaways utama:

• Membuat borang WordPress untuk kemasukan data (pushups, tarikh, pengguna).
• Membangunkan skrip sambungan pangkalan data yang boleh diguna semula.
• membina fail PHP untuk memproses dan memasukkan data borang ke dalam pangkalan data.
• menawarkan panduan penyelesaian masalah untuk kesilapan biasa.

Bahagian 1 Recap:

1. Memuatkan plugin asas yang mengandungi perpustakaan grafik.
2. memuat naik fail PHP kosong melalui FTP.
3. WordPress yang dikonfigurasikan untuk mencari fail PHP tersuai.
4. memperkenalkan fungsi admin WordPress asas.

Bahagian 2 Recap:

1. mencipta jawatan kosong dengan kod pendek letak.
2. mendaftarkan kod pendek dengan WordPress.
3. mencipta jadual pangkalan data untuk penyimpanan data.

Bahagian ini memberi tumpuan kepada mewujudkan borang pengumpulan data. Walaupun dengan data pangkalan data sedia ada, mengkaji bahagian ini bermanfaat sebelum meneruskan ke pertanyaan pangkalan data dan pemformatan data untuk plugin graf. Ini amat berguna untuk pemula. Walaupun contohnya menggunakan pelacak senaman, prinsip -prinsip ini dapat disesuaikan dengan aplikasi lain.

Langkah 1: Membina borang pushup

Langkah ini membina bentuk mudah untuk merakam latihan pushup. Buka custom-workout.php (dalam Plugins & gt; Editor) dan ganti kandungannya dengan kod PHP berikut:

<?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');
?>

Kod ini menggunakan echo untuk mengeluarkan html borang. Borang ini ditambah kepada pos "Tambah Pushups" yang dibuat lebih awal (hanya mengandungi kod shortcode [pushups_sc]). Selepas menambah kod, jelaskan cache WP anda untuk melihat perubahan.

Mengemukakan borang (walaupun ia belum berfungsi) menunjukkan penghantaran data ke langkah pemprosesan seterusnya. Styling boleh ditambah kemudian.

Langkah 2: Membuat Skrip Maklumat Pangkalan Data

Amalan terbaik menentukan pemisahan kelayakan pangkalan data dari skrip. Ini mempercepat akses merentasi pelbagai fail. Buat

dengan kod berikut, menggantikan nilai kurungan dengan kelayakan pangkalan data anda (boleh didapati dari penyedia hosting anda): connect_to_db.php

<?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);
}
?>

Muat naik fail ini ke folder

. plugins/flot-for-wp/flot

Langkah 3: Pemprosesan data borang dengan php

create

dan tampal kod ini: add_pushups.php

<?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');
?>

Fail ini menggunakan $_GET untuk mendapatkan data borang, menukar tarikh ke timestamp UNIX, dan memasukkan data ke dalam pangkalan data. Kenyataan yang dikomentari echo berguna untuk menyebarkan isu sambungan pangkalan data. Muat naik fail ini ke plugins/flot-for-wp/flot.

Memeriksa kerja dan penyelesaian masalah anda

Uji borang. Jika pengalihan tidak berfungsi, periksa kod anda dengan teliti. Gunakan pernyataan Debugging echo untuk mengenal pasti masalah. Isu -isu biasa termasuk typos dan butiran sambungan pangkalan data yang salah atau sintaks lokasi header. Selepas penyisipan data yang berjaya, sahkan data dalam phpmyadmin.

Ingat, penyelesaian masalah adalah bahagian biasa pembangunan. Gunakan sumber dalam talian (Stack Overflow, Google) dan bahagian komen untuk bantuan.

recap:

Bahagian ini mencipta borang, skrip sambungan pangkalan data, skrip pemprosesan data, dan menyediakan arahan ujian dan penyelesaian masalah yang menyeluruh. Bahagian seterusnya akan mengintegrasikan perpustakaan grafik untuk menggambarkan data yang dikumpulkan.

Atas ialah kandungan terperinci Grafik responsif, masa nyata di WordPress: Pemprosesan Borang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!