WordPress中響應敏感的實時圖：形式處理-＆＃＆按-PHP中文網

本教程將使用鍛煉跟踪器作為示例來展示如何為數據收集構建WordPress表單。表格收集俯臥撑，鍛煉日期和用戶登錄詳細信息。數據庫連接腳本改進了跨多個文件的數據庫憑證管理。 PHP文件處理形成數據，為數據庫插入準備。提供了故障排除的提示和資源。

鑰匙要點：

>為數據輸入創建WordPress表單（俯臥撑，日期，用戶）。

提供常見錯誤的故障排除指南。

第1部分回顧：

>加載了一個包含圖形庫的基本插件。

第2部分recap：

創建了一個用佔位符短碼的空白帖子。

>用WordPress註冊了短代碼。

創建了一個數據庫表用於數據存儲。 >
>本節重點是創建數據收集表格。即使有了現有的數據庫數據，在進行圖形插件的數據庫查詢和數據格式之前，審查本節還是有益的。這對初學者特別有用。示例使用健身跟踪器時，原理適用於其他應用程序。
步驟1：構建俯臥撑形式

>此步驟構建了用於記錄俯臥撑鍛煉的簡單形式。 OPEN

（在

＆gt; 中），並用以下php代碼替換其內容：>

此代碼使用

來輸出表單的HTML。該表單被添加到前面創建的“添加俯臥撑”帖子中（僅包含custom-workout.php短代碼）。添加代碼後，清除WP緩存以查看更改。 Plugins Editor

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

登入後複製

>提交表單（儘管尚未函數）將數據傳輸演示為下一個處理步驟。造型可以稍後添加。 echo [pushups_sc]>

>步驟2：創建數據庫信息腳本

Responsive, Real-Time Graphs in WordPress: Form Processing >

最佳實踐決定將數據庫憑據與腳本分開。這加快了跨多個文件的訪問。使用以下代碼創建

，用數據庫憑據替換包圍的值（可從您的託管提供商獲得）：

>將此文件上傳到>文件夾。

connect_to_db.php步驟3：使用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);
}
?>

登入後複製

處理數據。

創建plugins/flot-for-wp/flot並粘貼此代碼：>

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

登入後複製

此文件使用$_GET>檢索表單數據，將日期轉換為UNIX時間戳，然後將數據插入數據庫。評論說明語句對於調試數據庫連接問題很有用。將此文件上傳到echo>。 plugins/flot-for-wp/flot

>檢查您的工作和故障排除>

測試表格。如果重定向不起作用，請仔細檢查您的代碼。使用調試

語句來識別問題。常見問題包括錯別字和錯誤的數據庫連接詳細信息或標題位置語法。成功插入數據後，驗證phpMyAdmin中的數據。 echo>

Responsive, Real-Time Graphs in WordPress: Form Processing