Bài 12: Phân trang trong PHP

Xin chào các bạn, hôm nay Hocweb.com.vn sẽ hướng dẫn các bạn một kỹ thuật phân trang trong PHP kết hợp MySQL.

TẠO CƠ SỞ DỮ LIỆU

Đầu tiên chúng ta cần tạo CSDL và tạo một bảng tintuc như sau

CREATE TABLE IF NOT EXISTS `tintuc` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

Sau đó thêm các record cho bảng vừa tạo

INSERT INTO `tintuc` (`id`, `title`) VALUES
(1, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(2, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(3, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(4, 'Nam liber tempor cum soluta nobis eleifend'),
(5, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(6, 'Typi non habent claritatem insitam'),
(7, 'Nam liber ipsum consectetuer adipiscing elit'),
(8, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(9, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(10, 'Imperdiet doming id quod mazim'),
(11, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(12, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(13, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(14, 'Nam liber tempor cum soluta nobis eleifend'),
(15, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(16, 'Typi non habent claritatem insitam'),
(17, 'Nam liber ipsum consectetuer adipiscing elit'),
(18, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(19, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(20, 'Imperdiet doming id quod mazim'),
(21, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(22, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(23, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(24, 'Nam liber tempor cum soluta nobis eleifend'),
(25, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(26, 'Typi non habent claritatem insitam'),
(27, 'Nam liber ipsum consectetuer adipiscing elit'),
(28, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(29, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(30, 'Imperdiet doming id quod mazim'),
(31, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(32, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(33, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(34, 'Nam liber tempor cum soluta nobis eleifend'),
(35, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(36, 'Typi non habent claritatem insitam'),
(37, 'Nam liber ipsum consectetuer adipiscing elit'),
(38, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(39, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(40, 'Imperdiet doming id quod mazim'),
(41, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(42, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(43, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(44, 'Nam liber tempor cum soluta nobis eleifend'),
(45, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(46, 'Typi non habent claritatem insitam'),
(47, 'Nam liber ipsum consectetuer adipiscing elit'),
(48, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(49, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(50, 'Imperdiet doming id quod mazim'),
(51, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(52, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(53, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(54, 'Nam liber tempor cum soluta nobis eleifend'),
(55, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(56, 'Typi non habent claritatem insitam'),
(57, 'Nam liber ipsum consectetuer adipiscing elit'),
(58, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(59, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(60, 'Imperdiet doming id quod mazim'),
(61, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(62, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(63, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(64, 'Nam liber tempor cum soluta nobis eleifend'),
(65, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(66, 'Typi non habent claritatem insitam'),
(67, 'Nam liber ipsum consectetuer adipiscing elit'),
(68, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(69, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(70, 'Imperdiet doming id quod mazim'),
(71, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(72, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(73, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(74, 'Nam liber tempor cum soluta nobis eleifend'),
(75, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(76, 'Typi non habent claritatem insitam'),
(77, 'Nam liber ipsum consectetuer adipiscing elit'),
(78, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(79, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(80, 'Imperdiet doming id quod mazim'),
(81, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(82, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(83, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(84, 'Nam liber tempor cum soluta nobis eleifend'),
(85, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(86, 'Typi non habent claritatem insitam'),
(87, 'Nam liber ipsum consectetuer adipiscing elit'),
(88, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(89, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(90, 'Imperdiet doming id quod mazim'),
(91, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(92, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(93, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(94, 'Nam liber tempor cum soluta nobis eleifend'),
(95, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(96, 'Typi non habent claritatem insitam'),
(97, 'Nam liber ipsum consectetuer adipiscing elit'),
(98, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(99, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(100, 'Imperdiet doming id quod mazim'),
(101, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(102, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(103, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(104, 'Nam liber tempor cum soluta nobis eleifend'),
(105, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(106, 'Typi non habent claritatem insitam'),
(107, 'Nam liber ipsum consectetuer adipiscing elit'),
(108, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(109, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(110, 'Imperdiet doming id quod mazim'),
(111, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(112, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(113, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(114, 'Nam liber tempor cum soluta nobis eleifend'),
(115, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(116, 'Typi non habent claritatem insitam'),
(117, 'Nam liber ipsum consectetuer adipiscing elit'),
(118, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(119, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(120, 'Imperdiet doming id quod mazim'),
(121, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(122, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(123, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(124, 'Nam liber tempor cum soluta nobis eleifend'),
(125, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(126, 'Typi non habent claritatem insitam'),
(127, 'Nam liber ipsum consectetuer adipiscing elit'),
(128, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(129, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(130, 'Imperdiet doming id quod mazim'),
(131, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(132, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(133, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(134, 'Nam liber tempor cum soluta nobis eleifend'),
(135, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(136, 'Typi non habent claritatem insitam'),
(137, 'Nam liber ipsum consectetuer adipiscing elit'),
(138, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(139, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(140, 'Imperdiet doming id quod mazim'),
(141, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(142, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(143, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(144, 'Nam liber tempor cum soluta nobis eleifend'),
(145, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(146, 'Typi non habent claritatem insitam'),
(147, 'Nam liber ipsum consectetuer adipiscing elit'),
(148, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(149, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(150, 'Imperdiet doming id quod mazim'),
(151, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(152, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(153, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(154, 'Nam liber tempor cum soluta nobis eleifend'),
(155, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(156, 'Typi non habent claritatem insitam'),
(157, 'Nam liber ipsum consectetuer adipiscing elit'),
(158, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(159, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(160, 'Imperdiet doming id quod mazim'),
(161, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(162, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(163, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(164, 'Nam liber tempor cum soluta nobis eleifend'),
(165, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(166, 'Typi non habent claritatem insitam'),
(167, 'Nam liber ipsum consectetuer adipiscing elit'),
(168, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(169, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(170, 'Imperdiet doming id quod mazim'),
(171, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(172, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(173, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(174, 'Nam liber tempor cum soluta nobis eleifend'),
(175, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(176, 'Typi non habent claritatem insitam'),
(177, 'Nam liber ipsum consectetuer adipiscing elit'),
(178, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(179, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(180, 'Imperdiet doming id quod mazim'),
(181, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(182, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(183, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(184, 'Nam liber tempor cum soluta nobis eleifend'),
(185, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(186, 'Typi non habent claritatem insitam'),
(187, 'Nam liber ipsum consectetuer adipiscing elit'),
(188, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(189, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(190, 'Imperdiet doming id quod mazim'),
(191, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(192, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),
(193, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),
(194, 'Nam liber tempor cum soluta nobis eleifend'),
(195, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),
(196, 'Typi non habent claritatem insitam'),
(197, 'Nam liber ipsum consectetuer adipiscing elit'),
(198, 'Eodem modo typi, qui nunc nobis videntur parum clari'),
(199, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),
(200, 'Imperdiet doming id quod mazim');

INSERT INTO `tintuc` (`id`, `title`) VALUES

(1, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(2, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(3, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(4, 'Nam liber tempor cum soluta nobis eleifend'),

(5, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(6, 'Typi non habent claritatem insitam'),

(7, 'Nam liber ipsum consectetuer adipiscing elit'),

(8, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(9, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(10, 'Imperdiet doming id quod mazim'),

(11, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(12, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(13, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(14, 'Nam liber tempor cum soluta nobis eleifend'),

(15, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(16, 'Typi non habent claritatem insitam'),

(17, 'Nam liber ipsum consectetuer adipiscing elit'),

(18, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(19, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(20, 'Imperdiet doming id quod mazim'),

(21, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(22, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(23, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(24, 'Nam liber tempor cum soluta nobis eleifend'),

(25, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(26, 'Typi non habent claritatem insitam'),

(27, 'Nam liber ipsum consectetuer adipiscing elit'),

(28, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(29, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(30, 'Imperdiet doming id quod mazim'),

(31, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(32, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(33, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(34, 'Nam liber tempor cum soluta nobis eleifend'),

(35, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(36, 'Typi non habent claritatem insitam'),

(37, 'Nam liber ipsum consectetuer adipiscing elit'),

(38, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(39, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(40, 'Imperdiet doming id quod mazim'),

(41, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(42, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(43, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(44, 'Nam liber tempor cum soluta nobis eleifend'),

(45, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(46, 'Typi non habent claritatem insitam'),

(47, 'Nam liber ipsum consectetuer adipiscing elit'),

(48, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(49, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(50, 'Imperdiet doming id quod mazim'),

(51, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(52, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(53, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(54, 'Nam liber tempor cum soluta nobis eleifend'),

(55, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(56, 'Typi non habent claritatem insitam'),

(57, 'Nam liber ipsum consectetuer adipiscing elit'),

(58, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(59, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(60, 'Imperdiet doming id quod mazim'),

(61, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(62, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(63, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(64, 'Nam liber tempor cum soluta nobis eleifend'),

(65, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(66, 'Typi non habent claritatem insitam'),

(67, 'Nam liber ipsum consectetuer adipiscing elit'),

(68, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(69, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(70, 'Imperdiet doming id quod mazim'),

(71, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(72, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(73, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(74, 'Nam liber tempor cum soluta nobis eleifend'),

(75, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(76, 'Typi non habent claritatem insitam'),

(77, 'Nam liber ipsum consectetuer adipiscing elit'),

(78, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(79, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(80, 'Imperdiet doming id quod mazim'),

(81, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(82, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(83, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(84, 'Nam liber tempor cum soluta nobis eleifend'),

(85, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(86, 'Typi non habent claritatem insitam'),

(87, 'Nam liber ipsum consectetuer adipiscing elit'),

(88, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(89, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(90, 'Imperdiet doming id quod mazim'),

(91, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(92, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(93, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(94, 'Nam liber tempor cum soluta nobis eleifend'),

(95, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(96, 'Typi non habent claritatem insitam'),

(97, 'Nam liber ipsum consectetuer adipiscing elit'),

(98, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(99, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(100, 'Imperdiet doming id quod mazim'),

(101, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(102, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(103, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(104, 'Nam liber tempor cum soluta nobis eleifend'),

(105, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(106, 'Typi non habent claritatem insitam'),

(107, 'Nam liber ipsum consectetuer adipiscing elit'),

(108, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(109, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(110, 'Imperdiet doming id quod mazim'),

(111, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(112, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(113, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(114, 'Nam liber tempor cum soluta nobis eleifend'),

(115, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(116, 'Typi non habent claritatem insitam'),

(117, 'Nam liber ipsum consectetuer adipiscing elit'),

(118, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(119, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(120, 'Imperdiet doming id quod mazim'),

(121, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(122, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(123, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(124, 'Nam liber tempor cum soluta nobis eleifend'),

(125, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(126, 'Typi non habent claritatem insitam'),

(127, 'Nam liber ipsum consectetuer adipiscing elit'),

(128, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(129, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(130, 'Imperdiet doming id quod mazim'),

(131, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(132, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(133, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(134, 'Nam liber tempor cum soluta nobis eleifend'),

(135, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(136, 'Typi non habent claritatem insitam'),

(137, 'Nam liber ipsum consectetuer adipiscing elit'),

(138, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(139, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(140, 'Imperdiet doming id quod mazim'),

(141, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(142, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(143, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(144, 'Nam liber tempor cum soluta nobis eleifend'),

(145, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(146, 'Typi non habent claritatem insitam'),

(147, 'Nam liber ipsum consectetuer adipiscing elit'),

(148, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(149, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(150, 'Imperdiet doming id quod mazim'),

(151, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(152, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(153, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(154, 'Nam liber tempor cum soluta nobis eleifend'),

(155, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(156, 'Typi non habent claritatem insitam'),

(157, 'Nam liber ipsum consectetuer adipiscing elit'),

(158, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(159, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(160, 'Imperdiet doming id quod mazim'),

(161, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(162, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(163, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(164, 'Nam liber tempor cum soluta nobis eleifend'),

(165, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(166, 'Typi non habent claritatem insitam'),

(167, 'Nam liber ipsum consectetuer adipiscing elit'),

(168, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(169, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(170, 'Imperdiet doming id quod mazim'),

(171, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(172, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(173, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(174, 'Nam liber tempor cum soluta nobis eleifend'),

(175, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(176, 'Typi non habent claritatem insitam'),

(177, 'Nam liber ipsum consectetuer adipiscing elit'),

(178, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(179, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(180, 'Imperdiet doming id quod mazim'),

(181, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(182, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(183, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(184, 'Nam liber tempor cum soluta nobis eleifend'),

(185, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(186, 'Typi non habent claritatem insitam'),

(187, 'Nam liber ipsum consectetuer adipiscing elit'),

(188, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(189, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(190, 'Imperdiet doming id quod mazim'),

(191, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(192, 'Ut wisi enim ad minim veniam, quis nostrud exerci tation'),

(193, 'Duis autem vel eum iriure dolor in hendrerit in vulputate'),

(194, 'Nam liber tempor cum soluta nobis eleifend'),

(195, 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit'),

(196, 'Typi non habent claritatem insitam'),

(197, 'Nam liber ipsum consectetuer adipiscing elit'),

(198, 'Eodem modo typi, qui nunc nobis videntur parum clari'),

(199, 'Claritas est etiam processus dynamicus, qui sequitur mutationem'),

(200, 'Imperdiet doming id quod mazim');

TRANG PHP

Sau khi đã hoàn thành phần cơ sở dữ liệu, chúng ta tạo trang php để lấy dữ liệu từ bảng và xuất ra màn hình có giới hạn số dòng sẽ lấy và phân trang.

<?php

$conn = mysqli_connect("localhost", "root", "", "phantrang");

if(isset($_GET['page'])){
	$page = $_GET['page'];
}else{
	$page = 1;
}

$limit = 10; // 10 title per page
$start = ($page - 1) * $limit;

$total_title = mysqli_num_rows(mysqli_query($conn, "SELECT * FROM tintuc"));
$total_page = $total_title/$limit;

$query = "SELECT * FROM tintuc LIMIT ".$start.", ".$limit;
$result = mysqli_query($conn, $query);
echo "<div class=\"title\">
";
while($row = mysqli_fetch_array($result)){
	echo '<a href="#">'.$row['id'].'. '.$row['title'].'</a><br />';
}
echo "</div>
";
echo "<div class=\"pagination\">
";
for($i = 1; $i <= $total_page; $i++){
	echo '<a href="phantrang.php?page='.$i.'">'.$i.'</a> | ';
}
echo "</div>
";
?>

<?php

$conn = mysqli_connect("localhost", "root", "", "phantrang");

if(isset($_GET['page'])){
    $page = $_GET['page'];
}else{
    $page = 1;
}

$limit = 10; // 10 title per page
$start = ($page - 1) * $limit;

$total_title = mysqli_num_rows(mysqli_query($conn, "SELECT * FROM tintuc"));
$total_page = $total_title/$limit;

$query = "SELECT * FROM tintuc LIMIT ".$start.", ".$limit;
$result = mysqli_query($conn, $query);
echo "<div class=\"title\">";
while($row = mysqli_fetch_array($result)){
    echo '<a href="#">'.$row['id'].'. '.$row['title'].'</a><br />';
}
echo "</div>";
echo "<div class=\"pagination\">";
for($i = 1; $i <= $total_page; $i++){
    echo '<a href="phantrang.php?page='.$i.'">'.$i.'</a> | ';
}
echo "</div>";
?>

Chúng ta định dạng lại bằng CSS

body{
  background: #ecf0f1;
}
a:link, a:visited{
    text-decoration: none;
}
a:hover{
    color: #f00;
}

.title, .pagination{
  width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.title{
  background: #3498db;
  padding: 20px;
  line-height: 1.5;
}

.title a{
  color: #fff;
}
.title a:hover{
  color: #e67e22;
}

body{
  background: #ecf0f1;
}
a:link, a:visited{
    text-decoration: none;
}
a:hover{
    color: #f00;
}

.title, .pagination{
  width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.title{
  background: #3498db;
  padding: 20px;
  line-height: 1.5;
}

.title a{
  color: #fff;
}
.title a:hover{
  color: #e67e22;
}

Kết quả hoàn thành như sau

Screenshot 2013 11 20 23.11.17 Bài 12: Phân trang trong PHP

Trang số 1

Screenshot 2013 11 20 23.13.05 Bài 12: Phân trang trong PHP

Ví dụ xem trang 10

Chúc các bạn thành công.

Xem thêm tại http://hocweb.com.vn/category/hocweb/php-mysql/php-co-ban/
----------------------------------------------------------------------------------------------------------------------------------------------------------
Nếu bạn thấy bài viết hữu ích, hãy nhấn +1 và các liên kết chia sẻ để website ngày càng phát triển hơn. Xin cám ơn bạn!

quảng cáo

Bài 12: Phân trang trong PHP

TẠO CƠ SỞ DỮ LIỆU

TRANG PHP

About Author

Advertisement

Đăng nhận xét

Biểu mẫu liên hệ

Bài 12: Phân trang trong PHP

TẠO CƠ SỞ DỮ LIỆU

TRANG PHP

Share to:

About Author

Advertisement

Next

Bài đăng Mới hơn

Previous

Bài đăng Cũ hơn

Đăng nhận xét

Biểu mẫu liên hệ