以下是本站的兩部影片教學課程,歡迎觀看
課程簡介:《JS和jQuery開發購物車教學》透過JavaScript和jQuery兩種方式實現購物車功能。
#課程介紹:《JavaScript實作購物車》主要目的是製作一個簡易的購物車,讓大家在製作的過程中了解購物車的原理
今天在練習購物車以及提交訂單,寫的有點頭暈,順便也整理一下,這個購物車相對來說比較簡單,用於短暫存儲,並沒有儲存到資料庫,
購物車對於愛網購的人來說簡直是熟悉的不能再熟悉了,在寫購物車之前,我們首先要構思一下,我們需要先從資料庫中調出一張表格,這裡
我用的是fruit表,其次是登入表,我用的是login表,用來調使用者名稱和密碼的,所有的都準備好之後就要考慮放入購物車是會有三種情況的:
第一種情況:購物車裡面什麼都沒有
第二種情況:購物車裡面已經有此產品了,再次加入這種情況下考慮到的是數量要+1
第三種情況:購物車裡面有產品了,但是沒有此產品
下圖是用到的資料庫表格:
下面是登入頁面的程式碼:
登入頁面寫好之後,需要進入處理頁面,從資料庫中調出使用者名稱和密碼:
Query($sql); if($arr[0][0]==$pwd && !empty($pwd)) //判断所填写的密码和取到的密码是一样的,而且密码不能为空 { $_SESSION["uid"]=$uid; header("location:main.php"); } else { echo"登录失败"; }
登入頁面如圖所示:
#下面要進入主頁了,從資料庫中把所有的水果資訊調出來,然後我們再來實現加入購物車這一項功能
大苹果购物网
代号 | 水果名称 | 水果价格 | 原产地 | 货架 | 库存量 | |
{$v[0]} | // 从数据库调出我们所需要的内容{$v[1]} | {$v[2]} | {$v[3]} | {$v[4]} | {$v[5]} | 购买 | //这里的购买相当于添加购物车的功能
主頁如圖所示:
最重要的就是添加購物車頁面了
登入後複製
這樣就可以顯示到購物車的頁面了,購物車的頁面代碼如下:
购物车中有以下商品:
商品名称 | 商品单价 | 购买数量 | |
{$n[1]} | {$n[2]} | {$v[1]} | 删除 |
这样进入购物车页面显示如图所示:[object Object]
這只是比較簡單的加入購物車,但是中間還有很多環節沒有完善好,比如說加入購物車後,資料庫中的產品數量減少、購物車中產品的刪除等操作還沒做,後續再補上,現在腦子有點亂。 。 。
以上就是php 實作簡單加入購物車的圖文程式碼詳細介紹的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)!
相關文章: