Introduction aux modules du backend du site web - gestion de contenu

Une fois la gestion des informations utilisateur et la gestion de la classification en arrière-plan terminées, que dois-je faire ? Vous devez réfléchir à l'endroit où les informations sont affichées à la réception, puis à la gestion de contenu dans le backend. Cette section vous présentera comment rédiger la gestion de contenu.

Créez d'abord une base de données : newbook

Puis créez un newbook.php sous admin, le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title></title>
<link rel="stylesheet" href="style/css/pintuer.css">
<link rel="stylesheet" href="style/css/admin.css">
<script src="style/js/jquery.js"></script>
<script src="style/js/pintuer.js"></script>
</head>
<body>
<form method="post" action="" id="listform">
  <div class="panel admin-panel">
    <div><strong> 新书列表</strong></div>
    <!-- <div class="padding border-bottom">
      <ul style="padding-left:10px;">
        <li> <a class="button border-main icon-plus-square-o" href="page.html"> 内容</a> </li>
       
          <input type="text" placeholder="请输入搜索关键字" name="keywords" style="width:250px; line-height:17px;display:inline-block" />
          <a href="javascript:void(0)" class="button border-main icon-search" onclick="changesearch()" > 搜索</a></li>
      </ul>
    </div> -->
    <table class="table table-hover text-center">
      <tr>
        <th width="100" style="text-align:left; padding-left:20px;">ID</th>
        <th width="10%">新书名</th>
        <th>图片</th>
        <th width="30%">作者</th>
        <th >简介</th>
        <th width="310">操作</th>
      </tr>
      <?php
          
            foreach ($data as $v){
      ?>
       
        <tr>
        <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id" value="ar" />
           <?php echo $v['id']?></td>
          <td><?php echo $v['bookname']?></td>
          <td width="10%"><img src="<?php echo $v['images']?>" alt="" width="70" height="50" /></td>
          <td><?php echo $v['author']?></td>
          <td><?php echo $v['introduction']?></td>
          
          <td>
          <div> 
          <a class="button border-main" href="edit.php<?php echo '?id='.$v['id']?>"><span></span> 修改</a> 
          <a class="button border-red" href="delete.php<?php echo '?id='.$v['id']?>" onclick="return del(1,1,1)"><span></span> 删除</a> 
          </div>
          </td>
        </tr>
        <?php
             }
        ?>
        
        <td style="text-align:left; padding:19px 0;padding-left:20px;"><input type="checkbox" id="checkall"/>
          全选 </td>
        <td colspan="7" style="text-align:left;padding-left:20px;"><a href="javascript:void(0)" class="button border-red icon-trash-o" style="padding:5px 15px;" onclick="DelSelect()"> 删除</a> 
          
         </td>
    
      <tr>
        <td colspan="8"><div>
        <a href="newbook.php?p=1">首页</a> 
        <a href="newbook.php?p=<?php if(!$_GET){echo 1;}else{ if($_GET['p']==1){echo $_GET['p'];}else{echo $_GET['p']-1;}}?>">上一页</a><?php for($i=1;$i<$count+1;$i++){echo "<a href='newbook.php?p=$i'>$i</a>";}; ?>
        <a href="newbook.php?p=<?php if(!$_GET){echo ceil($count);}else{ if($_GET['p']==ceil($count)){echo $_GET['p'];}
        else{echo ceil($_GET['p'])+1;}}?>">下一页</a>
        <a href="newbook.php?p=<?php echo ceil($count);?>">尾页</a>
        </div>
        </td>
      </tr>
    </table>
  </div>
</form>
<script type="text/javascript">
//搜索
function changesearch(){  
    
}
//单个删除
function del(id,mid,iscid){
  if(confirm("您确定要删除吗?")){
    
  }
}
//全选
$("#checkall").click(function(){ 
  $("input[name='id[]']").each(function(){
    if (this.checked) {
      this.checked = false;
    }
    else {
      this.checked = true;
    }
  });
})
//批量删除
function DelSelect(){
  var Checkbox=false;
   $("input[name='id[]']").each(function(){
    if (this.checked==true) {   
    Checkbox=true;  
    }
  });
  if (Checkbox){
    var t=confirm("您确认要删除选中的内容吗？");
    if (t==false) return false;   
    $("#listform").submit();    
  }
  else{
    alert("请选择您要删除的内容!");
    return false;
  }
}
</script>
</body>
</html>

#🎜🎜 #

Formation continue

nouveau fichier

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="renderer" content="webkit"> <title></title> <link rel="stylesheet" href="style/css/pintuer.css"> <link rel="stylesheet" href="style/css/admin.css"> <script src="style/js/jquery.js"></script> <script src="style/js/pintuer.js"></script> </head> <body> <form method="post" action="" id="listform"> <div class="panel admin-panel"> <div class="panel-head"><strong class="icon-reorder"> 新书列表</strong></div>  <table class="table table-hover text-center"> <tr> <th width="100" style="text-align:left; padding-left:20px;">ID</th> <th width="10%">新书名</th> <th>图片</th> <th width="30%">作者</th> <th >简介</th> <th width="310">操作</th> </tr> <?php foreach ($data as $v){ ?> <tr> <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id" value="ar" /> <?php echo $v['id']?></td> <td><?php echo $v['bookname']?></td> <td width="10%"><img src="<?php echo $v['images']?>" alt="" width="70" height="50" /></td> <td><?php echo $v['author']?></td> <td><?php echo $v['introduction']?></td> <td> <div class="button-group"> <a class="button border-main" href="edit.php<?php echo '?id='.$v['id']?>"><span class="icon-edit"></span> 修改</a> <a class="button border-red" href="delete.php<?php echo '?id='.$v['id']?>" onclick="return del(1,1,1)"><span class="icon-trash-o"></span> 删除</a> </div> </td> </tr> <?php } ?> <td style="text-align:left; padding:19px 0;padding-left:20px;"><input type="checkbox" id="checkall"/> 全选 </td> <td colspan="7" style="text-align:left;padding-left:20px;"><a href="javascript:void(0)" class="button border-red icon-trash-o" style="padding:5px 15px;" onclick="DelSelect()"> 删除</a> </td> <tr> <td colspan="8"><div class="pagelist"> <a href="newbook.php?p=1">首页</a> <a href="newbook.php?p=<?php if(!$_GET){echo 1;}else{ if($_GET['p']==1){echo $_GET['p'];}else{echo $_GET['p']-1;}}?>">上一页</a><?php for($i=1;$i<$count+1;$i++){echo "<a href='newbook.php?p=$i'>$i</a>";}; ?> <a href="newbook.php?p=<?php if(!$_GET){echo ceil($count);}else{ if($_GET['p']==ceil($count)){echo $_GET['p'];} else{echo ceil($_GET['p'])+1;}}?>">下一页</a> <a href="newbook.php?p=<?php echo ceil($count);?>">尾页</a> </div> </td> </tr> </table> </div> </form> <script type="text/javascript"> //搜索 function changesearch(){ } //单个删除 function del(id,mid,iscid){ if(confirm("您确定要删除吗?")){ } } //全选 $("#checkall").click(function(){ $("input[name='id[]']").each(function(){ if (this.checked) { this.checked = false; } else { this.checked = true; } }); }) //批量删除 function DelSelect(){ var Checkbox=false; $("input[name='id[]']").each(function(){ if (this.checked==true) { Checkbox=true; } }); if (Checkbox){ var t=confirm("您确认要删除选中的内容吗？"); if (t==false) return false; $("#listform").submit(); } else{ alert("请选择您要删除的内容!"); return false; } } </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Introduction aux modules du backend du site web - gestion de contenu

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]