Làm menu đa cấp bằng php và mysql
|
Có lẽ ai cũng biết với từ khóa xây dựng menu đa cấp đệ quy vơí php và mysql rồi nhỉ :D. Chuyện là thế này, lúc tối cảm thấy không biết viết tuts gì, cảm thấy chán nản, nhưng chợt nghĩ ra là mình chưa có tuts làm đệ quy menu đa cấp nên hôm nay mình sẽ làm chủ đề này. Vì bài hơi dài nên mình chia ra từng phần nhỏ, nhằm giúp các bạn hiểu rõ vấn đề hơn. Và tôi cũng đề nghị bạn nên xem bài đệ quy trong php trước nhé. Giờ thì bắt đầu thôi Show  Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Thông báo: Serie này đã được biên soạn và quay video nên bạn hãy xem video để dễ hình dung hơn. Xem tại đây. 1. Xây dựng database menu đa cấpCông việc đầu tiên mà bạn phải làm đó là tạo một database và chạy đoạn code dưới đây: CREATE TABLE IF NOT EXISTS `menu` ( `menu_id` int(11) NOT NULL AUTO_INCREMENT, `menu_title` varchar(255) DEFAULT NULL, `menu_link` varchar(500) DEFAULT NULL, `menu_parent_id` int(11) DEFAULT NULL, PRIMARY KEY (`menu_id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ; 2. Xây dựng trang HTML hiển thị danh sách menu đệ quy đa cấpSau khi có database thì ta sẽ tiến hành xây dựng một trang HTML hiển thị danh sách menu đa cấp và có sửa trực tiếp luôn. Trong phần này tôi có sử dụng CSS và jQuery nhằm giúp menu hoạt động đẹp hơn. Bạn tạo trang danhsach.php và copy nội dung này vào: Xem demo Bài viết này được đăng tại [free tuts .net]
Công việc đầu tiên ta sẽ tìm hiểu mục đích của form này đã nhé. Chạy file này nên bạn sẽ thấy ta có giao diện nhu sau: Tôi muốn khi chạy lên trang hiển thị danh sách menu đa cấp sẽ có dạng như hình vẽ, khi click vào một menu bất kỳ sẽ show ra những thông số chỉnh sửa và một button lưu. Khi click vào button lưu sẽ lưu lại những thông số đó tương ứng với menu đó. Rất đơn giản nhỉ. 3. Xây dựng lớp Menu để lấy dữ liệuỞ bước này ta se xây dựng một lớp Menu có nhiệm vụ kết nối vào MYSQL, lấy dữ liệu của menu đa cấp và đóng kết nối. Ở những bài sau ta sẽ viết những hàm show menu trực tiếp vào trong lớp này luôn. Bạn tạo file menu.php với nội dung như sau: class Menu {
private $__conn = null;
// Kết nối
function connect(){
$this->__conn = mysqli_connect('localhost', 'root', 'vertrigo', 'test');
}
// Đóng kết nối
function close(){
mysqli_close($this->__conn);
}
// Lấy danh sách Menu trả về một mảng
function getList()
{
$this->connect();
$result = array();
$query = mysqli_query($this->__conn, 'select * from menu');
if ($query){
while ($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){
$result[] = $row;
}
}
$this->close();
return $result;
}
}4. Lời kếtỞ bài đầu tiên này tôi chỉ làm những cái đơn giản, vì tôi muốn bạn hiểu rõ mục đích của tôi, như vậy ở những bài tiếp theo mới dễ dàng trình bày được. Trong bài này bạn phải nắm được form hiển thị menu đệ quy đa cấp, table database menu và lớp Menu lấy dữ liệu từ MYSQL. Bài tiếp theo ta sẽ show menu ra. |
