Phần 28 - Làm phần slideshow trang chủ (tiếp theo)

- Bây giờ sẽ xuất thông tin ảnh từ mysql ra (do người sử dụng sẽ vào trang quản trị để thay ảnh nên cần lưu thông tin ảnh vào mysql để tiện sửa chửa )

- Bạn truy cập vào phpmyadmin , chọn cơ sở dữ liệu 'ban_hang'.Tiến hành tạo bảng 'slideshow' như hình dưới :

- Bấm nút 'Go'.Điền và chọn như hình dưới (nhớ chọn 'AUTO_INCREMENT' ở phần id ) :

 - Sau đó bạn bấm nút 'Save'.Kế tiếp bạn thêm 4 dữ liệu vào bảng 'slideshow' như sau :

- Nghĩa là bạn thêm tên của 4 hình ảnh cùng với 4 liên kết vào bảng 'slideshow' (các hình ảnh này nằm trong thư mục 'hinh_anh/slideshow').Nếu bạn vẫn chưa biết thêm dữ liệu vào bảng trong phpmyadmin thì tham khảo bài viết này :

Thêm dữ liệu vào bảng trong phpmyadmin (Bấm vào để xem)

- Tiếp tới bạn thay thế đoạn code sau trong file 'slideshow.php' :

    <a href="#"><img src="hinh_anh/slideshow/a_1.png" ></a>
    <a href="#"><img src="hinh_anh/slideshow/a_2.png" ></a>
    <a href="#"><img src="hinh_anh/slideshow/a_3.png" ></a>
    <a href="#"><img src="hinh_anh/slideshow/a_4.png" ></a>

thành :

<?php
    $tv="select hinh,lien_ket from slideshow order by id";
    $tv_1=mysql_query($tv);
    while($tv_2=mysql_fetch_array($tv_1))
    {
        $link_hinh="hinh_anh/slideshow/".$tv_2['hinh'];
        echo "<a href='".$tv_2['lien_ket']."'>";
            echo "<img src='".$link_hinh."'>";
        echo "</a>";
    }
?>

- Khi truy cập lại trang chủ , mình vẫn nhận được kết quả như cũ , nghĩa là đã tải được thông tin hình ảnh từ bảng 'slideshow' vào web thông qua mã php.Bạn xem giải thích code ở bên phải phần phía dưới :

<?php
    $tv="select hinh,lien_ket from slideshow order by id";                                        // Đây là câu truy vấn select truy cập vào bảng 'slideshow'
                                                                                                                            // Câu này dùng lệnh order by để xuất các hình ảnh đầu ra trước

    $tv_1=mysql_query($tv);                                                                                 // Gửi câu truy vấn này vào mysql
                                                                                                                           // Vì câu lệnh phía trên chỉ tạo ra 1 chuỗi
                                                                                                                           // (chuỗi này có giá trị là câu truy vấn sql)

    while($tv_2=mysql_fetch_array($tv_1))                                                           // Cho vòng lặp 'while' chạy qua tất cả dữ liệu trong câu truy vấn phía trên 
                                                                                                                            // Mỗi lần chạy thì mỗi dòng dữ liệu trong bảng 'slideshow'
                                                                                                                            // sẽ được gán vào biến 'tv_2' (biến này sẽ có giá trị là 1 mảng)

    {
        $link_hinh="hinh_anh/slideshow/".$tv_2['hinh'];                                             // tạo link hình , hình được chứa trong thư mục 'hinh_anh/slideshow'
        echo "<a href='".$tv_2['lien_ket']."'>";                                                          // xuất thẻ 'a' ra ngoài web cùng với liên kết $tv_2['lien_ket']
                                                                                                                           // liên kết này chính là giá trị của cột 'lien_ket' trong bảng 'slideshow'

            echo "<img src='".$link_hinh."'>";                                                             // xuất thẻ 'img' ra ngoài web cùng với liên kết hình là $link_hinh
        echo "</a>";
    }
?>

- Như vậy là làm xong phần slideshow trang chủ