MySQL數(shù)據(jù)庫(kù)是一種非常常見(jiàn)的數(shù)據(jù)庫(kù)，它能夠讓后臺(tái)開(kāi)發(fā)者方便地管理數(shù)據(jù)。但是，如果想要在前端顯示這些數(shù)據(jù)，我們需要使用一些技術(shù)來(lái)顯示。

一種常見(jiàn)的方法是使用PHP來(lái)連接數(shù)據(jù)庫(kù)，將數(shù)據(jù)查詢出來(lái)，然后將數(shù)據(jù)以JSON格式返回給前端。前端可以使用ajax來(lái)獲取這些數(shù)據(jù)。下面是一個(gè)使用PHP連接MySQL數(shù)據(jù)庫(kù)，并將數(shù)據(jù)以JSON格式返回給前端的代碼示例：

<?php
$con=mysqli_connect("localhost","username","password","database");
if(mysqli_connect_errno()){
echo "Failed to connect to MySQL:".mysqli_connect_error();
}
$result=mysqli_query($con,"SELECT * FROM table_name");
$data=array();
while($row=mysqli_fetch_assoc($result)){
$data[]=$row;
}
echo json_encode($data);
mysqli_close($con);
?>

如果你不想使用PHP來(lái)連接數(shù)據(jù)庫(kù)，而是想使用純前端技術(shù)來(lái)顯示數(shù)據(jù)，那么可以使用一些前端庫(kù)，比如jQuery和AngularJS。這些庫(kù)可以通過(guò)AJAX請(qǐng)求獲取數(shù)據(jù)，并將數(shù)據(jù)以HTML表格的形式展示出來(lái)。下面是一個(gè)使用jQuery來(lái)獲取MySQL數(shù)據(jù)庫(kù)數(shù)據(jù)并將其顯示為HTML表格的例子：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
url:"getdata.php",
type:"GET",
success:function(result){
var data=JSON.parse(result);
var table=$("<table>");
var row=$("<tr>");
row.append($("<th>ID</th>"));
row.append($("<th>Name</th>"));
row.append($("<th>Age</th>"));
table.append(row);
for(var i=0;i<data.length;i++){
var row=$("<tr>");
row.append($("<td>"+data[i].id+"</td>"));
row.append($("<td>"+data[i].name+"</td>"));
row.append($("<td>"+data[i].age+"</td>"));
table.append(row);
}
$("body").append(table);
}
});
});
</script>

總的來(lái)說(shuō)，MySQL數(shù)據(jù)庫(kù)是非常常見(jiàn)的數(shù)據(jù)庫(kù)，前端開(kāi)發(fā)者需要掌握一些技術(shù)才能輕松地在前端顯示這些數(shù)據(jù)。無(wú)論你是使用PHP連接數(shù)據(jù)庫(kù)，還是使用jQuery和AngularJS庫(kù)，都需要注意數(shù)據(jù)的安全性。