communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Page de gestion des articles backend du système de publication d'articles de développement PHP

La mise en page approximative de la page est la suivante :

后台管理列表.png

Introduction à la mise en page

  • Nous avons déjà montré l'interface front-end, qui est une page statique. Dans ce résumé, en ajoutant du code PHP, nous pouvons lire dynamiquement les informations de la base de données

  • Le front-end. la mise en page de la page utilise principalement DIV+CSS pour dessiner. Pour créer un tableau, vous pouvez réellement obtenir cet effet en utilisant la balise <table>. Vous devez principalement faire attention à l'implémentation de la fonction

    • <🎜. >

Le code est le suivant : 

<?php
//连接数据库
require_once("../connect.php");
$SQL="SELECT * FROM article ORDER BY dateline DESC";
//执行查询语句
$query=mysqli_query($conn,$SQL);
//判断查询语句是否查询到结果，查到则使用mysqli_fetch_assoc()将其逐行取出，放入数组$data中，没查到则直接赋值空数组给$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>后台管理系统</h1>
		<div class="menu">
			<a href="admin_add.php">发布文章</a><br/>
			<a href="admin_manage.php">管理文章</a>
		</div>
	</div>
	<div class="middle">
			<div class="art">文章管理列表</div>
			<div class="num">编号</div>
			<div class="tit">标题</div>
			<div class="act">操作</div>	
			<div class="content">
				<?php 
				//在$data不为空的情况下，通过foreach()将$data循环输出数来
				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>标签链接，通过get方式传递当前文章的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">
		欢迎联系我们<a href="//m.sbmmt.com">php中文网</a><br/>
		前台展示页面<a href="../home/home_list.php">php咨询站</a>		
	</div>
</div>
</body>
</html>

Les principales fonctions du code php sont présentées ci-dessous :

后台管理列表流程图.png

Formation continue
||
<?php //连接数据库 require_once("../connect.php"); $sql="select * from article order by dateline desc"; //执行查询语句 $query=mysqli_query($conn,$sql); //判断查询语句是否查询到结果，查到则使用mysqli_fetch_assoc()将其逐行取出，放入数组$data中，没查到则直接赋值空数组给$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>后台管理系统</h1> <div class="menu"> <a href="admin_add.php">发布文章</a><br/> <a href="admin_manage.php">管理文章</a> </div> </div> <div class="middle"> <div class="art">文章管理列表</div> <div class="num">编号</div> <div class="tit">标题</div> <div class="act">操作</div> <div class="content"> <?php //在$data不为空的情况下，通过foreach()将$data循环输出数来 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>标签链接，通过get方式传递当前文章的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"> 欢迎联系我们<a href="//m.sbmmt.com">php中文网</a><br/> 前台展示页面<a href="../home/home_list.php">php咨询站</a> </div> </div> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492837 joue