Membuat Website Professional dengan PHP MySql - PART #11 : Halaman About & 404

Membuat Website Professional dengan PHP MySql - PART #11 : Halaman About & 404

Table of contents



Hi pembaca, untuk yang sedang mengikuti seri Membuat Website Professional dengan PHP & MySql silahkan dilihat listing post dari part 1 sampai ke part 10. Pada Part 11 ini saya ingin membuat halaman About. Untuk ke-4 halaman frontend yang sudah saya jabarkan di Membuat Website Professional dengan PHP & MySql - PART #10 : Pengaturan Global, Htaccess & Halaman Frontend sengaja saya buat statis agar seri Membuat Website Professional dengan PHP & MySql tidak terlalu banyak/panjang, silahkan anda kembangkan sendiri mulai dari membuat manajemen pengaturan frontend sampai manajemen menu navigasi jika memungkinkan.  

#1 Membuat Halaman About

  • Hidupkan XAMPP terlebih dahulu
  • Buat file php baru dan beri nama about.php (tanpa .php) dan simpan di dalam folder hospital
  • Konsepnya hampir sama dengan membuat index.php, copy kode berikut dan simpan 
    <?php include "header.php"; ?>
    <?php $sql = mysqli_query($koneksi, 'SELECT * FROM halaman where id="1"');?>
    <?php $row = mysqli_fetch_array($sql);?>
    <!-- bradcam_area_start  -->
        <div class="bradcam_area breadcam_bg bradcam_overlay">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="bradcam_text">
                            <h3>About</h3>
                            <p><a href="<?php echo $base_url;?>">Home /</a> <?php echo $row['judul']?></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- bradcam_area_end  -->
        
         <!-- ================ contact section start ================= -->
        <section class="contact-section">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <h2 class="contact-title"><?php echo $row['judul']?></h2>
                        </div>
                        <div class="col-lg-12">
                           
                           
                           <?php echo $row['deskripsi'];?>
                           
                        </div>
                       
                       
                    </div>
                </div>
            </section>
        <!-- ================ contact section end ================= -->
        <?php include "footer.php";?>​
  • Lihat kode berikut, disana terdapat perintah melakukan query ke table halaman dengan id 1 
    <?php $sql = mysqli_query($koneksi, 'SELECT * FROM halaman where id="1"');?>
  • Lihat id di halaman admin seperti pada gambar berikut, sesuaikan dengan id halaman anda. 
  • Lihat pada browser dengan mengetikkan http://localhost/hospital/about 



#2 Membuat 404 Not Found

  • Buat file php baru dan beri nama 404.php (tanpa .php) dan simpan di dalam folder hospital
  • Copy kode berikut dan simpan 
    <?php include "header.php"; ?>
    <!-- bradcam_area_start  -->
        <div class="bradcam_area breadcam_bg bradcam_overlay">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="bradcam_text">
                            <h3>404 Not Found</h3>
                            <p><a href="index.php">Home /</a> 404 Not Found</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- bradcam_area_end  -->
        
        <!-- welcome_docmed_area_start -->
        <div class="welcome_docmed_area">
            <div class="container">
                <div class="row">
                    <h3>Page Not Found</h3>
                </div>
            </div>
        </div>
        <!-- welcome_docmed_area_end -->
    	
        <?php include "footer.php"; ?>​
  • Masih ingat dengan posting saya yang membahas htaccess? Jika belum dilihat dulu disini. Halaman 404 merupakan halaman sederhana, yang mengaturnya adalah sebaris kode di file .htaccess anda. 
    ErrorDocument 404 /hospital/404.php​
  • Jika halaman yang anda/url yang anda tuju tidak ada maka secara otomatis anda akan diarahkan ke halaman 404

Untuk Membuat halaman about cukup sekian dulu. File seri Membuat Website Professional dengan PHP MySql - PART #11 : Halaman About & 404 ini bisa anda download disini. Sampai bertemu lagi di posting selanjutnya, Keep Save & Healthy.



Artikel Terkait