ㄚ銘老師的部落格

[PHP]簡易購物車範例
開發軟體：Intellij IDEA 13.1.4
開發環境：XAMPP 1.8.2
搭配 Bootstrap 3.11 作為頁面樣板
開發環境設定: 請參考
http://kuoshenghsu.blogspot.tw/2014/09/intellij-idea-php.html

檔案說明：
js/*.js 各項引用所需要的js檔
css/*.css 各項引用所需要的css檔
jq/ jquery 所需 js檔
data/sqlstr.txt MySQL 建立Table及測試資料用語法
config/db_connect.php 建立與DB的連線，使用PDO
整個範例是由下面幾個檔案所集成的
layout_head.php 標頭，引入Bootstrap所需元件 
products.php 主要頁面，秀出所有購物車商品
layout_foot.php 頁尾，引入Bootstrap所需元件
add_to_cart.php 當點擊加入購物車時，所引用的php
cart.php 秀出目前購物車中的物品
remove_from_cart.php 當點擊自購物車移除時，所引用的php
navigation.php 由Bootstrap 所建立的導航列

Sequence Diagram：

First Step：
先畫出大概畫面，想著資料的呈現方式及要呈現什麼樣的資料，以及資料要怎麼傳遞跟接收。

主畫面：


購物車畫面：


因程式碼片段過長，故直接放上網頁提供下載
demo程式(右鍵另開視窗下載)

參考資料：
PHP Code – Shopping Cart System Tutorial using Sessions
⇒ http://goo.gl/I8wUN6
PHP Shopping Cart Tutorial Using Cookies + Bootstrap + jQuery
⇒http://goo.gl/1YbkqZ

原文網址：
http://kuoshenghsu.blogspot.tw/2014/09/php.html