購物車模板，此模板主要功能是記會員能看到購物車里的商品，可以修改商品數量、刪除某商品或清空購物車等。
代碼如下：
~~~
<!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頁結合的方法。
