使用CodeIgniter的购物车类 二

在前一篇博客中,小猪给大家分享了如何在CI中使用购物车类的一些基础.但是没有结合数据库中的具体数据来进行演示.今天我就来结合数据库中的数据来进一步演示CI的购物车类的一些高级用法.

准备工作

首先在数据库表中新建我们的商品表.

1
2
3
4
5
6
7
8
9
10

 CREATE TABLE IF NOT EXISTS `products` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `price` decimal(13,2) NOT NULL,
  `image` varchar(255) NOT NULL,
  `option_name` varchar(255) NOT NULL,
  `option_values` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

其中,id作为上面的表示,name为商品的名称,price为商品的价格.image为商品的图片地址,option_name为商品的属性,例如颜色,尺码等.option_values为商品的属性值.

作为演示,这边的商品属性只设置成一个.不能像淘宝那样为每一个商品动态的随意添加属性.

然后插入三条演示数据

1
2
3
4
5

 INSERT INTO `products` (`id`, `name`, `price`, `image`, `option_name`, `option_values`) VALUES
(1, 'Rubber Ducky', '2.99', 'ducky.jpg', '', ''),
(2, 'Horse', '4500.00', 'horse.jpg', 'Color', 'white,black,brown'),
(3, 'T-Shirt', '12.99', 'tshirt.jpg', 'Size', 'small,medium,large');

其中第一条数据没有属性,第二条商品对应的属性为color,属性值为white,black,brown 三个值之间以因为逗号(,)隔开.第三条数据的属性值为尺码(size),分别对应值为大中小.同样以逗号隔开.为了提高用户体验,我们分别给每个商品配了一幅图片,放在网站根目录的images文件夹下.

编写controller代码

1
2
3
4
5
6
7
8
9

 function index\(\) {

	$this->load->model('Products_model');

	$data['products'] = $this->Products_model->get_all\(\);

	$this->load->view('products', $data);
}

上述代码中加载了Products_model模型,并调用了其get_all()方法.然后加载了视图products文件.

所以在models文件夹中新建model类文件Products_model.php.编写方法get_all():

编写模型类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

 <?php
class Products_model extends CI_Model {

	function get_all\(\) {

		$results = $this->db->get('products')->result\(\);

		foreach ($results as &$result) {

			if ($result->option_values) {
				$result->option_values = explode(',',$result->option_values);
			}

		}

		return $results;

	}

}

注意上述代码中,我们判断了商品是否包含option_valus属性,如果有的话,使用explode函数将其转化成一个数组,这样可以在前台页面直接使用数组的方式来访问商品的属性值.

编写视图文件:在view文件夹中新建products.php视图文件用来展示页面:

编写视图文件

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127

 <!DOCTYPE HTML>
<html lang="en-US">
<head>
    <title>Shop</title>
    <meta charset="UTF-8">
    <style type="text/css">
        body {
            font: 13px Arial;
        }
        #products {
            text-align: center; float: left;
        }
        #products ul {
            list-style-type: none; margin: 0px;
        }
        #products li {
            width: 150px; padding: 4px; margin: 8px;
            border: 1px solid #ddd; background-color: #eee;
            -moz-border-radius: 4px; -webkit-border-radius: 4px;
        }
        #products .name {
            font-size: 15px; margin: 5px;
        }
        #products .price {
            margin: 5px;
        }
        #products .option {
            margin: 5px;
        }

        #cart {
            padding: 4px; margin: 8px; float: left;
            border: 1px solid #ddd; background-color: #eee;
            -moz-border-radius: 4px; -webkit-border-radius: 4px;
        }
        #cart table {
            width: 320px; border-collapse: collapse;
            text-align: left;
        }
        #cart th {
            border-bottom: 1px solid #aaa;
        }
        #cart caption {
            font-size: 15px; height: 30px; text-align: left;
        }
        #cart .total {
            height: 40px;
        }
        #cart .remove a {
            color: red;
        }
    </style>
