基於PHP+Mysql簡單實現了圖書購物車系統的例項詳解
阿新 • • 發佈:2020-08-07
PHP+Mysql簡單實現了圖書購物車
本文主要講述如何通過PHP+HTML簡單實現圖書購物車的功能,這是提取我們php專案的部分內容。主要內容包括:
1.通過JavaScript和Iframe實現區域性佈局介面
2.PHP如何定義類實現訪問資料庫功能
3.實現簡單的新增購物車功能
4.實現了後臺管理前臺的頁面
由於這個專案是在期末完成,PHP只是剛學的,比較簡單。
效果圖如下:
這是後臺管理的頁面:
這是前臺頁面:
index.php頁面:
<!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="css/pintuer.css" rel="external nofollow" rel="external nofollow" > <link rel="stylesheet" href="css/admin.css" rel="external nofollow" rel="external nofollow" > <script src="js/jquery.js"></script> </head> <body style="background-color:#f2f9fd;"> <div class="header bg-main"> <div class="logo margin-big-left fadein-top"> <h1><img src="images/y.jpg" class="radius-circle rotate-hover" height="50" alt="基於PHP+Mysql簡單實現了圖書購物車系統的例項詳解" />圖書管理中心</h1> </div> <div class="head-l"><a class="button button-little bg-green" href="home/index.php" rel="external nofollow" target="_blank"><span class="icon-home"></span> 前臺首頁</a> <a class="button button-little bg-red" href="../lab/login.php" rel="external nofollow" ><span class="icon-power-off"></span> 登入賬號</a> </div> </div> <div class="leftnav"> <div class="leftnav-title"><strong><span class="icon-list"></span>選單列表</strong></div> <h2><span class="icon-user"></span>基本設定</h2> <ul style="display:block"> <li><a href="info.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>查詢資訊</a></li> <li><a href="page.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>新增資訊</a></li> <li><a href="adv.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>修改資訊</a></li> <li><a href="book.php" rel="external nofollow" target="right"><span class="icon-caret-right"></span>刪除資訊</a></li> <li><a href="pass.html" rel="external nofollow" target="right"><span class="icon-caret-right"></span>修改密碼</a></li> </ul> </div> <ul class="bread"> <li><a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="" class="icon-home"> 首頁</a></li> <li><a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" id="a_leader_txt">網站資訊</a></li> <li>當前語言:<span style="color:red;">中文</php></span> 切換語言:<a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >中文</a> <a href="##" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >英文</a> </li> </ul> <div class="admin"> <iframe scrolling="auto" rameborder="0" src="info.php" name="right" width="100%" height="100%"></iframe> </div> <div style="text-align:center;"> </div> </body> </html>
login.php頁面:
<!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,user-scalable=no" /> <meta name="renderer" content="webkit"> <title>登入</title> <link rel="stylesheet" href="css/pintuer.css" rel="external nofollow" rel="external nofollow" > <link rel="stylesheet" href="css/admin.css" rel="external nofollow" rel="external nofollow" > <script src="js/jquery.js"></script> <script src="js/pintuer.js"></script> </head> <body> <div class="bg"></div> <div class="container"> <div class="line bouncein"> <div class="xs6 xm4 xs3-move xm4-move"> <div style="height:150px;"></div> <div class="media media-y margin-big-bottom"> </div> <form action="login_ok.php" method="post"> <div class="panel loginbox"> <div class="text-center margin-big padding-big-top"><h1>圖書管理中心</h1></div> <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:10px;"> <div class="form-group"> <div class="field field-icon-right"> <input type="text" class="input input-big" placeholder="登入賬號" name="username" data-validate="required:請填寫賬號" /> <span class="icon icon-user margin-small"></span> </div> </div> <div class="form-group"> <div class="field field-icon-right"> <input type="password" class="input input-big" placeholder="登入密碼" name="password" data-validate="required:請填寫密碼" /> <span class="icon icon-key margin-small"></span> </div> </div> <div class="form-group"> <div class="field"> <input type="text" class="input input-big" name="code" placeholder="填寫右側的驗證碼" data-validate="required:請填寫右側的驗證碼" /> <img src="images/passcode.jpg" alt="基於PHP+Mysql簡單實現了圖書購物車系統的例項詳解" width="80" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'"> </div> </div> </div> <div style="padding:30px;"><input type="submit" class="button button-block bg-main text-big input-big" value="登入"></div> </div> </form> </div> </div> </div> </body> </html>
最後希望文章對大家有所幫助,同時更希望大家學習下PHP類相關的知識。第一次學來寫部落格,就是練練手,總感覺自己寫部落格有些問題,但自己說不出來,希望大家提出不足之處!也可以新增我WeChat
到此這篇關於基於PHP+Mysql簡單實現了圖書購物車系統的例項詳解的文章就介紹到這了,更多相關PHP+Mysql實現圖書購物車內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!