Trang Chủ › codeigniter › đào tạo

Xây dựng shop bán hàng sử dụng CodeIgniter [Bài 1]

Huy Châu - October 06, 2011 - codeigniter, đào tạo

Xây dựng website bán hàng đơn giản với CodeIgniter



I. Tạo CSDL : 


Tạo 1 bảng sản phẩm:


Thêm dữ liệu mẫu vào bảng sản phẩm:

II. Cấu hình :

Trước khi bắt đầu xây dựng website, chúng ta bắt đầu cấu hình CodeIgniter:

1. Mở application/config/config.php và tìm dòng:

Thay thế http://example.com bằng đường dẫn website

Thay thế giá trị  Global XSS Filtering :


đổi FALSE thành TRUE (để giá trị này được khởi tạo khi GET,POST hoặc Cookie được gọi).

Cấu hình CSDL trong CodeIgniter:

Mở file application/config/database.php:

Mở file application/config/routes.php và đổi controller mặc định thành "cart" :

(*) Khi người dùng vào trang web thì controller này được gọi lên đầu tiên.

Để chạy những thư viện hỗ trợ ta vào file : application/config/autoload.php


thay đổi những nội dung sau:

(*) Giải thích :

Thư viện: 

1. cart : Cho phép bạn sử dụng những hàm thanh toán trực tuyến
2. database: Cho phép ứng dụng bạn kết nối với CSDL .

Hỗ trợ: 

1. url : cho phép tạo đường dẫn trong form
2. form: thư viện hỗ trợ tạo form.

III. Tạo Controller

Tạo file mới application/controller/cart.php và gõ code:


Tạo hàm index() (hàm sẽ chạy đầu tiên khi lớp Cart được gọi).


Dữ liệu danh sách sản phẩm lưu về giá trị products, nhưng chúng ta chưa tạo Model.
tiếp theo.. chúng ta sẽ tạo Model

IV. Tạo Model

"Model là lớp PHP được thiết kế để làm việc với CSDL. Model sẽ chứa các hàm căn bản như thêm, xóa, sửa và hiển thị sản phẩm."

Model được tạo trong thư mục application/models. Tạo file cart_model.php :

Ở Controller Cart chúng ta gọi hàm retrieve_products() để hiển thị sản phẩm. Trong model Cart_model chúng ta khởi tạo hàm retrieve_products():


V. View

View là phần hiển thị dành cho khách hàng. View được gọi từ Controller.

Mở thư mục application/views, và tạo file mới tên là index.php

Chép đoạn mã này vào index.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en-us" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CodeIgniter Shopping Cart</title>

<link href="<?php echo base_url(); ?>assets/css/core.css" media="screen" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/core.js"></script>
</head>
<body>

<div id="wrap">

<?php $this->view($content); ?>

</div>

</body>
</html>



Tạo lớp products.php trong thư mục application/views/cart . Lớp products.php hiển thị dữ liệu sản phẩm từ Model.

Thêm code để hiển thị sản phẩm:

Tạo tập tin CSS core.css trong thư mục assets/css :


body{
font-family: "Lucida Sans";
font-size: 12px;
}

#wrap{
width: 1024px;
}

ul.products{
list-style-type: none;
width: 525px;
margin: 0;
padding: 0;
}

ul.products li{
background: #eeeeee;
border: 1px solid #d3d3d3;
padding: 5px;
width: 150px;
text-align: center;
float: left;
margin-right: 10px;
}

ul.products h3{
margin: 0;
padding: 0px 0px 5px 0px;
font-size: 14px;
}

ul.products small{
display: block;
}

ul.products form fieldset{
border: 0px;
}

ul.products form label{
font-size: 12px;
}

ul.products form input[type=text]{
width: 18px;
background: #FFF;
border: 1px solid #d3d3d3;
}

Kỳ sau chúng ta sẽ học Thêm sản phẩm vào giỏ hàng