</head>
<body>
<div id="products">
    <ul>
        <?php foreach ($products as $product): ?>
            <li>
                <?php echo form_open('cart/add'); ?>
                <div class="name"><?php echo $product->name; ?></div>
                <div class="thumb">
                    <?php echo img(array(
                        'src' => 'images/' . $product->image,
                        'class' => 'thumb',
                        'alt' => $product->name
                    )); ?>
                </div>
                <div class="price">$<?php echo $product->price; ?></div>
                <div class="option">
                    <?php if ($product->option_name): ?>
                        <?php echo form_label($product->option_name, 'option_'. $product->id); ?>
                        <?php echo form_dropdown(
                            $product->option_name,
                            $product->option_values,
                            NULL,
                            'id="option_'. $product->id.'"'
                        ); ?>
                    <?php endif; ?>
                </div>

                <?php echo form_hidden('id', $product->id); ?>
                <?php echo form_submit('action', 'Add to Cart'); ?>
                <?php echo form_close\(\); ?>
            </li>
        <?php endforeach; ?>
    </ul>
</div>

<?php if ($cart = $this->cart->contents\(\)): ?>
    <div id="cart">
        <table>
            <caption>Shopping Cart</caption>
            <thead>
            <tr>
                <th>Item Name</th>
                <th>Option</th>
                <th>Price</th>
                <th></th>
            </tr>
            </thead>
            <?php foreach ($cart as $item): ?>
                <tr>
                    <td><?php echo $item['name']; ?></td>
                    <td>
                        <?php if ($this->cart->has_options($item['rowid'])) {
                            foreach ($this->cart->product_options($item['rowid']) as $option => $value) {
                                echo $option . ": <em>" . $value . "</em>";
                            }

                        } ?>
                    </td>
                    <td>$<?php echo $item['subtotal']; ?></td>
                    <td class="remove">
                        <?php echo anchor('cart/remove/'.$item['rowid'],'X'); ?>
                    </td>
                </tr>
            <?php endforeach; ?>
            <tr class="total">
                <td colspan="2"><strong>Total</strong></td>
                <td>$<?php echo $this->cart->total\(\); ?></td>
            </tr>
        </table>
    </div>
<?php endif; ?>
</body>
</html>

注意上述视图文件中使用了部分表单辅助函数.

打开浏览器访问index方法.我们可以看到页面效果:

image

其中第一个商品没有属性,第二个和第三个商品因为有属性,所以我们生成了一个下拉框来给用户选择,每一个商品都有一个对应的按钮将当前选择的商品以及属性加入到购物车.

但是我们现在暂时还没有增加到购物车的代码.所以我们完善controller代码:增加一个添加到购物车的函数:

编写添加方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

 function add\(\) {

	$this->load->model('Products_model');

	$product = $this->Products_model->get($this->input->post('id'));

	$insert = array(
		'id' => $this->input->post('id'),
		'qty' => 1,
		'price' => $product->price,
		'name' => $product->name
	);
	if ($product->option_name) {
		$insert['options'] = array(
			$product->option_name => $product->option_values[$this->input->post($product->option_name)]
		);
	}

	$this->cart->insert($insert);

	redirect('cart');

}

其中用到了模型类中的根据id来获取一条商品信息的方法:我们在model类中新增函数:

1
2
3
4
5
6
7
8
9
10
11
12

 function get($id) {

	$results = $this->db->get_where('products', array('id' => $id))->result\(\);
	$result = $results[0];

	if ($result->option_values) {
		$result->option_values = explode(',',$result->option_values);
	}

	return $result;
}

和上面一样的,我们判断了商品是否含有属性值,如果有将其转化成数组.并返回

重新运行程序并尝试点击添加按钮!

image

可以看到我们成功的将商品加入到了购物车类.

如果要删除购物车中的某商品,我们需要将该条购物车商品的rowid的数量转成0即可,这里一定要注意的就是rowid而不是商品本身的id,这个我们在第一篇中已经有过具体的介绍.

在控制器中添加方法remove

编写删除方法

1
2
3
4
5
6
7
8
9
10

 function remove($rowid) {

    $this->cart->update(array(
        'rowid' => $rowid,
        'qty' => 0
    ));

    redirect('cart');
}

然后点击某条数据的删除按钮:

image

可以看到我们的商品已经从购物车中删除.

总结

接下来的工作可能就是需要处理支付的场景了!

赏

谢谢你请我吃糖果

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

"我是小猪.2012年硕士毕业后一直从事软件开发工作,先后从事互联网应用开发,IOT平台开发,目前在上海从事医疗大数据行业. <br><br>\n 这个站点作为个人站点,不定期更新自己的一些技术笔记,技术教程,生活感悟. <br><br>\n 茫茫互联网,我不会主动在任何社区推广本站,如果缘分至此,有幸得到您的拜访,何不为这份缘分留下一些印记."