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

Phần 69 - Làm phần xuất biểu mẫu sửa footer

- Tiếp theo là làm phần sửa footer , bạn tạo thư mục 'footer' triong thư mục 'chuc_nang' (đường dẫn là 'quan_tri/chuc_nang') rồi tạo file 'sua_footer.php' trong thư mục 'footer' vừa mới tạo với nội dung sau :


<?php
    if(!isset($bien_bao_mat)){exit();}
?>
<?php
    $tv="select * from footer limit 0,1 ";
    $tv_1=mysql_query($tv);
    $tv_2=mysql_fetch_array($tv_1);
    $noi_dung=$tv_2['html'];
?>
<form action="" method="post" enctype="multipart/form-data" >
    <table width="990px" >
        <tr>
            <td><b style="color:blue;font-size:20px" >Sửa footer</b></td>
        </tr>

        <tr>
            <td align="center" >
                <br>
                <script type="text/javascript">
                  tinymce.init({
                    selector: '#noi_dung',
                    theme: 'modern',
                    width: 980,
                    height: 200,
                    plugins: [
                      'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
                      'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
                      'save table contextmenu directionality emoticons template paste textcolor jbimages'
                    ],
                    toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons jbimages',
                    relative_urls: false
                  });
                 
                  </script>
                  <textarea id="noi_dung" name="noi_dung" ><?php echo $noi_dung; ?></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <br>
                <input type="submit" name="bieu_mau_sua_footer" value="Sửa footer" style="width:200px;height:50px;font-size:24px" >
            </td>
        </tr>
    </table>
</form>


- Bạn xem giải thích code (phần chữ xanh) của file 'sua_footer.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
?>
<?php
    $tv="select * from footer limit 0,1 "; // truy cập vào bảng 'footer' 
    $tv_1=mysql_query($tv); // gửi truy vấn vào mysql
    $tv_2=mysql_fetch_array($tv_1); // lấy dòng dữ liệu rồi đưa vào mảng $tv_2
    $noi_dung=$tv_2['html']; // lấy cột 'html' của dòng dữ liệu nhận được rồi gán vào biến $noi_dung
?>
<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)
    <table width="990px" >
        <tr>
            <td><b style="color:blue;font-size:20px" >Sửa footer</b></td>
        </tr>

        <tr>
            <td align="center" >
                <br>
                <script type="text/javascript">
                  tinymce.init({ // thực hiện mã tùy chỉnh khung nhập liệu tinymce
                    selector: '#noi_dung', // hộp nhập liệu này áp dụng đối với phần tử textarea có id là 'noi_dung'
                    theme: 'modern',
                    width: 980, // chiều rộng 980px
                    height: 200, // chiều cao 200px
                    plugins: [ // các plugin được thêm vào khung nhập liệu tinymce này , để ý có plugin jbimages (dùng để tải ảnh)
                      'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
                      'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
                      'save table contextmenu directionality emoticons template paste textcolor jbimages'
                    ],
                    toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons jbimages',
                    // hiển thị các thành phần của khung nhập liệu tinymce , để ý sẽ thấy có jbimages
                    relative_urls: false
                  });
                 
                  </script>
                  <textarea id="noi_dung" name="noi_dung" ><?php echo $noi_dung; ?></textarea>
                  // đây là khung nhập liệu tinymce , thẻ textarea này được thay thế thành khung nhập liệu tinymce vì  thẻ textarea này có id là    
                  // 'noi_dung' ; phần tùy chỉnh phía trên đã nói rằng textarea có id là 'noi_dung' chính là khung nhập liệu tinymce
                  
// thẻ textarea này có name là 'noi_dung' nên khi lấy dữ liệu khung này thì viết là $_POST['noi_dung']
                  // giá trị của thẻ textarea này là nội dung của footer : echo $noi_dung
            </td>
        </tr>
        <tr>
            <td>
                <br>
                <input type="submit" name="bieu_mau_sua_footer" value="Sửa footer" style="width:200px;height:50px;font-size:24px" >
                // tạo nút gửi biểu mẫu sửa footer với name là 'bieu_mau_sua_footer'
                // 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_sua_footer']) )
                // định dạng css của nút này (thuộc tính style) là : rộng 200px , cao 50px , kích cỡ chữ 24px
            </td>
        </tr>
    </table>
</form>


- Mình bấm vào liên kết "Thay đổi footer" thì nhận được kết quả sau :





- Khi mình bấm vào liên kết "Thay đổi footer" thì web sẽ truyền biến thamso lên url với giá trị là sua_footer , web sẽ tải file 'dieu_huong.php' và  gọi file 'sua_footer.php' bằng đoạn code sau :

case "sua_footer":
    include("chuc_nang/footer/sua_footer.php");
break;

- Từ đó sẽ xuất ra biểu mẫu sửa footer