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

Phần 31 - Xuất banner bằng code php

- Phần này sẽ lưu thông tin banner vào cơ sở dữ liệu (mục đích là để cho người sử dụng sửa được banner trong trang quản trị)

- Bạn tiến hàng tạo bảng 'banner' với 4 cột là 'id','hinh','rong','cao'.Trong đó :

+ Cột 'id' có 'Type' là 'INT' và đánh dấu chọn AUTO_INCREMENT
+ Cột 'hinh','rong','cao' có 'Type' là 'VARCHAR' và 'Length/Values' là '256'

- Bạn tiến hành thêm 1 dòng dữ liệu vào bảng banner như hình sau :



 - Dòng dữ liệu trên có nghĩa là 1 tấm ảnh có liên kết hình là 'hinh_anh/banner.JPG' với chiều rộng '990px' , chiều cao '150px'

- Tiếp theo bạn tạo thư mục 'banner' trong thư mục 'hinh_anh' rồi di chuyển file 'banner.JPG' từ thư mục 'hinh_anh' vào trong thư mục 'banner' vừa tạo.Ảnh banner sẽ được lưu trữ tại thư mục này

- Tại file 'index.php' bạn sửa dòng code <td colspan="3"><img src="hinh_anh/banner.JPG" ></td> thành :


<td colspan="3"><?php include("chuc_nang/banner/banner.php"); ?></td>

- Sau đó bạn tạo thư mục 'banner' trong thư mục 'chuc_nang' , rồi tạo file 'banner.php' trong thư mục 'banner' với nội dung sau :

<?php
    $tv="select * from banner limit 0,1";
    $tv_1=mysql_query($tv);
    $tv_2=mysql_fetch_array($tv_1);
    $link_hinh="hinh_anh/banner/".$tv_2['hinh'];  
    echo "<img src='".$link_hinh."' width='".$tv_2['rong']."' height='".$tv_2['cao']."' >";
?>

+ Đoạn code trên truy vấn vào bảng banner rồi xuất dữ liệu ra bằng lệnh echo. Phần echo ra là thẻ 'img' cùng với các thuộc tính 'src','width','height' , các thuộc tính này nghĩa là liên kết hình , chiều rộng hình , chiều cao hình

+ Các giá trị thuộc tính tương ứng của 'src','width','height' là $link_hinh,$tv_2['rong'],$tv_2['cao'] (trong đó 2 phần tử $tv_2['rong']và $tv_2['cao'] lấy từ bảng 'banner' ra)


- Khi vào lại trang chủ thì mình được kết quả là hình ảnh banner hiển thị ra web

- Kết thúc phần này , nội dung file 'index.php' như sau :

<?php
    session_start();
    include("ket_noi.php");  
    include("chuc_nang/ham/ham.php");   
    if(isset($_POST['thong_tin_khach_hang']))
    {
        include("chuc_nang/gio_hang/thuc_hien_mua_hang.php");
        chuyen_trang("index.php");
    }
    if(isset($_POST['cap_nhat_gio_hang']))
    {
        include("chuc_nang/gio_hang/cap_nhat_gio_hang.php");
        trang_truoc();
    }
?>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Web bán hàng</title>
        <link rel="stylesheet" type="text/css" href="giao_dien/giao_dien.css">
    </head>
    <body>
        <center>
            <table width="990px">
                <tr>
                    <td colspan="3"><?php include("chuc_nang/banner/banner.php"); ?></td>
                </tr>
                <tr>
                    <td colspan="3" height="50px" >
                        <?php
                            include("chuc_nang/menu_ngang/menu_ngang.php");
                        ?>
                    </td>
                </tr>
                <tr>
                    <td width="170px" valign="top" >
                    <?php
                        include("chuc_nang/menu_doc/menu_doc.php");
                        include("chuc_nang/san_pham/moi.php");
                        include("chuc_nang/quang_cao/trai.php");
                    ?>                  
                    </td>
                    <td width="650px" valign="top" >
                        <?php
                            include("chuc_nang/dieu_huong.php");
                        ?>
                    </td>
                    <td width="170px" valign="top" >
                    <?php
                        include("chuc_nang/tim_kiem/vung_tim_kiem.php");
                        include("chuc_nang/gio_hang/vung_gio_hang.php");
                        include("chuc_nang/san_pham/noi_bat.php");
                        include("chuc_nang/quang_cao/phai.php");
                    ?>                  
                    </td>
                </tr>
                <tr>
                    <td colspan="3"><?php include("chuc_nang/footer/footer.php"); ?></td>
                </tr>
            </table>
        </center>
    </body>
</html>