Thứ Năm, 23 tháng 6, 2016

Phần 42 - Làm phần xóa menu ngang

- Tiếp theo là làm tiếp phần xóa menu ngang ở trong bảng 'menu_ngang'.Bạn tạo file 'xoa_menu_ngang.php' trong thư mục 'menu_ngang' với nội dung sau:


<?php
    if(!isset($bien_bao_mat)){exit();}
?>
<?php
    $id=$_GET['id'];
    $tv="DELETE FROM menu_ngang WHERE id = $id ";
    mysql_query($tv);
?>

- Bạn xem giải thích code (phần chữ xanh) của file 'xoa_menu_ngang.php' ở phần bên dưới :

<?php
    if(!isset($bien_bao_mat)){exit();} // xuất ra trang trắng nếu truy cập trực tiếp vào file này
?>
<?php
    $id=$_GET['id'];
    // lấy biến 'id' trên url (cũng là id menu ngang cần xóa) , liên kết 'Xóa' được truyền biến id trong file 'quan_ly_menu_ngang.php'

    $tv="DELETE FROM menu_ngang WHERE id = $id ";
    // câu truy vấn xóa dữ liệu thì dùng lệnh delete , bảng menu_ngang sẽ được xóa dữ liệu
    // WHERE id = $id : dòng dữ liệu được xóa sẽ là dòng mà cột 'id' của dòng đó có giá trị là biến 'id' trên url
    // (tức là id của menu ngang cần xóa)

    mysql_query($tv); // gửi câu truy vấn vào mysql bằng lệnh mysql_query
?>


- Sau đó mình xóa Menu 6 thì đã thấy đã xóa được dữ liệu

- Khi bạn bấm vào liên kết xóa menu ngang thì web sẽ chạy file 'xu_ly_post_get.php' , lúc này sẽ tồn tại biến $_GET['xoa_menu_ngang'] , từ đó file 'xu_ly_post_get.php' sẽ gọi file  'xoa_menu_ngang.php' ( để xử lý xóa menu ngang ) bằng đoạn code sau :

if(isset($_GET['xoa_menu_ngang']))
{
    include("chuc_nang/menu_ngang/xoa_menu_ngang.php");
    trang_truoc_html();
}

- File 'xoa_menu_ngang.php' sẽ thực hiện xóa menu trong bảng 'menu_ngang' bằng lệnh delete

- Mình sẽ làm tiếp phần bấm vào liên kết "Menu ngang" ở phần menu ngang trong trang quản trị , khi bấm vào liên kết này sẽ xuất ra 2 liên kết khác là liên kết  thêm menu ngang và liên kết quản lý menu ngang.Bạn tạo file 'lien_ket_menu_ngang.php' trong thư mục 'menu_ngang' với nội dung sau :

<?php
    if(!isset($bien_bao_mat)){exit();}
?>
<div style="width:990px;text-align:left" >
    <a href="?thamso=them_menu_ngang" class="lk_c2" >Thêm menu ngang</a><br>
    <a href="?thamso=quan_ly_menu_ngang" class="lk_c2" >Quản lý menu ngang</a><br>
</div>

- Bạn xem giải thích code (phần chữ xanh) file 'lien_ket_menu_ngang.php' ở phần bên dưới :

<?php
    if(!isset($bien_bao_mat)){exit();} // xuất ra trang trắng nếu truy cập trực tiếp vào file này
?>
<div style="width:990px;text-align:left" > // xuất vùng chứa liên kết với độ rộng 990px và canh trái nội dung của vùng này
     // lưu ý các liên kết phía dưới sẽ có class là lk_c2
     // (class này sẽ được định dạng css trong file 'giao_dien.css' ở phần bên dưới hướng dẫn này)

    <a href="?thamso=them_menu_ngang" class="lk_c2" >Thêm menu ngang</a><br>
    // xuất liên kết đến trang thêm menu ngang với class là lk_c2
    <a href="?thamso=quan_ly_menu_ngang" class="lk_c2" >Quản lý menu ngang</a><br>

</div>

- Sau đó tại file 'giao_dien.css' (đường dẫn là 'quan_tri/giao_dien/giao_dien.css' ) , bạn thêm đoạn code sau :


a.lk_c2{text-decoration:none;color:black;font-size:22px;line-height:30px;}
a.lk_c2:hover{color:red;}

- Định dạng css của liên kết có class là lk_c2 là : không gạch dưới , chữ màu đen , kích cỡ chữ 22px , chiều cao dòng là 30px ; Khi rê chuột vào liên kết thì chữ sẽ chuyển thành màu đỏ (để ý chữ có hover).Class này được dùng để định dạng css liên kết trong file 'lien_ket_menu_ngang.php'

- Khi mình bấm vào liên kết "Menu ngang" trong trang quản trị thì mình nhận được kết quả sau :






- Kết thúc phần này thì file 'giao_dien.css' có nội dung sau :


table.tb_a1 tr.a_1 {height:30px;}
table.tb_a1 tr.a_1:hover {background:#FFFF99;}

a.lk_a1{text-decoration:none;color:blue;}
a.lk_a1:hover{color:red;}

a.phan_trang{text-decoration:none;color:blue;font-size:22px;}
a.phan_trang:hover{color:red;}

a.lk_c2{text-decoration:none;color:black;font-size:22px;line-height:30px;}
a.lk_c2:hover{color:red;}