在 wordpress 站点中编辑/删除数据表行
Posted
技术标签:
【中文标题】在 wordpress 站点中编辑/删除数据表行【英文标题】：Editing/deleting datatable rows in wordpress site 【发布时间】：2017-11-27 15:10:20 【问题描述】：我真的很紧张......我的任务是让这个网站上的数据表可编辑。基本上，每一行都需要有一个编辑和删除选项。一个问题是我的数据表是通过我的数据库表填充，因此如果进行任何编辑或删除任何行，则需要通过更新或删除来影响数据库。
我在这个特定的 wordpress 网站上遇到了这些表格的一些问题，主要涉及列可见性和按钮。但是，我真的有压力让我在明天之前完成这项工作，我很茫然。
我在 datatables.net 上看到了 Editor 插件，但我很困惑如何在这个站点中使用它。要记住的主要事情是这是一个 wordpress 站点，我的表被 phpMyAdmin 控制的数据库填充和影响。
我是这个领域的新手，所以任何可行的解决方案都非常感谢。
我的数据库连接和查询：
$server = "localhost";
$user = "user";
$pw = "password"
$db = "database";
$connect = mysqli_connect($server, $user, $pw, $db);
if ($connect->connect_error)
die("Connection failed: " . $conn->connect_error);
else
//echo'success!';
$query1 = "SELECT * FROM staging;";
$result1 = mysqli_query($connect,$query1);
$query2 = "SELECT * FROM stagingSurvey;";
$result2 = mysqli_query($connect,$query2);
?>
我的包含和 css 的数据表代码：
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.dataTables.min.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
</head>
<body style="background-color:#3A6587";>
<label style="font-weight:bold;">Select the table you would like to view:</label></br>
<select name='tables' id='select-tables'>
<option value="mytable">Survey Test Table</option>
<option value="mytableSurvey">Survey Only</option>
</select>
</br>
<script type="text/javascript">
(function($)
$(document).ready(function()
$('#mytable').DataTable(
dom: 'Blfrtip',
buttons: [
'copy', 'excel', 'pdf', 'colvis'
]
);
$('a.toggle-vis').on( 'click', function (e)
e.preventDefault();
// Get the column API object
var column = table.column( $(this).attr('data-column') );
// Toggle the visibility
column.visible( ! column.visible() );
);
$('#mytableSurvey').DataTable(
dom: 'Blfrtip',
buttons: [
'copy', 'excel', 'pdf', 'colvis'
]
);
$('.dataTable').wrap('<div class="dataTables_scroll" />');
$(document).on('change' , '#select-tables', function()
var table = $(this).val();
$('#' + table +'_wrapper').show();
$('[id$="_wrapper"]').not('#' + table +'_wrapper').hide();
);
$("#select-tables").trigger("change");
);
(jQuery));
</script>
【问题讨论】：
你试过他们的generator吗？ 其实我没有。你有在 WordPress 上使用它的经验吗？ 无，但设置似乎很简单。他们写信是为了简单地更改包含的 php 文件以连接到您的数据库。 【参考方案1】：这不是一个完整的答案，而是一种在不使用数据表编辑器的情况下为您指出解决方案的方法。过去我也这样做过。
如果您对 ajax 有一定的经验，您可以使用按钮在数据表中创建一行，在该按钮中包含带有行 ID 的属性。然后设置一个 onclick 事件，向一个函数发送一个 ajax 请求，该函数从数据库中删除具有该 ID 的行。
我使用https://vitalets.github.io/x-editable/ 进行编辑，它有一个非常简单的 API。
如果您需要更多帮助，我可以通过chat 帮助您
【讨论】：
以上是关于在 wordpress 站点中编辑/删除数据表行的主要内容，如果未能解决你的问题，请参考以下文章
我无意中修改了wordpress后台的常规下的网站地址和站点地址，搞得网站打不开，我删除了网站web
vi 编辑器 大法 之 d 然后 shift + g 从当前光标所在行删到最后一行
WordPress 编辑器未更新文件：无法与站点通信以检查致命错误