[小白的Web全栈之旅]独立开发电子商务网站--管理员后台开发（二、登入实现+管理商品【上】）

哈喽大家好，今天博主要讲解的是独立开发电子商务网站的第五篇——项目创建+数据库开发，想要预览整个系列博客的参考目录请点击这里

在本博客，博主会讲解：

通过查询MySQL实现管理员登入
查询已上架商品

通过查询MySQL实现管理员登入

在之前的博客中，博主讲解了MySQL的基本操作，这里我们通过查询MySQL是否有匹配的管理员账号和密码来实现登入功能

请将以下代码覆盖到Admin.php文件：

<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>管理员后台</title><!--调用Bootstrap--><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!--调用sweetAlert2--><script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script><!--局内css--><style>html,body{margin: 0;min-height: 100%;}a.nav-link{font-size: 19px;}a.dropdown-item{font-size: 15px;}</style><script>function getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return unescape(arr[2]);elsereturn null;}function delCookie(name){var exp = new Date();exp.setTime(exp.getTime() - 1);var cval=getCookie(name);if(cval!=null)document.cookie= name + "="+cval+";expires="+exp.toGMTString();}function error(err){Swal.fire({type: 'error',title: '出错啦',text: err,confirmButtonText: '确定'});var timer=3;setInterval(function(){myTimer()},1000);function myTimer(){if(timer>0){timer-=1;}else{window.location.href='Admin.php';}}delCookie('Admin');delCookie('Admin_Password');}</script></head><?phpif(isset($_COOKIE['Admin'])){$usr = $_COOKIE['Admin'];$pwd = $_COOKIE['Admin_Password'];}elseif(isset($_POST['account'])){$usr = $_POST['account'];$pwd = $_POST['password'];}else{?><body style="background-color:grey"><div  class="d-flex justify-content-center align-items-center" style="width:100%;height:100%;"><div style="width:50%;height:40%;background-color:#ffffff" class="d-flex justify-content-center align-items-center"><form style="width:90%;" method="post"><h3>管理员后台</h3><div class="form-group"><label for="account">管理员账号</label><input type="text" class="form-control" id="account" name="account" aria-describedby="Help" required><small id="Help" class="form-text text-muted">请输入正确的登入信息</small></div><div class="form-group"><label for="password">管理员密码</label><input type="password" class="form-control" id="password" name="password" required></div><button type="submit" class="btn btn-primary" style="float:right;">登入</button></form></div></div></body><?phpreturn;}?><body><?phprequire_once("Applications/Utility/conn.php");$r = $conn->query("SELECT * FROM Admins WHERE name='".$usr."' and password='".$pwd."'");if(!$r){echo "<script>error('无法连接到数据库，3秒后返回登入界面');</script>";return;}else{$datacount = mysqli_num_rows($r);if($datacount>0){$r=mysqli_fetch_assoc($r);$name=$r['name'];echo "<script>Swal.fire({type: 'success',title: '登入成功',confirmButtonText: '确定'})</script>";if(!isset($_COOKIE['Admin'])){setcookie("Admin",$usr,time()+60*60*24);setcookie("Admin_Password",$pwd,time()+60*60*24);}}else{echo "<script>error('账号或密码不匹配，3秒后返回登入界面');</script>";return;}}?><div style="float:left;width:15%;height:100%;"><div style="height:100%;" class="d-flex align-items-center"><ul class="nav flex-column" style="width:100%;"><li class="nav-item"><h2 class="nav-link active">管理员后台</h2><h5 class="nav-link active">当前管理员：<br><small><?php echo $name?></small></h5></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">商品管理</a><div class="dropdown-menu"><a class="dropdown-item" href="#">已上架商品</a><a class="dropdown-item" href="#">待审核商品</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">商品类型</a></div></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria       -expanded="false">用户管理</a><div class="dropdown-menu"><a class="dropdown-item" href="#">会员管理</a><a class="dropdown-item" href="#">供货商管理</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">供货商审核</a></div></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria   -expanded="false">资金管理</a><div class="dropdown-menu"><a class="dropdown-item" href="#">已支付订单</a><a class="dropdown-item" href="#">Bufpay后台</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">提现申请</a><a class="dropdown-item" href="#">已支付提现</a><a class="dropdown-item" href="#">已拒绝提现</a></div></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria  -expanded="false">系统功能</a><div class="dropdown-menu"><a class="dropdown-item" href="#">系统设置</a><a class="dropdown-item" href="#">系统日志</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">手动更新会员积分</a></div></li><li class="nav-item"><a href="Admin.php" onclick="delCookie('Admin');delCookie('Admin_Password');" class="nav-link active">退出登入    </a></li><li class="nav-item"><a class="nav-link active">项目由JN_X开发</a></li></ul></div></div><div style="width:85%;height:100%;float:right;"><iframe src="" style="width:100%;height:100%;" frameborder=0 border=0 id="iframe"></div></body>
</html>

再次刷新域名/Admin.php界面，会出现如下界面

输入我们之前生成的管理员账号admin，密码password，点击登入

只要账户名密码匹配，就能登入成功了！

同时会存一个Cookie在浏览器内，可以24小时自动登入

但如果输入的账号密码不匹配，会出现如下界面：

到这里，我们的登入功能就算完善了！

