4754 fans
1036 reader
122 followers

Phân trang với Jquery AJAX + PHP & MYSQL

Publish by: Mr. Nav
In category: jQuery
25 comments

Tutorial Details
Độ khó: Căn bản
Thời gian: 30 phút
File size: < 1 Mb
Yêu cầu: Phù hợp cho tất cả các đối tượng lập trình viên

Hôm nay chúng ta sẽ tiếp tục làm việc với Jquery AJAX, ở bài trước mình đã hướng dẫn các bạn cách tạo một Contact Form với Jquery AJAX. Hôm nay mình sẽ hướng dẫn các bạn cách phân trang với Jquery AJAX + PHP & MYSQL.

Để tiện cho việc tiếp thu bài này, các bạn nên xem lại bài Phân trang với PHP & MYSQL của anh Demon Warlock.
Do đây là bài viết nâng cao, nên bạn cần biết một số kiến thức cơ bản về PHP&MySQL để kết nối CSDL.
Hình ảnh, database được đính kèm trong file download.

STEP 1 – PHÂN TRANG VỚI PHP & MYSQL

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Pagination with Jquery AJAX + PHP</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/style.css" media="all">
	<script type="text/javascript" src="js/jquery.1.7.2.min.js"></script>
	<script type="text/javascript" src="js/AJAX.js"></script> 
</head>
<body>
	<div id="wrapper">
		<div id="loading"></div>
		<h1>Pagination Jquery AJAX + PHP</h1>
		<div id="data">
			<nav role="list">
				<ul>
			<?php 
				
				$db = mysqli_connect('localhost','root','','pagination_ajax');
				$display = 10;
                if(isset($_GET['page']) && (int)$_GET['page']>=0) {
                   $page = $_GET['page'];
                } else { 
                    $query = "SELECT COUNT(id) FROM data";
                    $result = mysqli_query($db,$query);
                    $rows = mysqli_fetch_array($result,MYSQLI_NUM);
                    $record = $rows[0];
	                if($record > $display) {
	                	$page = ceil($record/$display);
	                } else {
	                	$page = 1;
	                }
                }

				$start = (isset($_GET['start']) && (int)$_GET['start']>=0) ? $_GET['start'] : 0;
				$current = ($start/$display)+1;
				$next = $start + $display;
                $previous = $start - $display;
                $last = ($page - 1)*$display;
                if ($current >= 7) {
				    $start_page = $current - 3;
				    if ($page > $current + 3)
				        $end_page = $current + 3;
				    else if ($current <= $page && $current > $page - 6) {
				        $start_page = $page - 6;
				        $end_page = $page;
				    } else {
				        $end_page = $page;
				    }
				} else {
				    $start_page = 1;
				    if ($page > 7)
				        $end_page = 7;
				    else
				        $end_page = $page;
				}



				$query_data = "SELECT * FROM data
							   ORDER BY id 
	                   		   LIMIT $start, $display";
				$result_data = mysqli_query($db,$query_data);
				while($set = mysqli_fetch_array($result_data,MYSQLI_ASSOC)) {
						$id = $set['id'];
						$content = $set['content'];
					echo "<li><span>$id</span> - $content</li>";
				}
			?>
				</ul>
			</nav>

			<nav role="page">
				<ul>
					<?php 
				if($page > 1) {
					if ($current > 1) {
					    echo "<li><a href='index.php?start=0&page=$page'>First</a></li>";
					    echo "<li><a href='index.php?start=$previous&page=$page'>Previous</a></li>";
					} 

					for ($i = $start_page; $i <= $end_page; $i++) {

					    if ($current == $i)
					        echo "<li class='current'>$i</li>";
					    else
					        echo "<li><a href='index.php?start=".($display*($i-1))."&page=$page'>$i</a></li>";
					}

					if ($current < $page) {
					    echo "<li><a href='index.php?start=$next&page=$page'>Next</a></li>";
					    echo "<li><a href='index.php?start=$last'>Last</a></li>";
					} 
				}
					?>
				</ul>
			</nav>
		<span class='per_page'><?php echo "Trang " . $current . " => ". $page; ?></span>

		</div>
	</div><!-- End #wrapper -->
</body>
</html>

STEP 1.1 – CSS

*{margin:0; padding:0;}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#data {
	position: relative;
}

h1 {
	font-size: 2.0em;
	text-align: center;
	margin-top: 50px;
}

nav[role="list"] {
	position: absolute;
	left: 230px;
	top: 20px;
	font-size: 1.7em;
}

nav[role="list"] ul li {
	padding-bottom: 10px;
}

nav[role="list"] ul li span {
	color: green;
	font-weight: bold;
}

nav[role="page"] {
	position: absolute;
	top: 300px;
	left: 220px;
}

nav[role="page"] ul li {
	float: left;
	margin-left: 10px;
	background: url(../images/pagenavi_bg.jpg) repeat-x top left;
}

nav[role="page"] ul li a {
	color: white;
	text-decoration: none;
	display: block; 
	padding: 8px;
	font-weight: bold;
	font-size: 1.2em;
}

nav[role="page"] ul li a:hover {
	background: url(../images/pagenavi_bg.jpg) repeat-x bottom left;
}

nav[role="page"] ul li.current {
	font-weight: normal;
	font-size: 1.2em; 
	padding: 8px;
	color: white;
	background: url(../images/pagenavi_bg.jpg) repeat-x bottom left 
}

#data >  span.per_page {
	font-weight: bold; 
	padding: 8px 8px 9px 8px;
	color: white;
	background: url(../images/pagenavi_bg.jpg) repeat-x top left;
	position: absolute;
	top: 300px;
	right: 150px;
	font-size: 1.2em;
	width: 88px;
	text-align: center;
}

Demo

Công việc mình cần làm ở phần này như sau :

1. Xác định bao nhiêu dòng dữ liệu hiển thị trên một trang

$display = 10; // Mình muốn hiển thị 10 dòng trên một trang

2. Tính tổng số trang

If(isset($_GET[‘page’]) && (int)$_GET[‘page’]>=0) {
	$page = $_GET[‘page’];
}

Đầu tiên mình sẽ kiểm tra xem nếu tổng số trang đã được tính chưa và tổng số trang của mình phải là một số nguyên >=0 thì mình lấy giá trị của nó, nếu chưa có mình sẽ đi tính tổng số trang.

Mình sử dụng hàm COUNT trong câu lệnh truy vấn MYSQL để lấy ra tổng số dòng trong CSDL. Tiếp theo mình tính số trang bằng cách lấy tổng số dòng dữ liệu chia cho tổng số dữ liệu muốn hiển thị và dùng hàm ceil để làm tròn số vì mình không muốn trang của mình có số dư như là 1.4 hay 2.2, số trang của mình phải là một số nguyên không âm.

if($record > $display) {
	$page = ceil($record/$display);
} else {
	$page = 1;
}

Nhưng gặp trường hợp tổng số dòng dữ liệu mình lấy ra nó lại nhỏ hơn số dòng muốn hiển thị thì mình phải kiểm tra nó, nếu tổng số dữ liệu mình lớn hơn tổng số dòng hiển thị thì mình thực hiện tính và ngược lại thì tổng số trang của mình là 1.

3. Xác định dòng bắt đầu trong CSDL

$start = (isset($_GET['start']) && (int)$_GET['start']>=0) ? $_GET['start'] : 0;

Nếu số đã có số dòng bắt đầu và nó là một số nguyên >=0 thì mình lưu nó lại, ngược lại thì dòng bắt đầu của mình là 0.

4. Tính trang hiện tại, trang sau, trang kế tiếp, trang cuối, hiển thị số trang.

$current = ($start/$display)+1;  // Trang hiện tại = ( số dòng bắt đầu / số dòng hiển thị ) + 1
$next = $start + $display;  // Trang tiếp theo =  số dòng bắt đầu + số dòng hiển thị 
$previous = $start - $display; // Trang sau = số dòng bắt đầu  - số dòng hiển thị
$last = ($page - 1)*$display; // Trang cuối = ( tổng số trang – 1 ) * số dòng hiển thị

Hiển thị số link của trang

if ($cur_page >= 7) {
	$start_page = $cur_page - 3;
if ($page > $cur_page + 3)
	$end_page = $cur_page + 3;
else if ($cur_page <= $page && $cur_page > $page - 6) {
	$start_page = $page - 6;
	$end_page = $page;
} else {
	$end_page = $page;
}
} else {
	$start_page = 1;
if ($page > 7)
	$end_page = 7;
else
	$end_page = $page;
}

