PHP開発記事公開システム バックエンド記事管理ページ
ページのおおよそのレイアウトは次のとおりです:
レイアウトの紹介
この概要では、靜的なページであるフロントエンド インターフェイスを示しました。 PHP コードでは、データベース情報(bào)を動(dòng)的に読み取ることができます
この効果を?qū)g現(xiàn)するには、主に DIV+CSS を使用します。関數(shù)の実裝に注意してください
コードは次のとおりです:
<?php
//連接數(shù)據(jù)庫
require_once("../connect.php");
$SQL="SELECT * FROM article ORDER BY dateline DESC";
//執(zhí)行查詢語句
$query=mysqli_query($conn,$SQL);
//判斷查詢語句是否查詢到結(jié)果，查到則使用mysqli_fetch_assoc()將其逐行取出，放入數(shù)組$data中，沒查到則直接賦值空數(shù)組給$data
if($query&&mysqli_num_rows($query)){
while($row=mysqli_fetch_assoc($query)){
$data[]=$row;
}
}else{
$data=array();
}
?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<title>文章管理</title>
<meta charset="utf-8" />
<style>
.box{
background-color:#f0f0f0;
}
.title{
margin:0 auto;
border:1px solid black;
width:400px;
}
.middle{
margin:0 auto;
border:1px solid black;
width:400px;
}
.menu{
margin:-50px 0px 1px 319px;
width:80px;
}
.content{
clear:both;
}
.art{
text-align:center;
}
.num{
float:left;
border:1px solid black;
width:50px;
font-size: 13px;
}
.tit{
float:left;
border:1px solid black;
width:274px;
font-size: 13px;
}
.act{
float:left;
border:1px solid black;
width:70px;
font-size: 13px;
}
.bottom{
width:400px;
margin:0 auto;
border:1px solid black;
clear:both;
}
</style>
</head>
<body>
<div class="box">
<div class="title"><h1>后臺(tái)管理系統(tǒng)</h1>
<div class="menu">
<a href="admin_add.php">發(fā)布文章</a><br/>
<a href="admin_manage.php">管理文章</a>
</div>
</div>
<div class="middle">
<div class="art">文章管理列表</div>
<div class="num">編號(hào)</div>
<div class="tit">標(biāo)題</div>
<div class="act">操作</div>
<div class="content">
<?php
//在$data不為空的情況下，通過foreach()將$data循環(huán)輸出數(shù)來
if(!empty($data)){
foreach($data as $value){
?>
<div class="num"><?php echo $value['id']; ?></div>
<div class="tit"><?php echo $value['title']; ?></div>
<div class="act">
<!--修改和刪除直接使用<a>標(biāo)簽鏈接，通過get方式傳遞當(dāng)前文章的id -->
<a href="admin_modify.php?id=<?php echo $value['id']; ?>">修改</a>
<a href="admin_del_handle.php?id=<?php echo $value['id']; ?>">刪除</a>
</div>
<?php
}
}
?>
</div>
</div>
<div class="bottom">
歡迎聯(lián)系我們<a href="http://ipnx.cn">php中文網(wǎng)</a><br/>
前臺(tái)展示頁面<a href="../home/home_list.php">php咨詢站</a>
</div>
</div>
</body>
</html>PHP コードの主な機(jī)能を以下の図に示します:
