Integrasi PHP dengan Template

 Integrasi PHP dengan Template

1. Buat Folder Baru 

 Buat folder siswa di c:\xampp\htdocs 

 Copy kan hasil koding PHP (login & CRUD siswa) ke folder siswa 

 Copy kan juga hasil form template yang sudah dibuat sebelumnya

2. Buka VS Code dan Open Folder Siswa

3. Integrasi PHP dengan Form Login 

 Buka file index.html dan login.php 

 Pada index.html, copy kode link eksternal css ke login.php

4. Integrasi PHP dengan Form Login 

 Pada index.html, copy kode class container ke login.php

<div class = "container">

</div>

<div class="container">

<h1>Login</h1>

  <form action="" method="POST">

  <label>Username</label><br>

  <input type="text" name="username"><br>

  <label>Password</label><br>

  <input type="password" name="password"><br>

  <button type="submit" name="login">Log in</button>

</form>

</div>

5. Membuat Template di konten.php

  Buka file konten.php dan hapus kode antara awal menu sidebar dan akhir menu sidebar lalu tambahkan kode php berikut ; 

<?php

if (!isset($_GET['page'])){

    echo "Selamat, anda berhasil login

$_SESSION[username]!";

    echo "<br>";

    echo "<a href=logout.php>Logout</a>";

}elseif ($_GET['page'] == 'siswa'){

   include "siswa.php";

}else{

    echo "Maaf, halaman tidak ditemukan!";

}

?>

 Buka file konten.php dan hapus kode antara awal footer dan akhir footer lalu tambahkan kode php berikut ;

 

Cara membuat CRUD dengan PHP

 Tutorial ini merupakan lanjutan dari Tutorial Membuat Login dengan PHP & MySQL

CRUD adalah akronim untuk Create,Read,Update,dan Delete.

1. Mengedit file konten.php  pada tutorial sebelumnya

<?php

if (!isset($_GET['page'])){

    echo "Selamat, anda berhasil login

$_SESSION[username]!";

    echo "<br>";

    echo "<a href=logout.php>Logout</a>";

}elseif ($_GET['page'] == 'siswa'){

   include "siswa.php";

}else{

    echo "Maaf, halaman tidak ditemukan!";

}

?>

2. Menambahkan file siswa.php pada folder tutorial sebelumya

<?php

echo "ini halaman siswa";

?>

3. Membuat File .htaccess

RewriteEngine On

Options +FollowSymLinks

RewriteRule ^([0-9a-zA-Z-]+)/?/?$ /login_php/index.php?page=$1

4. Mengedit File siswa.php dari lanjutan nomor 2

a. Menampilkan Data Siswa 

<?php

if (!isset($_GET['aksi'])){

?>

    <a type="button" href="index.php?page=siswa&aksi=tambah">Tambah Siswa</a>

    <table>

      <thead>

        <tr>

          <th>No</th>

          <th>NIS</th>

          <th>Nama Siswa</th>

          <th>Jenis Kelamin</th>

          <th>Alamat</th>

          <th>Aksi</th>

        </tr>

      </thead>

      <tbody>

        <?php

        $siswa=mysqli_query($koneksi, "SELECT * FROM siswa");

        $no = 1;

        while ($data = mysqli_fetch_array($siswa)){

        ?>

          <tr>

          <td><?php echo $no; ?></td>

          <td><?php echo $data['nis']; ?></td>

          <td><?php echo $data['nama_siswa']; ?></td>

          <td><?php echo $data['jenis_kelamin']; ?></td>

          <td><?php echo $data['alamat']; ?></td>

          <td><a href="index.php?page=siswa&aksi=edit&id=<?php echo $data['id_siswa'] ?>">Edit</a> |

          <a href="index.php?page=siswa&aksi=hapus&id=<?php echo $data['id_siswa'] ?>">Hapus</a></td>

        </tr>

        <?php

        $no++;

      }

      ?>

      </tbody>

    </table>

<?php

}

?>

hasil

b. Membuat form tambah siswa pada file siswa.php

c. Menambahkan Fungsi Simpan Siswa pada file siswa.php

d. Membuat Form Edit pada file siswa.php

e. Menambahkan Fungsi update pada file siswa.php

f. Menambahkan Fungsi Hapus Siswa pada file siswa.php