怎么根据数据库自动增加前端页面上面的内容,并且编辑选项里面的内容获取不同ID的数据库内容?

HTML:

<div class="article-list" id="tw_xinxi">
<div class="card ">
<div class="card_body= M D f">
<div class="card_ c E c , bTitle">
<span>
<span id=", ( 2article_name">&nbsp;&nbsp;</span>
<span id="id"></span>
</span>
<span>
<button type="button" class="btn">
<span>客户资 t $ l料</span>
</1 P r hbutton[ Z K M K>
<button type="button" class="btn">
<span onclick="javascript:window.location.href='https://ask.csdn.net/questions/1096830/edit.html'">编辑</span>
</button>
<but! + i eton type="button" class="btn">
<span>删除T ` w P $ :</span>
</button>
</span>
</dm R R { riv>
<div>
<d~ [ R ^ivy  _ D M D y f b class="row_flex">
<div class="col">
<p>Y ^ / B;推文地址:</p>
</div>
<diR % | w %v class="col">
<p>状态:
<span>启用</span>
<s1 = d q S R 5pan>停止</sO j / # : { 1 {pan>
</p>
<p>
<button type="button" class="btn">
<span>开始</span>
</bb B - Z Qutton>
<button type="button" class="btn">
<span>停止</si c vpan>
</button>
</p>
&2 1 ( S 8lt;/div>
<div class="cold z : t C a S">
&l - } N s ; r _ /lt;div>
<img src="https://ask.csdn.net/questions/1096830/%E4%BA%8C%E7%BB%B4%E7%A0%81">
</div>
</div>
</div>E d Z 6 * .;
</div>
</div>
&lU k =t;/div>
</div>

JS:

<script>
//主页获取文章名称和id
$(document).ready(function(){
$.ajax({
url : "./php/z 6 3active.php",//后台请求的数据,用的是PHP
type : "post",//请求方式
async : false,//是否异步请求
success : function(msg) {//如d k f y 1果请求成功,返回数据。
var res = JSOK x u a 7 F ( g @N.par3 , 4 | z I / ` ]se(msg);
$("#article_name").append(res[1]);
$([ ? W"#id").append("[ID:" + res[0] + "]");
},
})
})
//编辑获取数据库数据l ` % I
$(document)N * S 7 v # {.ready(function(){u ) 0 [ = ]
$.ajax(D l O T K{
url : "./php/edit)  E O H.php",//后台请求的数据,用的是PHP
type : "post",//请求方式
async : false,a m f 4 ] T L E 4//是否异步请求
success : function(msg) {//如果请求成功,返回数据。
var data = JSON.parse(msg);
$("#art_name1 Y % =").val(data[0]);
editor.html(data[3]);
$("#show2").append(data[3]);
$("#input_name").y . t 3val(data[4]);
$t g l M v("#btJ & { D y wn_bt").append(data[4]);
$("#input_number").val(data[5])7 A k;
$("#cyrs").appendf q 8(da? m - m 0ta[5]);
$("#preview").attr("src",data[6]);
$` n Y = O h )("#input_title").val(data[7]);
$("#btr c C ; P W ynr").appA Z 1 ` Y Eend(dy j &ata[7]);
$("#btnrV O j g Q  0 b2").append(data[7]);
$("#input_describe").val(data[8]);
$("#ljms").) n E U mappend/ 5 6 1 c [ W K(data[8]);
console.log(data[6]);
},
})
})
</script>

PHP:

active.php
<?PHP
headeT / # : =r("Content-; G p 3Type: text/ht7 9 e ` ( N ]ml; charset=utf-8");
include('conn.pht D | / ]p');//链接数据库
$sql = "see k Klect * from article";
$res = mysqli_query($conn,$sql);
// 创建backResult空对象
$arr = []# H P;
// 执行while循环语句,循环数据库查询的结果集,并使用fetch_array()取出每条记录
while ($row = mysqli_fetch_array($res)){
$arr[] = $row['id'];
$arr[] = $row['article_name'];
}
// 打印返回给前台的json数据
echo json_encode($arr);
?>
edit.php
<?PHP
header("Content-Type: text/html; charsetR ~ j 7 P=utf-8");
includeO z K f [ ` T('conn.php');//链; ^ F -接数据库
$sql = "select * from article";
$res = mysqli_query($conn,$sql);
$arr = [];
while ($row = mysqli_fetch_array($res)) {
$arr[] = $row['article_name'];
$arr# [ X c - -[] = $l * T f nrow['check_box'];
$arr[] = $row['radio_box'];
$arr[] = $row['content'];
$arr[]c q a s S N r H T = $row['input_name'];
$arr[] = $row['input_number'];
$arr[] = $row['input_ewm'];
$arr[] = $row['input_titl` ; n ~ me'];
$arr[]2 ; & 7 P # ^ z H = $row['inpua m R L @ rt_describe'];
$arr[] = $row[T s 9 ? U t x p G'input_image'];
}
echo json_encode($arr% 0 I M X r ` j);
?>

数据库截图:

怎么根据数据库自动增加前端页面上面的内容,并且编辑选项里面的内容获取不同ID的数据库内容?

前端截图:

怎么根据数据库自动增加前端页面上面的内容,并且编辑选项里面的内容获取不同ID的数据库内容?
前端测试,只做了一个内容,怎么根据数据库中的内容自动增加像这样的条目,并且编辑会跳转J ` Y U M页面,edit.php怎么获取不同条目的内容?

回答

给你提供一个思路
{tag("moduleid=21&condition=staI W m I ) 6 =t! ] 6 y K k . ] xus=3 and level=6&am4 U } D ! Hp;areaid=$cityid&order=addtime desc&pagesize=6&taL . R }rget=_blank&templateo j I i 4=list-indexcenteQ H 9 f d I r | frnews")}
这个是在框架下的前端调用写法,tag调用后台的函数
function tag($parameter, $expiresW l q O V 8 = -1) {
.....
include template($template, $dir);
}
函数中间调取数据库,[ ( t 0 ^ w Atemplate函数调取另外单独写的前端代码实现可变内容,比如table里的tr td中的数据g v * z r

也就是模板h/ D / K 5 1 ~ ! xtml文件其实是嵌套的