基于PHP+Mysql简单实现了图书购物车系统的实例详解

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="" />图书管理中心</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><b>当前语言：</b><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>

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

<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 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 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="" width="80" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">

</div>