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