一個(gè)商品的購(gòu)物車(chē)是指用戶手動(dòng)填寫(xiě)商品數(shù)量后，能夠顯示該商品的總價(jià)格，并且能夠計(jì)算整個(gè)購(gòu)物車(chē)的總價(jià)格。下面是一個(gè)小的購(gòu)物車(chē)案例。購(gòu)物車(chē)思路解析1. 獲取用戶購(gòu)買(mǎi)的所有商品信息，包括商品單價(jià)和商品數(shù)量。2

一個(gè)商品的購(gòu)物車(chē)是指用戶手動(dòng)填寫(xiě)商品數(shù)量后，能夠顯示該商品的總價(jià)格，并且能夠計(jì)算整個(gè)購(gòu)物車(chē)的總價(jià)格。下面是一個(gè)小的購(gòu)物車(chē)案例。

購(gòu)物車(chē)思路解析

1. 獲取用戶購(gòu)買(mǎi)的所有商品信息，包括商品單價(jià)和商品數(shù)量。

2. 使用表格將商品信息展示出來(lái)。

3. 對(duì)商品價(jià)格進(jìn)行計(jì)算，即商品單價(jià)乘以商品數(shù)量得到商品小計(jì)價(jià)格。

4. 計(jì)算所有商品的總價(jià)，即將所有商品的小計(jì)價(jià)格相加得到總價(jià)。

5. 當(dāng)用戶修改商品數(shù)量時(shí)，將修改后的商品數(shù)量保存在數(shù)據(jù)庫(kù)中。

6. 商品數(shù)量修改后，重新獲取商品信息并賦值到表格中，再次計(jì)算商品價(jià)格。

購(gòu)物車(chē)的數(shù)據(jù)庫(kù)

在購(gòu)物車(chē)案例中，我們需要使用數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)商品信息和用戶選擇的數(shù)量。通過(guò)數(shù)據(jù)庫(kù)可以方便地對(duì)商品信息進(jìn)行增刪改查操作。

購(gòu)買(mǎi)商品菊花茶

假設(shè)我們要購(gòu)買(mǎi)的商品是菊花茶。我們首先需要獲取菊花茶的單價(jià)和數(shù)量，并將其保存在數(shù)據(jù)庫(kù)中。

購(gòu)物車(chē)頁(yè)面代碼

以下是購(gòu)物車(chē)頁(yè)面的代碼：

```javascript

manager window['car'] $('#goodsCarList').ligerGrid({

rowHeight: 40,

columns: [

{ display: '商品id號(hào)', name: 'goodsId', align: 'center', width: 90 },//自增id

{ display: '商品名稱', name: 'goodsName', align: 'center', width: 90, type: 'text', editor: { type: 'text' } },

{ display: '商品單價(jià)', name: 'sale', align: 'center', width: 90 },

{ display: '商品數(shù)量', name: 'count', width: 100, type: 'int', isNegative: false, editor: { type: 'int' } },

{ display: '商品小計(jì)', name: 'saleSum', width: 90, render: function(row){

var saleSum {};

saleSum (row['sale'])*(row['count']);

return saleSum;

}}

],

enabledEdit: true,

data: $.extend(true, {}, CustomersData),

pageSize: 10,

toolbar: {

items: [

{ text: '刪除', icon: 'delete' },

{ text: '修改', icon: 'modify' }

]

},

onAfterEdit: updateCar

});

GetData();

function GetData(){

$.ajax({

type: "POST",

url: '',

error:function(mes){

$('ajax獲取購(gòu)物車(chē)數(shù)據(jù)失?。?);

},

success: function (html) {

eval(html);

({ data: CustomersData });

GetSumSale();

}

});

}

function GetSumSale() {

// 計(jì)算總價(jià)格

}

```

以上代碼中，通過(guò)設(shè)置`{ display: '商品數(shù)量', name: 'count', width: 100, type: 'int', isNegative: false, editor: { type: 'int' },`可以修改商品數(shù)量。

數(shù)量修改展示

當(dāng)用戶修改商品數(shù)量時(shí)，系統(tǒng)會(huì)將修改后的數(shù)量保存在數(shù)據(jù)庫(kù)中，并重新獲取商品信息并賦值到表格中，重新計(jì)算商品價(jià)格。這樣就實(shí)現(xiàn)了購(gòu)物車(chē)中商品數(shù)量的修改功能。