Membuat Aplikasi Ucapan Hari Raya - Penyelesaian

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

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

13 April 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat