簡體   English   中英

用PHP,JavaScript和HTML創建一個簡單的購物車?

[英]Creating a Simple Shopping Cart with PHP, JavaScript and Html?

我正在嘗試使用PHP為Shirt Design網站創建購物車。 用戶可以設計襯衫,然后將它們添加到購物車中。 因此,我創建了一個表單,用戶可以在其中選擇其顏色和大小:

<form action="cart_main.php">
    <table>
        <tr><td>Colour:</td><td> <select>
        <option value="Blue">Blue</option>
        <option value="Red">Red</option>
        <option value="Pink">Pink</option>
        <option value="Black">Black</option>
        <option value="Grey">Grey</option>
        <option value="Beige">Beige</option>
        <option value="White">White</option>
        </select></td></tr>

        <tr><td>Design:</td><td> <select>
        <option value="T1">Skull</option>
        <option value="T2">Liquify</option>
        <option value="T3">Wings</option>
        <option value="T4">Small Skull</option>
        <option value="T5">Cogs</option>
        <option value="T6">Safety Pin</option>
        </select></td></tr>

        <tr><td>Pop Colour: </td><td> <select>
        <option value="Blue">Blue</option>
        <option value="Red">Red</option>            
        <option value="Yellow">Yellow</option>
        <option value="Purple">Purple</option>
        </select></td></tr>
        <tr><td><button id="addToCart" name="addToCart">Add to Cart</button></td></tr>

</table>
</form>

我只需要創建一個購物車,當用戶查看該購物車時,它將顯示所有添加的商品和總價。 如果這是一個值,這並不太難,但是由於我需要發送/存儲3個值; 顏色,設計和流行顏色,我不確定該怎么做。

我努力了:

> Sending the selected data to a table in a database. And then getting the whole table when viewing the Cart
> Using javascript to Find the ID of a shirt depending of what has been selected (Failed)

所以我的問題是:

我將如何以最簡單的方式為此類商品創建購物車。 或者,我如何發送多個值並將其分組,以便創建購物車。

非常感謝你!!

創建購物車的步驟:

1)有一個對象來存儲值,例如 產品

product = { 
// product properties

color: "color", 
design: "skull", 
popColor: "color"
}

2)提交表單后,在cart_main.php獲取值並填充到product對象中

3)您需要一個購物車陣列。

4)向該購物車數組添加對象。 因此,現在您在cart數組中有了對象列表。

在用戶界面中,您只需要顯示數組中的對象數。

單擊他們的購物車時,您需要迭代對象並填充屬性

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM