如何在Wordpress頁面模板中正確嵌入php代碼？

我正在使用構造函數主題的Wordpress。我來到翻過以下totorial構建一個簡單的CRUD應用程序： http://www.jeasyui.com/tutorial/app/crud3.php 如何在Wordpress頁面模板中正確嵌入php代碼？

我把它定製到我的需要，一個正確的工作演示可以在這裏找到： http://www.szerelmifajdalomklinika.hu/wp-content/themes/constructor/index2.html#

爲index2.html的代碼是：

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css"> 
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css"> 

<style type="text/css"> 
    form{ 
     margin:0; 
     padding:0; 
    } 
    .dv-table td{ 
     border:0; 
    } 
    .dv-table input{ 
     border:1px solid #ccc; 
    } 
</style> 





<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> 
<script type="text/javascript" src="http://www.jeasyui.com/easyui/datagrid-detailview.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $('#dgpartner').datagrid({ 
      view: detailview, 
      detailFormatter:function(index,row){ 
       return '<div class="ddv"></div>'; 
      }, 
      onExpandRow: function(index,row){ 
       var ddv = $(this).datagrid('getRowDetail',index).find('div.ddv'); 
       ddv.panel({ 
        border:false, 
        cache:true, 
        href:'show_form.php?index='+index, 
        onLoad:function(){ 
         $('#dgpartner').datagrid('fixDetailRowHeight',index); 
         $('#dgpartner').datagrid('selectRow',index); 
         $('#dgpartner').datagrid('getRowDetail',index).find('form').form('load',row); 
        } 
       }); 
       $('#dgpartner').datagrid('fixDetailRowHeight',index); 
      } 
     }); 
    }); 
    function saveItem(index){ 
     var row = $('#dgpartner').datagrid('getRows')[index]; 
     var url = row.isNewRecord ? 'save_user.php' : 'update_user.php?partner_id='+row.partner_id; 
     $('#dgpartner').datagrid('getRowDetail',index).find('form').form('submit',{ 
      url: url, 
      onSubmit: function(){ 
       return $(this).form('validate'); 
      }, 
      success: function(data){ 
       data = eval('('+data+')'); 
       data.isNewRecord = false; 
       $('#dgpartner').datagrid('collapseRow',index); 
       $('#dgpartner').datagrid('updateRow',{ 
        index: index, 
        row: data 
       }); 
      } 
     }); 
    } 
    function cancelItem(index){ 
     var row = $('#dgpartner').datagrid('getRows')[index]; 
     if (row.isNewRecord){ 
      $('#dgpartner').datagrid('deleteRow',index); 
     } else { 
      $('#dgpartner').datagrid('collapseRow',index); 
     } 
    } 
    function destroyItem(){ 
     var row = $('#dgpartner').datagrid('getSelected'); 
     if (row){ 
      $.messager.confirm('Confirm','Are you sure you want to remove this user?',function(r){ 
       if (r){ 
        var index = $('#dgpartner').datagrid('getRowIndex',row); 
        $.post('destroy_user.php',{partner_id:row.partner_id},function(){ 
         $('#dgpartner').datagrid('deleteRow',index); 
        }); 
       } 
      }); 
     } 
    } 
    function newItem(){ 
     $('#dgpartner').datagrid('appendRow',{isNewRecord:true}); 
     var index = $('#dgpartner').datagrid('getRows').length - 1; 
     $('#dgpartner').datagrid('expandRow', index); 
     $('#dgpartner').datagrid('selectRow', index); 
    } 
</script> 



<table id="dgpartner" title="Partnerek" style="width:900px;height:250px" 
     url="get_users.php" 
     toolbar="#toolbar" pagination="true" 
     fitColumns="true" singleSelect="true"> 
    <thead> 
     <tr> 
      <th field="partner_nickname" width="50">Partner beceneve</th> 
      <th field="partner_description" width="50">Partner leírása</th> 

     </tr> 
    </thead> 
</table> 
<div id="toolbar"> 
    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newItem()">New</a> 
    <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyItem()">Destroy</a> 
</div>

我想將其設置爲頁面模板。它可以在這裏http://www.szerelmifajdalomklinika.hu/kapcsolati-vazlat/

發現模板文件模板szerelmi-partner_raw.php的代碼如下（abowe粘貼到容器）：

<?php 
/* 
Template Name: Kapcsolat-oldal 
*/ 
/** 
* @package WordPress 
* @subpackage Constructor 
* 
*/ 


get_header(); ?> 
<div id="content" class="box shadow opacity <?php the_constructor_layout_class() ?>"> 
    <div id="container" > 

    <?php $post = get_page(get_query_var('page_id')); $content = apply_filters('the_content', $post->post_content); echo $content; ?> 


     <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css"> 
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css"> 

<style type="text/css"> 
     form{ 
      margin:0; 
      padding:0; 
     } 
     .dv-table td{ 
      border:0; 
     } 
     .dv-table input{ 
      border:1px solid #ccc; 
     } 
    </style> 





    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
    <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="http://www.jeasyui.com/easyui/datagrid-detailview.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      $('#dgpartner').datagrid({ 
       view: detailview, 
       detailFormatter:function(index,row){ 
        return '<div class="ddv"></div>'; 
       }, 
       onExpandRow: function(index,row){ 
        var ddv = $(this).datagrid('getRowDetail',index).find('div.ddv'); 
        ddv.panel({ 
         border:false, 
         cache:true, 
         href:'show_form.php?index='+index, 
         onLoad:function(){ 
          $('#dgpartner').datagrid('fixDetailRowHeight',index); 
          $('#dgpartner').datagrid('selectRow',index); 
          $('#dgpartner').datagrid('getRowDetail',index).find('form').form('load',row); 
         } 
        }); 
        $('#dgpartner').datagrid('fixDetailRowHeight',index); 
       } 
      }); 
     }); 
     function saveItem(index){ 
      var row = $('#dgpartner').datagrid('getRows')[index]; 
      var url = row.isNewRecord ? 'save_user.php' : 'update_user.php?partner_id='+row.partner_id; 
      $('#dgpartner').datagrid('getRowDetail',index).find('form').form('submit',{ 
       url: url, 
       onSubmit: function(){ 
        return $(this).form('validate'); 
       }, 
       success: function(data){ 
        data = eval('('+data+')'); 
        data.isNewRecord = false; 
        $('#dgpartner').datagrid('collapseRow',index); 
        $('#dgpartner').datagrid('updateRow',{ 
         index: index, 
         row: data 
        }); 
       } 
      }); 
     } 
     function cancelItem(index){ 
      var row = $('#dgpartner').datagrid('getRows')[index]; 
      if (row.isNewRecord){ 
       $('#dgpartner').datagrid('deleteRow',index); 
      } else { 
       $('#dgpartner').datagrid('collapseRow',index); 
      } 
     } 
     function destroyItem(){ 
      var row = $('#dgpartner').datagrid('getSelected'); 
      if (row){ 
       $.messager.confirm('Confirm','Are you sure you want to remove this user?',function(r){ 
        if (r){ 
         var index = $('#dgpartner').datagrid('getRowIndex',row); 
         $.post('destroy_user.php',{partner_id:row.partner_id},function(){ 
          $('#dgpartner').datagrid('deleteRow',index); 
         }); 
        } 
       }); 
      } 
     } 
     function newItem(){ 
      $('#dgpartner').datagrid('appendRow',{isNewRecord:true}); 
      var index = $('#dgpartner').datagrid('getRows').length - 1; 
      $('#dgpartner').datagrid('expandRow', index); 
      $('#dgpartner').datagrid('selectRow', index); 
     } 
    </script> 



    <table id="dgpartner" title="Partnerek" style="width:900px;height:250px" 
      url="get_users.php" 
      toolbar="#toolbar" pagination="true" 
      fitColumns="true" singleSelect="true"> 
     <thead> 
      <tr> 
       <th field="partner_nickname" width="50">Partner beceneve</th> 
       <th field="partner_description" width="50">Partner leírása</th> 

      </tr> 
     </thead> 
    </table> 
    <div id="toolbar"> 
     <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newItem()">New</a> 
     <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyItem()">Destroy</a> 
    </div> 

    </div><!-- id='container' --> 
    <?php get_constructor_sidebar(); ?> 
</div><!-- id='content' --> 
<?php get_footer(); ?>

正如你所看到的，第二個變體不不能正常工作。即使表頭也渲染得很糟糕。 如何正確地將此代碼導入頁面模板？

上可能是什麼問題的一些想法：在所謂的文件（例如get_users.php），有一個include 'conn.php';與$conn = @mysql_connect(xxx);也許，這需要與WordPress的默認連接互換？如果是這樣，怎麼樣？

提及的文件包含include，並且在主題的header.php之外還有一些內容。如果我在那裏複製所有內容，則不能解決問題。

謝謝你的幫助。

Sziro

來源

2013-02-24 Sziro

「正如你所看到的，第二個變體不能正常工作。」其實，我們看不到。在第二個版本中哪些工作不適用？ – 2013-02-24 19:11:47

我已經包含第一個和第二個變體的鏈接：http://www.szerelmifajdalomklinika.hu/wp-content/themes/constructor/index2.html#和http://www.szerelmifajdalomklinika.hu/kapcsolati-vazlat/。需要工作的是列表，添加新元素，修改，刪除。它們（索引html和模板php）位於同一個目錄中，並調用相同的php文件。 – Sziro 2013-02-24 19:25:58

它實際上工作，如果我iframe的所述html頁面。

<iframe name="FRAME2" src="http://www.szerelmifajdalomklinika.hu/wp-content/themes/constructor/index2.html" frameborder="1" width="450" height="400"></iframe>

到頁面模板。

來源

2013-02-27 16:24:38 Sziro

如何在Wordpress頁面模板中正確嵌入php代碼？

回答

相關問題