php - 在wordpress自定义模板中显示插入的数据

Question

您好，我正在开发一个文字新闻网站。我创建了一个自定义模板，其中我有一个表单并将字段插入到数据库(mySql)中。代码如下所示。插入数据库

现在我需要以表格或网格的形式在前端显示已经插入数据库的数据。我怎么能做到这一点。

我需要这样的输出。

      Ritual Name   Ritual Active
      ---------------------------
      Test1        |    Y
      Test2        |    Y

感谢任何帮助。

函数.php

function childtheme_style_andscripts(){
    //wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'  );
    wp_enqueue_script('ajax-function',  get_stylesheet_directory_uri() .   '/js/ajaxfunction.js', array('jquery'), '1.0', true );
    wp_localize_script( 'ajax-function', 'usersubmitform', array(
'url'=> admin_url('admin-ajax.php'),
    'security'=> wp_create_nonce('our-nonce')
    ) );
}

add_action('wp_enqueue_scripts','childtheme_style_andscripts');

function form_action_function() {
    require_once(dirname( __FILE__ ).'/../../../wp-load.php');
    $data = $_POST['data'];
    global $wpdb;
    if( !check_ajax_referer('our-nonce', 'security' ) ) {
        wp_send_json_error('security failed');
        return;
    }
    //var_dump($data);
    $rname=$data['rname'];
    $ractive=$data['ractive'];

    $table_name = "rituals";
    $wpdb->insert($table_name, array ('Ritual_Name' => $rname, 'Ritual_Active' => $ractive) );

    //$wpdb->show_errors();
    //$wpdb->print_error();
    echo 'From Submitted Successfully';
    die();
}
add_action('wp_ajax_nopriv_form_action_function','form_action_function');
add_action('wp_ajax_form_action_function','form_action_function');

ajax函数.js

jQuery(document).ready(function($){
var submitButton = document.getElementById('usersubmit');
var ajaxFunctionformprocess = function(fromdata, action){
    $.ajax({
        type:'post',
        url: usersubmitform.url,
        data:{
            action:action,
            data:fromdata,
            security:usersubmitform.security,               
        },
        success:function(reponse){
            $('div.msg').html(reponse);
        },
        error:function(response){
            alert(response);
        }
    });     
}

submitButton.addEventListener('click', function(event){
    event.preventDefault();
    var fromdata = {
        'rname':document.getElementById('rname').value,
        'ractive':document.getElementById('ractive').value,
    };
    ajaxFunctionformprocess(fromdata, 'form_action_function');  

    }); 
  });

Samplepage.php(自定义模板)

  <div id="primary" class="content-area">
    <div id="content" class="site-content" role="main">
        <h1 class="headingform">User Form</h1>
        <div class="msg"></div>
        <form  class="userform">
            Ritual Name: <input type="text" id="rname" name="rname" /><br> <br>
            Ritual Active: <input type="text" id="ractive" name="ractive" /> <br><br> 
            <input  id="usersubmit"type="submit" Value="Submit" />
        </form>

    </div><!-- #content -->
</div><!-- #primary -->

Answer 1

案例一:创建模板显示表格中的信息

<?php
/*

Template Name: Disply Ritural
Description: display ritual information in table formate

*/


global $wpdb;
$table_name = "rituals";

$result = $wpdb->get_results ("SELECT * FROM  $table_name");


foreach ( $result as $ritual_info )
{
        echo $ritual_info['Ritual_Name'];
        echo $ritual_info['Ritual_Active'];
}

案例 2:创建一个短代码使其易于使用。打开您的 functions.php 文件并在其中添加代码。

function show_ritual_info(){
global $wpdb;
$table_name = "rituals";
$query="SELECT * FROM  $table_name";
$result = $wpdb->get_results ($query);


foreach ( $result as $ritual_info )
{
        echo $ritual_info['Ritual_Name'];
        echo $ritual_info['Ritual_Active'];
}

}
add_shortcode('show_ritual_info','show_ritual_info');

如何使用简码

• 在 php 文件中

  <?php echo do_shortcode('[show_ritual_info]'); ?>

• 内部管理页面

  ['show_ritual_info']