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

Phần 61 - Làm phần xuất biểu mẫu thêm slideshow


- Tiếp theo là làm phần thêm slideshow , bạn tạo tạo file 'them_slideshow.php' trong thư mục 'slideshow' với nội dung sau :


<?php
    if(!isset($bien_bao_mat)){exit();}
?>
<form action="" method="post" enctype="multipart/form-data" >
    <table width="990px" >
        <tr>
            <td colspan="2" ><b style="color:blue;font-size:20px" >Thêm ảnh slideshow</b><br><br> </td>
           
        </tr>
        <tr>
            <td width="150px" >Liên kết : </td>
            <td width="840px" >
                <input name="lien_ket" style="width:400px;margin-top:3px;margin-bottom:3px;" >
            </td>
        </tr>
        <tr>
            <td>Hình ảnh : </td>
            <td>
                <input type="file" name="hinh_anh" >
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>
                <br><br>
                <input type="submit" name="bieu_mau_them_slideshow" value="Thêm ảnh" style="width:150px;height:40px;font-size:18px" >
            </td>
        </tr>
    </table>
</form>

- Bạn xem giải thích code (phần chữ xanh) của file 'them_slideshow.php'  ở phía 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
?>
<form action="" method="post" enctype="multipart/form-data" >
// tạo biểu mẫu với phương thức là post (thuộc tính method)
// lưu ý là có viết
enctype="multipart/form-data" , cách viết này cho phép biểu mẫu tải hình ảnh lên
// nếu không viết như vậy thì sẽ không tải ảnh được
    <table width="990px" >
        <tr>
            <td colspan="2" ><b style="color:blue;font-size:20px" >Thêm ảnh slideshow</b><br><br> </td>
            // xuất tiêu đề màu xanh và kích cỡ chữ 20px               
        </tr>
        <tr>
            <td width="150px" >Liên kết : </td>
            <td width="840px" >
                <input name="lien_ket" style="width:400px;margin-top:3px;margin-bottom:3px;" >
                // xuất khung để nhập liên kết của slideshow ; khung này cách trên cách dưới 3px (margin-top,margin-bottom) và rộng 400px (width)
                // lưu ý khung này có name là 'lien_ket' => khi lấy dữ liệu từ khung này bằng mã php thì viết là $_POST['lien_ket']
                // (biểu mẫu hiện tại dùng phương thức post (thuộc tính method) nên khi lấy dữ liệu thì dùng $_POST )
            </td>
        </tr>
        <tr>
            <td>Hình ảnh : </td>
            <td>
                <input type="file" name="hinh_anh" > // xuất hộp chọn tải ảnh , hộp chọn tải ảnh sẽ có type là file 
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>
                <br><br>
                <input type="submit" name="bieu_mau_them_slideshow" value="Thêm ảnh" style="width:150px;height:40px;font-size:18px" >
                // tạo nút gửi biểu mẫu thêm slideshow với name là 'bieu_mau_them_slideshow'
                // trong file 'xu_ly_post_get.php' sẽ dùng phần name này
                // để xác định biểu mẫu có được gửi hay không ( isset($_POST['bieu_mau_them_slideshow']) )
                // định dạng css của nút này (thuộc tính style) là : rộng 150px , cao 40px , kích cỡ chữ 18px
            </td>
        </tr>
    </table>
</form>

- Mình bấm vào liên kết 'Thêm slideshow' (sau khi bấm vào liên kết "Slideshow" ở trang chủ) thì nhận được kết quả sau :




 - Khi mình bấm vào liên kết thêm slideshow (ở file 'lien_ket_slideshow.php' ) thì web sẽ đến trang ?thamso=them_slideshow , web sẽ tải file 'dieu_huong.php' và  gọi file 'them_slideshow.php' bằng đoạn code sau :


case "them_slideshow":
    include("chuc_nang/slideshow/them_slideshow.php");
break;

- Từ đó sẽ xuất ra biểu mẫu thêm slideshow