WordPress表單數(shù)據(jù)寫入數(shù)據(jù)庫的實現(xiàn)方法

來自：素雅營銷研究院

方知筆記

2025年05月04日 23:48

WordPress作為全球最流行的內容管理系統(tǒng)之一，提供了強大的擴展功能，其中表單數(shù)據(jù)存儲是網站開發(fā)中的常見需求。本文將詳細介紹如何在WordPress中創(chuàng)建表單并將數(shù)據(jù)寫入數(shù)據(jù)庫的完整實現(xiàn)方案。

一、準備工作

在開始之前，您需要確保：

已安裝WordPress并擁有管理員權限
了解基本的PHP和HTML知識
熟悉WordPress插件開發(fā)基礎

二、創(chuàng)建自定義表單

我們需要創(chuàng)建一個前端表單?？梢酝ㄟ^以下方式實現(xiàn)：

使用短代碼創(chuàng)建表單：

function custom_form_shortcode() {
ob_start();
?>
<form method="post" action="">
<label for="name">姓名：</label>
<input type="text" name="name" required>

<label for="email">郵箱：</label>
<input type="email" name="email" required>

<label for="message">留言：</label>
<textarea name="message" required></textarea>

<input type="submit" name="submit_form" value="提交">
</form>
<?php
return ob_get_clean();
}
add_shortcode('custom_form', 'custom_form_shortcode');

三、創(chuàng)建數(shù)據(jù)庫表

在WordPress中，我們通常使用$wpdb類來操作數(shù)據(jù)庫。首先需要在插件激活時創(chuàng)建表：

function create_custom_table() {
global $wpdb;

$table_name = $wpdb->prefix . 'custom_form_data';
$charset_collate = $wpdb->get_charset_collate();

$sql = "CREATE TABLE $table_name (
id mediumint(9) NOT NULL AUTO_INCREMENT,
name varchar(50) NOT NULL,
email varchar(100) NOT NULL,
message text NOT NULL,
submission_date datetime DEFAULT CURRENT_TIMESTAMP NOT NULL,
PRIMARY KEY  (id)
) $charset_collate;";

require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
dbDelta($sql);
}
register_activation_hook(__FILE__, 'create_custom_table');

四、處理表單提交

我們需要處理表單提交并將數(shù)據(jù)寫入數(shù)據(jù)庫：

function process_custom_form() {
if (isset($_POST['submit_form'])) {
global $wpdb;

$name = sanitize_text_field($_POST['name']);
$email = sanitize_email($_POST['email']);
$message = sanitize_textarea_field($_POST['message']);

$table_name = $wpdb->prefix . 'custom_form_data';

$wpdb->insert(
$table_name,
array(
'name' => $name,
'email' => $email,
'message' => $message
),
array('%s', '%s', '%s')
);

// 添加成功消息
if ($wpdb->insert_id) {
echo '<div class="notice notice-success">感謝您的提交！</div>';
} else {
echo '<div class="notice notice-error">提交失敗，請重試。</div>';
}
}
}
add_action('init', 'process_custom_form');