網(wǎng)站后臺的模塊介紹--用戶信息管理
網(wǎng)站后臺包括哪些模塊?下面我就來具體說一下
如上圖所示,后臺模塊包括基本設置(網(wǎng)站設置、修改密碼),導航管理(分類管理、用戶信息管理),欄目管理(內(nèi)容管理、添加內(nèi)容),新書管理(新書列表)。
前面的課程已經(jīng)講解了網(wǎng)站的設置和修改密碼,今天我來為大家講解一下用戶的信息管理。
當前臺的用戶注冊后,他們的信息想要保存下來,這時候你就要用到用戶的信息管理了
第一步:先在數(shù)據(jù)庫建立一個用戶信息表,如圖:
這里面我就寫了4個簡單的字段。
在admin下創(chuàng)建一個usermessage.php,獲取數(shù)據(jù)庫里面的信息,將他展示在后臺上,具體實現(xiàn)代碼如下:
<?php session_start (); require_once("../config/config.php"); $sql = "SELECT * FROM user"; $result = mysql_query($sql); //執(zhí)行SQL語句,獲得結(jié)果集 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="請輸入搜索關(guān)鍵字" 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("您確認要刪除選中的內(nèi)容嗎?"); if (t==false) return false; $("#listform").submit(); } else{ alert("請選擇您要刪除的內(nèi)容!"); return false; } } </script> </body> </html>
這樣,用戶的所有信息就顯示出來了,是不是很簡單,感謝大家的關(guān)注,下節(jié)我們將會教大家在后臺添加用戶。