Hệ thống thiết kế website giá rẻ trọn gói, chuyên nghiệp và chất lượng - Websystem.vn

CSKH (028) 7100 8686

(CSKH - Giờ hành chánh)

CSKH 0908 628 966

(Hỗ trợ 24/7)

VIẾT ỨNG DỤNG TẠO GIỎ HÀNG BẰNG PHP - SHOPPING CART - PHẦN 2
05/12/2014 17:55:29 / Lượt xem: 4928
Chia sẻ

Ở phần 1 tôi đã trình bày phần hiển thị thông tin sách có trong cơ sở dữ liệu, chu trình thực thi của việc thêm một quyển sách vào giỏ hàng. Và cơ chế quản lý giỏ hàng của chúng ta như thế nào. Tiếp tục với phần 2, tôi sẽ trình bày cách quản lý giỏ hàng như chỉnh sửa món hàng, liệt kê hàng hóa trong giỏ hàng và xóa bỏ từng món hàng hay cả giò hàng như thế nào. Để có thể hiểu được phần 2. Các bạn vui lòng xem lại ỨNG DỤNG TẠO GIỎ HÀNG BẰNG PHP - SHOPPING CART - PHẦN 1

Phần 2: Xây dựng hệ thống quản lý giỏ hàng.
 

Sau khi đã thêm một món hàng, tại giỏ hàng ta cũng cần phải xử lý để hiển thị các món hàng đã có trong giỏ. Và như phương pháp ở phần 1, chúng ta tạm lưu mã sách trong session. (xem lại Bài 7: Khái niệm cơ bản về Cookie và session trong PHP) . Vậy ở trang giỏ hàng này, ta sẽ khởi tạo session và sử dụng vòng lặp duyệt mảng foreach để lặp toàn bộ mã sách đang lưu trong session. Tiếp tục, ta lại chuyển chúng sang dạng chuỗi bằng hàm implode().

1
2
3
4
5
6
7
8
<?php
session_start();
foreach($_SESSION['cart'] as $key=>$value)
{
 $item[]=$key;
}
$str=implode(",",$item);
?>
Giả sử lúc này chuỗi của chúng ta sẽ có dạng 7,8,9. Công việc tiếp theo là kết nối CSDL để liệt kê các sản phẩm có mã như ở trên. (xem lại bài 10: kết hợp php & mysql trong ứng dụng website). Thay vì sử dụng select * from tên_bảng where id= ??. Thì để tối ưu hơn, tôi sẽ sử dụng phép in trong SQL. Lúc này câu truy vẫn sẽ tương đương:
1
2
3
4
5
<?php
$sql="select * from books where id in ('$str') order by id desc";
$query=mysql_query($sql);
while($row=mysql_fetch_array($query))
?>
Tiếp tục, ta lặp toàn bộ thông tin sách bao gồm tên, tác giả, giá tiền và cả số lượng mà ta đã lưu trong session là $_SESSION['cart'][ 'ID_Món_Hàng']. ID_Món_hàng chính là thông tin ta lặp ra từ CSDL ($row[id]).
 
Bên cạnh đó tại phần số lượng, ta sẽ đưa giá trị lưu ở session ra textbox (vì tại giỏ hàng, người dùng được phép điều chỉnh số lượng, nên lúc này ta cần tạo textbox cho họ điều chỉnh). Vì lặp toàn bộ các quyển sách nên tại tên tên của textbox số lượng ta cũng cần truyền id để nhận biết số lượng đó thuộc ID của quyển sách nào.
1
2
3
<?php
echo "<p align='right'>So Luong: <input type='text' name='qty[$row[id]]' size='5' value='{$_SESSION['cart'][$row[id]]}' /> - ";
?>
Chúng ta cũng cho người dùng được phép xóa 1 món hàng nào đó ra khỏi giỏ hàng của họ. Bằng cách truyền mã quyển sách của từng quyển vào liên kết delcart.php.
1
2
3
<?php
echo "<a href='delcart.php?productid=$row[id]'>Xoa Sach Nay</a></p>";
?>
Tại đây, ta cũng cần tính luôn giá tiền của từng quyển sách tương ứng với số lượng mà họ đã chọn. Như vậy, số lượng là phần ta lưu ở session, còn giá tiền là phần ta lấy ra từ CSDL ứng với mảng $row ($row['price']).
1
2
3
<?php
echo "<p align='right'> Gia tien cho mon hang: ". number_format($_SESSION['cart'][$row[id]]*$row[price],3) ." VND</p>";
?>