查询已上架商品

首先，我们进入网站根目录，进入Applications/Admin界面，创建新文件OnStoreProducts.php

同时，进入根目录，进入images，创建products目录

创建目录1

进入目录1

上传一个横幅图，命名为infoImg.jpg

打开新文件，输入以下代码

<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>已上架商品管理界面</title><!--调用Bootstrap--><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"><script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><!--调用sweetAlert2--><script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script><!--局内css--><style>html,body{margin: 0;min-height: 100%;}</style><script>function getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return unescape(arr[2]);elsereturn null;}function delCookie(name){var exp = new Date();exp.setTime(exp.getTime() - 1);var cval=getCookie(name);if(cval!=null)document.cookie= name + "="+cval+";expires="+exp.toGMTString();}function error(err){Swal.fire({type: 'error',title: '出错啦',text: err,confirmButtonText: '确定'});var timer=3;setInterval(function(){myTimer()},1000);function myTimer(){if(timer>0){timer-=1;}else{window.location.href='../../Admin.php';}}delCookie('Admin');delCookie('Admin_Password');}</script></head><body><br><h2 style="margin-left:2.5%">已上架商品</h2><div class="d-flex justify-content-center"><?phpif(isset($_COOKIE["Admin"])){require_once("../../Applications/Utility/conn.php");$result=mysqli_query($conn,"SELECT * FROM Admins WHERE name='".$_COOKIE["Admin"]."' and password='".$_COOKIE["Admin_Password"]."'");if($result->num_rows == 0){echo "<script>error('操作失败，请刷新管理后台');</script>";return;}}else{echo "<script>error('操作失败，请刷新管理后台');</script>";return;}//查询数据表中的所有数据,并按照id降序排列$sql = "SELECT * FROM Products WHERE reviewd='TRUE'";$result = mysqli_query($conn,$sql);//获取数据表的数据条数$dataCount=mysqli_num_rows($result);//echo $dataCount;?><table class="table table-bordered" style="width:95%;"><thead><tr><th scope="col">id</th><th scope="col">产品名称</th><th scope="col">产品类型</th><th scope="col">产品库存</th><th>供货商id</th><th>成本</th><th>售价</th><th>宣传图</th><th>产品介绍</th><th>产品介绍图</th><th>产品视频（非必填）</th><th>购买量</th><th>分享收益</th><th>处理</th></tr></thead><tbody><?php$ls=[];//打印输出所有数据$i=0;while($result_arr=mysqli_fetch_assoc($result)){$id=$result_arr['id'];$name=$result_arr['product_name'];$type=$result_arr['type'];$amount=$result_arr['amount'];$provider=$result_arr['provider'];$earn=$result_arr['earn'];$sell=$result_arr['sell'];$infoImg=$result_arr['infoImg'];$allImgs=explode(' ',$result_arr['allImgs']);$info=$result_arr['info'];$video=$result_arr['video'];$buys=$result_arr['buys'];$reward=$result_arr['reward'];//print_r($result_arr);$t='<tr><td>'.$id.'</td><td>'.$name.'</td><td>'.$type.'</td><td>'.$amount.'</td><td>'.$provider.'</td><td>'.$earn.'</td><td>'.$sell.'</td><td><img width=150px src="../../'.$infoImg.'" alt="'.$name.'产品宣传图"></td><td>'.$info.'</td><td>';if(sizeof($allImgs)>=1 && $allImgs[0]!=""){for($i=0;$i<sizeof($allImgs);$i++){$t.='<img width=150px src="../../'.$allImgs[$i].'" alt="'.$name."产品介绍图".$i.'"><br>';}}else{$t.='暂无产品介绍图';}$t.='</td><td><video width="150px" controls><source src="../../'.$video.'" type="video/mp4"></td><td>'.$buys.'</td><td><form id="change_reward'.$id.'" method="post" action="SetReward.php?id='.$id.'"><input class="form-control" name="reward" id="reward" style="text-align:center;font-size:15px;" value="'.$reward.'" type="number"></form><button onclick="getElementById('."'change_reward".$id."'".').submit()" class="btn btn-primary">修改</button></td><td><a href="AccessProduct.php?s=u&id='.$id.'"><button class="btn btn-danger">下架</button></a><br><br><a href="AccessProduct.php?s=d&id='.$id.'"><button class="btn btn-warning">删除产品</button></a></td></tr>';array_push($ls,$t);$i=$i+1;}for($i=$dataCount-1;$i>=0;$i--){echo $ls[$i];}?></tbody></table></div></body>
</html>

之后，进入PhpMyAdmin界面，进入Products数据表，点击插入

id一栏不用写，product_name写一个你想要测试的商品的名称，type写测试商品的种类，amount写商品库存，provider写0，earn写成本价，sell写售价价，buys是购买量写0，infoImg写images/products/1/infoImg.jpg，allImgs为空，然后往下翻

info写商品介绍，video为空，reviewd写TRUE，reward为空，然后点击执行。

出现这个界面就代表成功了。

再进入管理员后台，会出现以下界面

大功告成！

感谢各位的阅读，博主将稳定的更新该系列的博客，请各位先关注博主，博主每周会更新2到5篇系列博客哦！

完整项目可见：btb.summitx.com.cn