웹사이트 백엔드 모듈 소개 - 사용자 정보 관리

웹사이트 백엔드에는 어떤 모듈이 포함되어 있나요? 자세한 내용은 아래에서 말씀드리겠습니다

微信截图_20170713091749.png

위 그림과 같이 백엔드 모듈에는 기본 설정(사이트 설정, 비밀번호 변경), 네비게이션 관리(카테고리 관리, 사용자 정보 관리), 컬럼 관리(컨텐츠 관리)가 포함되어 있습니다. , 콘텐츠 추가) , 신간 관리(신간 목록).

이전 강좌에서는 이미 웹사이트 설정 및 비밀번호 변경에 대해 설명했습니다. 오늘은 사용자 정보 관리에 대해 설명하겠습니다.

프런트 엔드 사용자가 등록한 후 해당 정보를 저장하려면 이때 사용자 정보 관리를 사용해야 합니다.

1단계: 먼저 그림과 같이 데이터베이스에 사용자 정보 테이블을 생성합니다.

微信截图_20170713102359.png

여기에는 간단한 4개의 필드를 작성했습니다.

admin에서 usermessage.php를 생성하고 데이터베이스의 정보를 가져와서 백그라운드에 표시합니다. 구체적인 구현 코드는 다음과 같습니다.

<?php 
  session_start (); 
  require_once("../config/config.php");
  $sql = "SELECT * FROM user"; 
$result = mysql_query($sql); //执行SQL语句，获得结果集 
    if ($result && mysql_num_rows($result)) {
      while ($row = mysql_fetch_assoc($result)) {
        $data[] = $row;
      }
    }
?>
<!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="adduser.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%">qq</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['username']?></td>
          <td><?php echo $v['password']?></td>
          <td><?php echo $v['qq']?></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="">上一页</a> <span>1</span><a href="">2</a><a href="">3</a><a href="">下一页</a><a href="">尾页</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>

이렇게 하면 모든 사용자 정보가 표시되지 않습니다. 아주 간단하죠? 모두들 감사합니다. 다음 섹션에서는 백그라운드에서 사용자를 추가하는 방법을 알려드리겠습니다.

지속적인 학습

새로운 파일

<?php session_start (); require_once("../config/config.php"); $sql = "SELECT * FROM user"; $result = mysql_query($sql); //执行SQL语句，获得结果集 if ($result && mysql_num_rows($result)) { while ($row = mysql_fetch_assoc($result)) { $data[] = $row; } } ?> <!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> <div class="padding border-bottom"> <ul class="search" style="padding-left:10px;"> <li> <a class="button border-main icon-plus-square-o" href="adduser.html">添加用户</a> </li> <input type="text" placeholder="请输入搜索关键字" name="keywords" class="input" 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%">qq</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['username']?></td> <td><?php echo $v['password']?></td> <td><?php echo $v['qq']?></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="">上一页</a> <span class="current">1</span><a href="">2</a><a href="">3</a><a href="">下一页</a><a href="">尾页</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>

코드 재설정

자동운전

제출하다

시사 Clear