Pengenalan kepada modul bahagian belakang laman web - pengurusan kandungan

Selepas pengurusan maklumat pengguna belakang dan pengurusan klasifikasi selesai, apakah yang perlu saya lakukan? Anda perlu memikirkan di mana maklumat dipaparkan di meja depan, dan kemudian anda perlu memikirkan pengurusan kandungan di bahagian belakang Bahagian ini akan memperkenalkan kepada anda cara menulis pengurusan kandungan.

Mula-mula buat pangkalan data: newbook

Kemudian buat newbook.php di bawah admin, kodnya adalah seperti berikut:

<!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>

Meneruskan pembelajaran

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik

Pengenalan kepada modul bahagian belakang laman web - pengurusan kandungan

peringkat rendahTutorial tapak web tiruan perusahaan Imperial CMS

peringkat rendahPemula dengan asas sifar dalam WordPress membina blog peribadi dan laman web korporat

peringkat rendahVideo arahan pembinaan tapak web berasaskan sifar CMS muktamad

peringkat rendahProjek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]

PertengahanVue3.0 daripada 0 untuk membina amalan projek sistem pengurusan belakang universal

peringkat rendahKursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]

peringkat rendahTutorial bahagian hadapan WEB [HTML5+CSS3+JS]

peringkat rendahBermula dengan cepat dengan apipost

PertengahanTutorial praktikal Vue3+TypeScript amalan projek peringkat perusahaan

peringkat rendahMari kita bercakap secara ringkas tentang memulakan perniagaan dalam PHP

PertengahanProjek e-dagang VUE (pertempuran sebenar projek dua bahagian hadapan & belakang)

peringkat rendahAplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]