Sau cùng, ta cần tính tổng tiền của toàn bộ sản phẩm có trong giỏ hàng. Bằng cách cộng dồn tổng giá tiền của từng món.

1
2
3
<?php
$total+=$_SESSION['cart'][$row[id]]*$row[price];
?>
Phần còn lại, là chúng ta hiển thị giá tiền với đúng định dạng VND của Việt Nam.
1
2
3
<?php
echo "<b>Tong tien cho cac mon hang: <font color='red'>". number_format($total,3)." VND</font></b>";
?>
Đồng thời, ta cũng tạo nút cho phép người dùng cập nhật. Và cho phép người dúng xóa toàn bộ giỏ hàng.
1
2
3
4
5
<?php
echo "<input type='submit' name='submit' value='Cap Nhat Gio Hang' />";
echo "<div class='pro' align='center'>";
echo "<b><a href='index.php'>Mua Sach Tiep</a> - <a href='delcart.php?productid=0'>Xoa Bo Gio Hang</a></b>";
?>
Như vậy, code đầy đủ sẽ là:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
echo "<form action='cart.php' method='post'>";
foreach($_SESSION['cart'] as $key=>$value)
{
 $item[]=$key;
}
$str=implode(",",$item);
$connect=mysql_connect("localhost","root","root") or die("Can not connect database");
mysql_select_db("shop",$connect);
$sql="select * from books where id in ($str)";
$query=mysql_query($sql);
while($row=mysql_fetch_array($query))
{
 echo "<div class='pro'>";
 echo "<h3>$row[title]</h3>";
 echo "Tac gia: $row[author] - Gia: ".number_format($row[price],3)." VND<br />";
 echo "<p align='right'>So Luong: <input type='text' name='qty[$row[id]]' size='5' value='{$_SESSION['cart'][$row[id]]}'> - ";
 echo "<a href='delcart.php?productid=$row[id]'>Xoa Sach Nay</a></p>";
 echo "<p align='right'> Gia tien cho mon hang: ". number_format($_SESSION['cart'][$row[id]]*$row[price],3) ." VND</p>";
 echo "</div>";
 $total+=$_SESSION['cart'][$row[id]]*$row[price];
}
echo "<div class='pro' align='right'>";
echo "<b>Tong tien cho cac mon hang: <font color='red'>". number_format($total,3)." VND</font></b>";
echo "</div>";
echo "<input type='submit' name='submit' value='Cap Nhat Gio Hang' />";
echo "<div class='pro' align='center'>";
echo "<b><a href='index.php'>Mua Sach Tiep</a> - <a href='delcart.php?productid=0'>Xoa Bo Gio Hang</a></b>";
echo "</div>";
?>
Sau khi thiết lập thành công trang giỏ hàng cơ bản, lúc này ta đã có thể thêm sách một cách dễ dàng. Tuy nhiên, giả sử trong trường hợp không có sách thì sao ?. Chúng ta vẫn chưa xét đến trường hợp giỏ hàng rỗng thì sẽ như thế nào. Vậy khi nào thì giỏ hàng rỗng ?. Đó là khi session của giỏ hàng không tồn tại Id của quyển sách nào. Cụ thể, $_SESSION[‘cart'][id]. Khi id không tồn tại trong session này thì cũng là lúc giỏ hàng không tồn tại.
Bài 20: Viết ứng dụng tạo giỏ hàng - shopping cart - phần 2
Vậy trước khi cho hiển thị giỏ hàng, ta cần kiểm tra xem có tồn tại id nào trong giỏ hàng hay không. Và vì id lưu ở dạng mảng đa chiều, nên ta cần dùng vòng lặp duyệt mảng foreach.
 
foreach($_SESSION[‘cart’] as $k=>$v)
 
Với $k có ý nghĩa tương đương $id quyển sách và $v tương đương là số lượng của quyển sách trong giỏ hàng. Vậy nếu tồn tại biến $k, thì tức có nghĩa là trong giỏ hàng có sách.
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
$ok=1;
if(isset($_SESSION['cart']))
{
 foreach($_SESSION['cart'] as $k => $v)
 {
  if(isset($k))
  {
   $ok=2;
  }
 }
}
if($ok == 2)
{
// code xử lý giỏ hàng ở trên.
}
?>
Đoạn code này, ta sử dụng biến $ok để làm biến kiểm tra, mặc định khi load dữ liệu biến $ok sẽ bằng 1. Và khi trong giỏ hàng tồn tại sách thì chúng ta sẽ thay đổi biến $ok thành 2. Và gọi giỏ hàng như code ở trên.
 
Ở phần trên, ta cũng có đề cập khi người dùng tiến hành chỉnh sửa số lượng từng món hàng đơn lẻ qua textbox và nhấn cập nhận thì hệ thống sẽ tiến hành chỉnh sửa lại thông tin giỏ hàng. Vậy chúng ta sẽ xử lý như thế nào cho trương hợp đó.
 
Nếu chú ý, các bạn sẽ thấy dòng code chứa textbox cho phép người dùng nhập số lượng có một tham số đặc biêt là name=qty[$row[id]]. Vậy tham số này được dùng để làm gì ?.
 
Tham số này, nói cho chúng ta biết số lượng đang hiển thị là thuộc mã sản phẩm nào. Vậy khi tiến hành cập nhật giỏ hàng ta sẽ kiểm tra, nếu $qty[$row[id]] mà có giá trị là 0. Tức là người đó muốn xóa bỏ giỏ hàng. Ngược lại, ta chỉ viêc cập nhật giỏ hàng $id tương ứng với số lượng nhập ở textbox.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
if(isset($_POST['submit']))
{
 foreach($_POST['qty'] as $key=>$value)
 {
  if( ($value == 0) and (is_numeric($value)))
  {
   unset ($_SESSION['cart'][$key]);
  }
  elseif(($value > 0) and (is_numeric($value)))
  {
   $_SESSION['cart'][$key]=$value;
  }
 }
 header("location:cart.php");
}
?>
Việc xóa món hàng ở trên chỉ đơn giản là hủy bỏ session của id đó. Việc cập nhật số lượng chỉ đơn giản là gán đè số lượng người nhập (thẻ value trong textbox) vào số lượng đang lưu trong session.
 
Vậy code hoàn chỉnh của trang cart.php này sẽ như sau:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<?php
session_start();
if(isset($_POST['submit']))
{
 foreach($_POST['qty'] as $key=>$value)
 {
  if( ($value == 0) and (is_numeric($value)))
  {
   unset ($_SESSION['cart'][$key]);
  }
  elseif(($value > 0) and (is_numeric($value)))
  {
   $_SESSION['cart'][$key]=$value;
  }
 }
 header("location:cart.php");
}
?>
<html>
<head>
 <title>Demo Shopping Cart - Created By My Kenny</title>
 <link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Demo Shopping Cart</h1>
<?
$ok=1;
if(isset($_SESSION['cart']))
{
 foreach($_SESSION['cart'] as $k => $v)
 {
  if(isset($k))
  {
   $ok=2;
  }
 }
}
if($ok == 2)
{
 
   echo "<form action='cart.php' method='post'>";
   foreach($_SESSION['cart'] as $key=>$value)
   {
    $item[]=$key;
   }
   $str=implode(",",$item);
   $connect=mysql_connect("localhost","root","root") or die("Can not connect database");
   mysql_select_db("shop",$connect);
   $sql="select * from books where id in ($str)";
   $query=mysql_query($sql);
   while($row=mysql_fetch_array($query))
   {
   echo "<div class='pro'>";
   echo "<h3>$row[title]</h3>";
   echo "Tac gia: $row[author] - Gia: ".number_format($row[price],3)." VND<br />";
   echo "<p align='right'>So Luong: <input type='text' name='qty[$row[id]]' size='5' value='{$_SESSION['cart'][$row[id]]}'> - ";
   echo "<a href='delcart.php?productid=$row[id]'>Xoa Sach Nay</a></p>";
   echo "<p align='right'> Gia tien cho mon hang: ". number_format($_SESSION['cart'][$row[id]]*$row[price],3) ." VND</p>";
   echo "</div>";
   $total+=$_SESSION['cart'][$row[id]]*$row[price];
   }
  echo "<div class='pro' align='right'>";
  echo "<b>Tong tien cho cac mon hang: <font color='red'>". number_format($total,3)." VND</font></b>";
  echo "</div>";
  echo "<input type='submit' name='submit' value='Cap Nhat Gio Hang'>";
  echo "<div class='pro' align='center'>";
  echo "<b><a href='index.php'>Mua Sach Tiep</a> - <a href='delcart.php?productid=0'>Xoa Bo Gio Hang</a></b>";
  echo "</div>";
 }
else
 {
  echo "<div class='pro'>";
  echo "<p align='center'>Ban khong co mon hang nao trong gio hang<br /><a href='index.php'>Buy Ebook</a></p>";
  echo "</div>";
 }
?>
</body>
</html>
Và cuối cùng, khi người dùng nhấn xóa toàn bộ giỏ hàng hay chỉ xóa một món hàng, ta sẽ gọi tới trang delcart.php. Vậy trang này sẽ xử lý như thế nào ?.
 
Tại đây, ta có thể nhận tham số là: $_GET[‘productid'];
 
Tham số này sẽ là $id mà chúng truyền qua liên kết. Nếu xóa toàn bộ giỏ hàng, tức ta sẽ truyền cho nó giá trị bằng 0. Lúc này, ta sẽ hủy toàn bộ $_SESSION[‘cart']. Ngược lại, nếu là một $id cụ thể, thì ta chỉ xóa món hàng đó mà thôi. $_SESSION[‘cart'][$id].
 
Code hoàn chỉnh của file delcart.php như sau:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
session_start();
$cart=$_SESSION['cart'];
$id=$_GET['productid'];
if($id == 0)
{
 unset($_SESSION['cart']);
}
else
{
unset($_SESSION['cart'][$id]);
}
header("location:cart.php");
exit();
?>

Trên đây tôi đã trình bày toàn bộ code của ứng dụng.

 

Như vậy, chúng ta đã hoàn tất việc xây dựng hoàn chỉnh một hệ thống shopping cart đơn giản. Tuy rằng, đây không phải là một bài viết hoàn chỉnh trong việc xây dựng mô hình thương mại điện tử. Nhưng quá đó, phần nào giúp các bạn hiểu và dễ dàng phát triển hệ thống của mình có tổ chức hơn.

Thiết kế web - www.websystem.vn

 

 

comments powered by Disqus

Kiến thức khác

Tin xem nhiều

icon4
Tư vấn và hỗ trợ
Ngọc Hân - Tư vấn
Ngọc Hân - Tư vấn
(028) 7100 8686
Xuân Linh - HotLine
Xuân Linh - HotLine
0908 628 966
icon8
Ý kiến khách hàng
  • Tôi thực sự ấn tượng về dịch vụ của websystem. Mặc dù không có chuyên môn về CNTT, nhờ có websystem tôi đã có một website khá bắt mắt, chuyên nghiệp và tôi cũng có thể quản lý web một cách dễ dàng. 

    Ms Hoàng Vũ

    www.heoconstore.com
  • Chỉ có kinh doanh trực tuyến mới giúp tôi làm được nhiều điều mà tôi chưa làm được. Ngay khi dùng thử WebSystem.vn, tôi đã hoàn toàn tin tưởng và yên tâm để chọn. Tôi rất hài lòng với WebSystem.

    Mr. Minh

    www.godadinhviet.com
  • Tôi đã và đã sử dụng dịch vụ website tại nhiều nơi. Tại WebSystem.Vn tôi thấy xuất sắc nhất. Rất tuyệt...Thank you.

    Ms. Thùy

    www.myphamtocvietquang.com
  • Tôi đã dùng Websystem được một thời gian, tôi rất hài lòng với hiệu quả mà Websystem mang lại...

    Mr Nhựt

    www.myphamtoccaocap.com.vn
  • Tôi rất hài lòng với website mà tôi nhận được, đặt biệt là sự hỗ trợ nhiệt tình và nhanh chóng của nhân viên websystem.vn.

    Mr. Kiệt

    www.thietbiyte247.com
  • Tôi đã dùng Websystem được một thời gian, tôi rất hài lòng với hiệu quả mà Websystem mang lại...

    Ms Dung

    www.thaihungaudio.com
  • Thật tuyệt vời! Tôi không thể tin là chúng tôi có thể lập được một website cho công ty lại đơn giản, nhanh chóng đến vậy. Từ khi có website công việc làm ăn của tôi thuận lợi rất nhiều. Cám ơn WebSystem

    Ông Lê Thái Vinh

    www.thiepcuoithuyhang.com
Facebook
Tags: WebSystem.vn | Web gia re | Web bán hàng | Web thông tin   Cafe24.vn | Thông tin kinh doanh | Thông tin công nghệ   INCOMTECH | Thiết kế web, phần mềm | Giải pháp công nghệ