购物车模板，此模板主要功能是记会员能看到购物车里的商品，可以修改商品数量、删除某商品或清空购物车等。
代码如下：
~~~
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--模板变量title,它接收index.php中传过来的值-->
<title>购物车测试程序</title>
<!--bootstrap.min.css样式链接-->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body class="container">
<div class="col-md-12">
<hr />
<!--模板变量content-->
<h2>购物车测试程序</h2>
<hr />
</div>
<div class="col-md-12">
<table class="table table-bordered" >
<tr>
<td>
<div align="center"><img src="images/sy_2.jpg" width="980" height="75"></div>
</td>
</tr>
<tr>
<td>
<div align="center"><img src="images/sy_4.jpg" width="980" height="258"></div>
</td>
</tr>
</table>
<table class="table table-bordered" >
<tr>
<td>
<div align="center">
<table class="table table-bordered" style="width:980px;">
<tr>
<td>品名：</td>
<td>单价：</td>
<td>数量：</td>
<td>小计：</td>
<td>操作：</td>
</tr>
<tr>
<td>商品</td>
<td>价格</td>
<td>数量</td>
<td>小计</td>
<td>操作</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="center"> <h3><button type="button" class="btn btn-success"><a href="#" style="color:#FFF">继续购物</a></button> <button type="button" class="btn btn-success"><a href="#" style="color:#FFF">清空购物车</a></button></h3></td>
</tr>
</table>
</div>
</body>
</html>
~~~
模板的静态代码已完成（如下图），但是页面上还没数据，如：品名、数量等，这需要shopping_car.php中的php代码给模板传递数据，下一节讲解将php页与html页结合的方法。