Mình muốn số link hiển thị là 7 để khi CSDL nó lên đến hàng ngàn dòng thì số link sẽ không hiển thị ra quá nhiều. Nếu trang hiện tại >=7 thì trang bắt đầu bằng trang hiện tại trừ đi 3. Mình muốn ở sau trang hiện tại của mình là 3 trang và phía trước của nó là 3 trang thì mình kiểm tra thêm một lần nữa là nếu tổng số trang lớn hơn trang hiện tại + 3 thì trang kết thúc của mình là trang hiện tại + 3. Ngược lại nếu trang hiện tại mình nhỏ hơn hoặc bằng tổng số trang và trang hiện tại nhỏ hơn tổng số trang – 6 thì trang bắt đầu của mình là tổng số trang – 6 và trang kết thúc của mình là bằng chính tổng số trang. Nếu trường hợp trên không xảy ra thì mình gán trang kết thúc bằng tổng số trang.

Ngược lại của trường hợp trang hiện tại >= 7 thì trang bắt đầu sẽ là 1. Nếu tổng số trang lớn hơn 7 thì trang kết thúc của mình sẽ là 7 và ngược lại thì trang kết thúc bằng tổng số trang. Đoạn hiển thị số link của trang có vẽ hơi khó hiểu, bạn nên xem kỹ nhé.

5. Truy vấn CSDL

Sau khi đã có hai biến $display & $start thì mình bắt đầu SELECT CSDL, LIMIT ở đây được gọi là giới hạn, khi người dùng truy cập vào lần đầu tiên thì biến $start của mình sẽ không sét được có nghĩa là nó là = 0 và biến $display mình đã khai báo trên kia là 10 thì nó sẽ xuất ra cho mình 10 dòng dữ liệu đầu tiên.

6. Hiển thị phân trang

Sau khi mình đã tính toán các bước cần thiết ở trên, bây giờ mình sẽ cho nó hiển thị ra ngoài. Nếu tổng số trang của mình > 1 thì mình sẽ phân trang cho nó còn nhỏ hơn 1 thì chỉ có 1 trang nên mình không cần phân trang làm gì.

Hiển thị trang đầu ( First page ) và trang sau ( Previous page )

