Membuat Aplikasi Ucapan Hari Raya - Penyelesaian

13/04/2020    Maykhel David    847    Website

Membuat Aplikasi Ucapan Hari Raya – Penyelesaian – Hallo semuanya masih berlanjut dengan aplikasi ucapan, setelah sebelumny kita sudah membuat tampilan dan juga persiapan database serta konfigurasi untuk menghubungkan database dan juga style css yang kita gunakan pada artikel sebelumnya, saat ini kita akan membuat fungsi php untuk membuat fungsi aplikasi bisa brjalan dengan benar.

Artikel Terkait

• Membuat Aplikasi Ucapan Har Raya - Persiapan
• Membuat Aplikasi Ucapan Hari Raya - Tampilan

Baiklah, sekarang kalian buka index.php yang sebelumnya sudah dibuat, hubungkan config.php dengan menggunakan require_once seerti berikut

<?php  require_once "config.php" ; ?>

Selajutnya kita akan membuat 2 kondisi, yaitu
-    Proses submit form nama
-    Proses mengambil nama dari url, dan mengambil data dari database

// Proses submit form nama
if (isset($_POST['kirim'])) {
    // t = id yang mengindikasikan tipe hari raya 
    $t = $_GET['t'];
    // mengubah karakter menjadi kode url 
    $nama = urlencode($_POST['nama']);
    
    //melakukan redirect dengan memasukkan $nama pada url
    header("location:?t=".$t."&n=".$nama);
}

// mendapatkan value dari t
if(isset($_GET['t'])){
    $id = $_GET['t'];
    
    // mencocokkan value t dengan id di database
    $data = mysqli_query($conn,"select * from kalimat where id = '$id'"); 
}else{
    // jika tidak ada value t (di kondisi pertama) maka dikembalikan menjadi 0
    $id = 0;
    $data = mysqli_query($conn,"select * from kalimat where id = '$id'"); 
}

// mengambil seluruh data dari table kalimat untuk melakukan looping
$all = mysqli_query($conn,"select * from kalimat");

Baiklah, sekarang kita akan membuat kondisi di dalam div conten

<?php 
// memeriksa datanya ada atau tidak
if(mysqli_num_rows($data)>0) {?>
    <?php 
    // melakukan fetch untuk dicetak
    $row = mysqli_fetch_array($data) ?>
    <?php 
    // mendeteksi jika ada parameter n di url
    if(isset($_GET['n'])){ 
        $nm = $_GET['n'];?>
        
        //cetak nama sesuai value parameter n di url
        <h1><?php echo $nm ?></h1>
        <p>Mengucapkan</p>
        <!-- cetak ucapan dari database -->
        <h3 class="appTitle"><?php echo $row['ucapan'] ?></h3>
    <?php } else{  // jika tidak ada parameter n pada url ?>
        <h2>Masukkan Nama di pada kolom dibawah</h2>
    <?php }?>
<?php }else{ ?>
    <h1>Aplikasi Ucapan</h1>
    <?php if(mysqli_num_rows($all)>0) {?>

        <ul>
            <?php // melakukan looping untuk menampilka nama har raya di halaman utama
            while($row = mysqli_fetch_array($all)){ ?>
            <li>
                <a href="index.php?t=<?php echo $row['id'] ?>"><?php echo $row['hariraya'] ?></a>
            </li>
            <?php } ?>
        </ul>
    <?php } ?>
<?php } ?>

Pada proses selanjutnya kita peru menyebunyikan form yang ada ketika berada di halaman utama dengan mengecek parameter t pada url

<?php if(isset($_GET['t'])){ ?>
    <form action="" id="myform" method="post">
        <input type="text" name="nama" placeholder="Tulis nama disini...">
        <button type="submit" name="kirim">kirim</button>
    </form>
<?php } ?>

Baiklah demikian artikel kali ini yang membahas tentang pembuatan aplikasi hari raya yang cukup sederhana, untuk kalian yang ingin mendownload source code nya bisa klik tombol download dibawah, sampai jumpa di artikel lainnya.

download

No data.