if ($current > 1) {
	echo "<li><a href='index.php?start=0&page=$page'>First</a></li>";
if ($current > 1) {
	echo "<li><a href='index.php?start=$previous&page=$page'>Previous</a></li>";
}

Nếu trang hiện tại của mình > 1 thì nó mới xuất hiện, trang đầu của mình thì tham số start của mình chắc chắn nó sẽ = 0 thì mình sẽ gán trực tiếp giá trị vào luôn.

Hiển thị số link của trang ( Link page )

for ($i = $start_page; $i <= $end_page; $i++) {
	if ($current == $i)
	echo "<li class='current'>$i</li>";
else
echo "<li><a href='index.php?start=".($display*($i-1))."&page=$page'>$i</a></li>"; }

Ở phần trên mình đã tính được trang bắt đầu và trang cuối của mình thì bây giờ mình sẽ dùng vòng lặp For để lấy nó ra. Khi người dùng truy cập lần đầu tiên thì trang bắt đầu của mình luôn luôn sẽ là 1 và trang kết thúc của mình sẽ là 7. Khi người dùng di chuyển sang trang 7 thì bước nhảy của mình sẽ được tính như ở trên có nghĩa là trang hiện tại của mình là 7 thì phía sau nó sẽ có 3 trang là 6 5 4 và phía trước của nó sẽ có 3 trang nữa là 8 9 10 và nó sẽ tiếp tục tăng dần cho đến trang cuối cùng.
Hiển thị trang tiếp theo ( Next page ) và trang cuối ( Last page )

if ($current < $page) {
	echo "<li><a href='index.php?start=$next&page=$page'>Next</a></li>";
}
if ($current < $page) {
	echo "<li><a href='index.php?start=$last'>Last</a></li>";
}

Nếu trang hiện tại của mình vẫn nhỏ hơn tổng số trang thì mình cho hiển thị nó ra, các tham số mình đã tính ở trên thì bây giờ chỉ việc thay biến đó vào thôi ^^.

STEP 2 – ÁP DỤNG JQUERY AJAX

<?php 

if($_POST['page']) {
$page = $_POST['page'];
$current_page = $page;
$page -= 1;
$display = 10;
$start = $page * $display;
$db = mysqli_connect('localhost','root','','pagination_ajax');

$data = "";

$query = "SELECT * FROM data
		  ORDER BY id
		  LIMIT $start, $display";
$result = mysqli_query($db,$query);
while($rows = mysqli_fetch_array($result,MYSQLI_ASSOC)) {
	$id = $rows['id'];
	$content = $rows['content'];
	$data .= "<li><span>$id</span> - $content</li>";
}

$data = "<nav role='list'>
			<ul>".$data."</ul>
		</nav>";

$query_page = "SELECT COUNT(*) AS count FROM data";
$result_page = mysqli_query($db,$query_page);
$row = mysqli_fetch_array($result_page);
$count = $row['count'];
$pages = ceil($count / $display);

if ($current_page >= 7) {
	$start_page = $current_page - 3;
		if ($pages > $current_page + 3)
			$end_page = $current_page + 3;
		else if ($current_page <= $pages && $current_page > $pages - 6) {
			$start_page = $pages - 6;
			$end_page = $pages;
		} else {
			$end_page = $pages;
		}
} else {
	$start_page = 1;
if ($pages > 7)
	$end_page = 7;
else
	$end_page = $pages;
}

$data .= "<nav role='page'><ul>";

if ($current_page > 1) {
	$data .= "<li page='1'>First</li>";
	$previous = $current_page - 1;
	$data .= "<li page='$previous'>Previous</li>";
} 

for ($i = $start_page; $i <= $end_page; $i++) {
	if ($current_page == $i)
		$data .= "<li page='$i' class='current'>{$i}</li>";
	else
		$data .= "<li page='$i'>{$i}</li>";
}

if ($current_page < $pages) {
	$next = $current_page + 1;
	$data .= "<li page='$next'>Next</li>";
	$data .= "<li page='$pages'>Last</li>";
} 

$total_page = "<span class='per_page'>Trang ". $current_page ." => $pages </span>";

$data = $data . "</ul></nav>".$total_page;

echo $data;

}
?>

Khi mình bắt đầu chuyển nó sang dạng phân trang với Jquery AJAX thì cấu trúc của nó sẽ có một số thay đổi để phù hợp nên phần này là quan trọng các bạn hãy chú ý thật kỹ nhé.

Khi mình sử dụng Jquery AJAX để load dữ liệu thì mình phải kiểm tra xem nếu có trang nào thì mới thực hiện load dữ liệu và ngược lại sẽ không load gì cả.

Nếu có thì mình sẽ lưu giá trị nó vào một biến $page và biến $page của mình khi được load lần đầu tiên thì nó luôn luôn là trang 1 và nó cũng chính là trang hiện tại.

Các bạn thấy biến $page -= 1 nó có nghĩa là khi truy cập lần đầu tiên thì biến $page của mình là trang 1 thì -=1 là chính nó trừ đi 1 thì lúc này $page của mình sẽ là 0. Sau đó mình có biến $display =10 thì lúc này $page của mình = 0 và $display = 10 thì mình sẽ có $start = 0 vì 0 x 10 thì = 0 chứ nhỉ ^^ .

Trong cuộc gọi AJAX thì dữ liệu của mình trả về là một chuỗi hay một mảng giá trị lưu giữ toàn bộ giá trị đó thì lúc này mình sẽ khởi tạo một biến $data = ” “, có nghĩa là chuỗi này ban đầu sẽ chưa có gì cả. Sau đó mình mới truy vấn CSDL và lấy dữ liệu của nó ra và lưu vào biến này.

Trong đó biến $data .= này có nghĩa là khi vòng lặp while của mình nó lấy dữ liệu từ dòng thứ 1 cho đến dòng cuối cùng thì nó sẽ nối tiếp lại với nhau. Trong PHP muốn nối một chuỗi thì mình dùng dấu “ . “ nhưng ở đây mình muốn nối tiếp nhiều chuỗi vào cùng trong một biến thì mình dùng thêm “ = “ vậy là mình đã nối chúng lại với nhau thành một chuỗi lớn.

Và cuối cùng mình cũng thực hiện các bước phân trang như ở phần 1 và mình sẽ không xuất nó ra mà lưu nó tiếp vào biến $data vì để khi mình echo $data ra thì dữ liệu của mình sẽ trả về toàn bộ.

Nhưng một đặc điểm đáng lưu lý ở đây là các bạn sẽ thấy mình sẽ không còn dùng thẻ a với link là index.php?start=??&page=?? nữa vì bây giờ mình chỉ cần lấy số trang và dùng AJAX để load trang đó nên mình chỉ cần thẻ li là đủ, trong này mình sẽ truyền tham số cho thẻ li qua một chổ tạm là page và khi mình load trang thì chỉ cần sử dụng hàm attr trong Jquery để lấy tham số này và truyền vào để AJAX xử lý thôi.

Bước cuối cùng cũng là bước quan trọng nhất khi dữ liệu mình đã có thì mình dùng AJAX để gọi nó ra.

function pagination(page){
	$('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');                 
	$.ajax ({
		type: "POST",
		url: "pagination.php",
		data: "page="+page,
		success: function(data_page) { 
			$('#loading').fadeOut('fast');
			$("#data").html(data_page);  
		}
	});
}

Mình sẽ viết một hàm pagination có tham số là page có nghĩa là tham số mình truyền vào chính là số trang. Mình vẫn sử dụng phương thức là POST và dữ liệu của mình là từ file pagination.php, data của mình là số trang hiển thị, thì page của mình sẽ = tham số page, nhắc lại một xíu là dấu ” + ” có nghĩa là nối chuỗi trong Jquery nhé. Lúc này trong thẻ

<div id="data">

của mình sẽ là rỗng, chưa có gì cả và bây giờ mình dùng AJAX để đổ dữ liệu vào đó.

   pagination(1);  
   $("nav[role='page'] > ul li").live('click',function(){
	var page = $(this).attr('page');
	pagination(page);
});

Sau khi viết xong hàm pagination để gọi trang thì lúc đầu mình muốn khi người dùng truy cập lần đầu tiên nó sẽ gọi trang 1 thì mình chạy hàm pagination với tham số page=1. Sau đó mình sử dụng Jquery để xử lý khi họ chuyển trang, khi thẻ li được click thì mình sẽ lấy tham số của thẻ li mà mình đã truyền trong file pagination.php đó lưu vào biến page và gọi hàm pagination với tham số là page để gọi trang mà họ di chuyển tới.

Một điểm nữa là khi mình sử dụng sự kiện live() thì sự kiện này sẽ được sử dụng trong suốt quá trình chạy website và khi mình dùng AJAX kết quả trả về là success thì dữ liệu sẽ được append vào document. Những element ( thẻ li ) sau sẽ không nhận được các sự kiện click hay submit nữa, khi đó mình phải sử dụng sự kiện live() để di chuyển sang trang khác.

Mr. Nav

I'm Mr.Nav, 23 years old, i learn in Viet Tien College, living in DaNang city, VietNam. I do lots of work, but my favorite work is web developer and it is also our specialty.

mr.error

Demo lỗi rồi bạn ơi
LocNgo

Thuật toán phân trang thì mình đã hiểu và làm được, tuy nhiên mình gặp 1 chút khó khăn về phân trang dữ liệu tìm kiếm. Ví dụ như mình muốn phân trang cho sản phẩm theo danh mục chẳng hạn (danh mục được đọc lên từ bảng danh mục xuất vào combobox, button lọc dữ liệu, khi nhấn button này dữ liệu được lấy lên từ bảng sản phẩm với điều kiện lọc theo mã danh mục có phân trang). Khi chuyển trang thì không thấy gì hết! Rất mong anh em izwebz.com giúp đỡ. Chân thành cảm ơn!
takit

Nhân tiện bài này viết về ajax thì cho mình hỏi, làm sao để vừa load trang sử dụng ajax mà trên trên URL vẫn hiện thị được đường dẫn đó?

Vd: ajax load $.get(‘http://localhost/san-pham/abc.html’); ==> trên URL vẫn xuất hiện http://localhost/san-pham/abc.html mà không load lại trang

Thanks.
huuquyet

Minh muon chen them hinh anh thi lam ntn vay
huuquyet

Minh muon lam mot trang gt san pham neu dung file nay de lam thi phai chen them vao csdl ten hinh anh dong thoi trong dong lenh white minh phai tao ham goi du lieu hinh ang va duong dan de hien thi len web. Minh voc mai ma no khong hien thi. Bac nao biet chi giup voi
http://www.voquocan.com Võ Quốc An

Phân trang thì ok rùi nhưng cho mình hỏi là có thể phát triển cái này hơn 1 tí nữa được không về vấn đề title của page. Ví dụ: Tên Bài Viết | Page 2, Tên Bài Viết | Page 3 …
- http://dev.woweasy.net Trần Ngọc Nhật
  
  Bạn nói title nào nhỉ ? Cái trong thẻ head hay là của cái item trang,
  
  Nếu tiêu đề của thẻ head thì không cần thiết lắm
  
  Còn nếu của item trang thì không nên như thế vì nó có thể giảm bớt lượng dư thừa trong html làm cho trang tải nhanh hơn
Kun_9x

Cho mình hoi, fadeIn và fadeOut() để làm gì vây?
- http://facebook.com/mr.nav90 Mr. Nav
  
  fadeIn() <= Trong CSS mình display: none thành phần đó, khi mình muốn hiển thị nó lên thì mình sử dụng hiệu ứng fadeIn của Jquery để hiện thị nó lên, còn fadeOut() cũng tương tự, khi không muốn nó hiển thị nữa thì mình fadeOut cho nó ẩn đi thôi.
  - Kun_9x
    
    Hèn gì mình không dùng Nav mà vẫn để cái fadeIn và fadeOut() , web hiện dữ liệu lên trong 1s rồi biến mất ^^.
    Hix, cám ơn bạn nhiều nha.
Chu Minh Phương

Anh oi a co demo bai nao ve gio hang bang PHP khong cho e xin, hoac a up len cho e tim hieu voi.
Em cảm ơn!
- http://dev.woweasy.net Trần Ngọc Nhật
  
  http://www.phpwebcommerce.com/ đây nhé bạn
  
  Cái này viết rất cơ bản, nhưng bạn có thể tuỳ chỉnh code theo ý bạn dựa trên cái này
http://bakuse.com Thu Hà

mysql_query(“SET NAMES UTF8″); cái này mình đặt sao vậy anh .. em thử hoài mà không được mong các anh giúp đỡ .
- http://facebook.com/mr.nav90 Mr. Nav
  
  Em xài luôn mysqli đi, đừng xài mấy loại hàm mysql nữa. Xài mysql dài dòng phức tạp lắm. Nếu em cần hỏi gì về mysqli có thể gửi Email cho anh. [email protected]
- Hoàng
  
  bạn thử dùng hàm mysql_set_charset(‘utf8′) xem
DaoGjaGja

thanks bạn về bài viết bổ ích này
- http://bakuse.com Thu Hà
  
  mysql_query(“SET NAMES UTF8″); cái này mình đặt sao vậy anh .. em thử hoài mà không được mong các anh giúp đỡ .
  - http://dev.woweasy.net Trần Ngọc Nhật
    
    Cái này có một cái quyết định nữa đó là cái charset của bảng và của cột trong bảng nữa, khi tạo bảng mà chọn latin thì set nó sẽ bị lỗi, chúc bạn thành công !
    
    Bạn có thể xem trực tiếp trong phpmyadmin hoặc là SHOW TABLE STATUS LIKE ‘ten_bang_can_xem’
    
    Bạn có thể tự viết tool để chuyển đổi dữ liệu hoặc là bạn dùng mặc định sau đó sử dụng header(“Content-Type:text/html; charset=utf-8″)
    
    duyệt từng dòng của truy vấn sinh lại câu truy vấn rồi alter bảng lại
  - Hai Nguyen
    
    mysql_query(“set names ‘utf8′”); bạn thiếu ‘ ‘ nhé
http://tiepthi.biz sonnlqn

Bài viết thật sự bổ ích, cảm ơn bạn
Van Thanh

Sorry ! Vi dung di dong nen comment tieng viet ko dau.
Izwebz lien tuc co nhung bai viet hay
http://www.lomdom.net Truyen cuoi hot

Thank bài viết của bạn nhiều nhé
Demon Warlock

Hay đấy chú! Sao ko làm video luôn
- http://facebook.com/mr.nav90 Mr. Nav
  
  Giờ em chưa có máy để làm video Chắc một thời gian nữa em mới làm video cho mọi người xem được. Chứ giờ đang xài cái máy bàn mà thu video chắc nó giật tung chảo @@
http://phongnt.com ToNamPhong

Bài viết khá hay và bổ ích

Izwebz store

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.