Langsung ke konten utama

Postingan

Menampilkan postingan dari 2025

Pagination AJAX untuk Data Besar dalam CRUD AJAX PHP & MySQL

Pagination AJAX untuk Data Besar dalam CRUD AJAX PHP & MySQL yo selamat datang kembali di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita telah menambahkan DataTables untuk mempermudah pencarian, sorting, dan pagination. Sekarang, kita akan mengimplementasikan Pagination AJAX untuk menangani data besar dengan lebih efisien. 1. Menyiapkan Pagination di MySQL Untuk menangani data besar, kita akan menggunakan LIMIT dan OFFSET di MySQL untuk mengatur jumlah data yang ditampilkan di setiap halaman. Query Pagination: $limit = 10; // Jumlah data per halaman $offset = ($page - 1) * $limit; $query = "SELECT * FROM mahasiswa LIMIT $limit OFFSET $offset"; 2. Mengubah Query di read.php untuk Pagination Kita akan memperbarui file read.php untuk menampilkan data sesuai halaman yang diminta. Update read.php: <?php include 'config.php'; $page = isset($_POST['page']) ? $_POST['page'] : 1; // Halaman yang diminta $limit = 10; // Juml...
Posting Komentar
Read more =>

Integrasi DataTables untuk Pencarian dan Sorting dalam CRUD AJAX PHP & MySQL

Integrasi DataTables untuk Pencarian dan Sorting dalam CRUD AJAX PHP & MySQL yo selamat datang kembali di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita sudah menambahkan notifikasi dinamis menggunakan Bootstrap Toast . Sekarang, kita akan mengintegrasikan DataTables untuk mempermudah pencarian dan sorting data pada tabel CRUD kita. 1. Menambahkan DataTables ke Proyek Kita akan menambahkan DataTables ke dalam proyek untuk memberikan fitur pencarian, sorting, dan pagination yang interaktif. Menambahkan Link DataTables: <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script> 2. Menampilkan Data dalam Tabel DataTables Kita akan mengubah kode tabel di file read.php untuk menggunakan DataTables. Update r...
Posting Komentar
Read more =>

Menambahkan Notifikasi Dinamis dengan Toast dalam CRUD AJAX PHP & MySQL

Menambahkan Notifikasi Dinamis dengan Toast dalam CRUD AJAX PHP & MySQL halo semua, selamat datang kembali di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita telah menggunakan Bootstrap Modal untuk fitur edit data. Sekarang, kita akan menambahkan notifikasi dinamis menggunakan Bootstrap Toast agar pengguna mendapatkan umpan balik saat melakukan aksi CRUD. 1. Menambahkan Bootstrap Toast ke Proyek Kita akan menambahkan komponen Bootstrap Toast ke dalam halaman. Kode Toast: <div class="toast-container position-fixed top-0 end-0 p-3"> <div id="liveToast" class="toast align-items-center text-white bg-success border-0" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex"> <div class="toast-body"> Aksi berhasil! </div> <button type="button" class="btn-close b...
Posting Komentar
Read more =>

Integrasi Bootstrap Modal dalam CRUD AJAX PHP & MySQL

Integrasi Bootstrap Modal dalam CRUD AJAX PHP & MySQL halo semua, selamat datang di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita telah membuat fitur CRUD dengan AJAX. Sekarang, kita akan menggunakan Bootstrap Modal agar tampilan lebih modern dan interaktif. 1. Menambahkan Bootstrap ke Proyek Tambahkan link Bootstrap ke dalam <head> : <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> 2. Menampilkan Data dengan Tombol Edit & Hapus Pada tabel data, kita tambahkan tombol Edit dan Hapus yang akan membuka modal. Update read.php: <?php include 'config.php'; $result = $koneksi->query("SELECT * FROM mahasiswa"); echo "<table class=...
1 komentar
Read more =>

Edit Data dengan AJAX dalam CRUD PHP & MySQL

Edit Data dengan AJAX dalam CRUD PHP & MySQL halo semua, kembali lagi di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita telah membuat fitur tambah dan hapus data menggunakan AJAX. Sekarang, kita akan menambahkan fitur edit data tanpa perlu me-reload halaman. 1. Menampilkan Data dengan Tombol Edit Kita akan menambahkan tombol edit di setiap baris data mahasiswa. Update read.php: <?php include 'config.php'; $result = $koneksi->query("SELECT * FROM mahasiswa"); echo "<table border='1'><tr><th>Nama</th><th>Email</th><th>Jurusan</th><th>Aksi</th></tr>"; while ($row = $result->fetch_assoc()) { echo "<tr> <td>".$row['nama']."</td> <td>".$row['email']."</td> <td>".$row['jurusan']."</td> <td> ...
1 komentar
Read more =>

CRUD PHP & MySQL dengan AJAX

CRUD PHP & MySQL dengan AJAX (Tanpa Reload Halaman) Halo semua, kembali lagi di Zhuzhu-sama blogger. pada artikel sebelumnya kita sudah mempelajari cara validasi dengan javascript di CRUD PHP, sekarang kita lanjut mempelajari CRUD PHP dengan menggunakan AJAX. selamat membaca kawan :) AJAX memungkinkan kita melakukan operasi CRUD (Create, Read, Update, Delete) tanpa harus me-reload halaman. Ini membuat pengalaman pengguna lebih cepat dan responsif. 1. Menyiapkan Database Buat database dan tabel berikut di MySQL: CREATE DATABASE db_mahasiswa; USE db_mahasiswa; CREATE TABLE mahasiswa ( id INT AUTO_INCREMENT PRIMARY KEY, nama VARCHAR(100), email VARCHAR(100), jurusan VARCHAR(50) ); 2. Menampilkan Data dengan AJAX Kita akan menggunakan JavaScript untuk mengambil data dari database dan menampilkannya tanpa reload. Kode index.php: <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> ...
Posting Komentar
Read more =>

Validasi input dengan Javascript di CRUD PHP

Validasi Input dengan JavaScript di CRUD PHP Pada artikel sebelumnya kita sudah mempelajari cara validasi input CRUD PHP Mysql. sekarang kita lanjut mempelajari cara validasi input dengan javascript di CRUD PHP. selamat membaca:) Selain validasi di sisi server (PHP), kita juga bisa menambahkan validasi di sisi klien menggunakan JavaScript. Validasi ini membantu pengguna mengisi data dengan benar sebelum dikirim ke server. 1. Menambahkan Validasi di tambah.php Kita akan menggunakan JavaScript untuk memastikan: Semua input wajib diisi Format email harus valid Pesan error ditampilkan sebelum data dikirim Kode tambah.php dengan validasi JavaScript: <?php include 'config.php'; ?> <h2>Tambah Data Mahasiswa</h2> <form method="POST" onsubmit="return validateForm()" name="formTambah"> Nama: <input type="text" name="nama" id="nama"><br> Email: <in...
Posting Komentar
Read more =>

Validasi input di CRUD PHP & MySQL

Validasi Input di CRUD PHP & MySQL halo selamat datang kembali di Zhuzhu-sama blogger. Pada artikel sebelumnya kita sudah mempelajari tutorial crud php mysql. sekarang kita akan melanjutkan belajar validasi input CRUD PHP mysql. selamat membaca:). Validasi input sangat penting untuk memastikan data yang dimasukkan oleh pengguna tidak kosong, sesuai format yang diinginkan, dan aman dari serangan seperti SQL Injection atau XSS. 1. Menambahkan Validasi di tambah.php Pada form tambah data, kita akan melakukan validasi: Pastikan semua input tidak kosong Validasi format email Menggunakan htmlspecialchars() untuk menghindari karakter berbahaya Kode tambah.php setelah ditambahkan validasi: <?php include 'config.php'; ?> <h2>Tambah Data Mahasiswa</h2> <form method="POST"> Nama: <input type="text" name="nama" required><br> Email: <input type="email" name="e...
1 komentar
Read more =>

Tutorial CRUD PHP & MySQL

Tutorial CRUD (Create, Read, Update, Delete) PHP & MySQL Halo semua. selamat datang kembali di Zhuzhu-sama blogger. Pada artikel sebelumnya kita sudah mempelajari dasar-dasar dari pemrograman PHP, sekarang kita akan melanjutkan ketahap selanjutnya yaitu belajar CRUD PHP dan mysql. selamat membaca. CRUD adalah operasi dasar dalam pengolahan data di database. Dalam tutorial ini, kita akan membuat sistem CRUD sederhana dengan PHP dan MySQL. 1. Membuat Database dan Tabel Buka phpMyAdmin dan jalankan SQL berikut: CREATE DATABASE crud_php; USE crud_php; CREATE TABLE mahasiswa ( id INT AUTO_INCREMENT PRIMARY KEY, nama VARCHAR(100), email VARCHAR(100), jurusan VARCHAR(50) ); 2. Membuat File Koneksi Database (config.php) File ini berfungsi untuk menghubungkan PHP dengan MySQL. <?php $host = "localhost"; $user = "root"; $pass = ""; $db = "crud_php"; $koneksi = new mysqli($host, $user, $pass, $db); if ($kon...
Posting Komentar
Read more =>

Belajar pemrograman PHP dasar untuk pemula

Belajar pemrograman PHP dasar untuk pemula Halo semua, selamat datang kembali di Zhuzhu-sama blogger. Pada kali ini kita akan membahas pemrograman PHP dasar untuk pemula, mulai dari pengertian php, cara install dan seterusnya. selamat membaca kawan. PHP adalah bahasa pemrograman yang digunakan untuk membuat website dinamis . Artinya, dengan PHP, kita bisa membuat website yang bisa berinteraksi dengan pengguna, misalnya menampilkan data, mengolah formulir, atau menyimpan informasi ke dalam database. 1. Cara Menjalankan PHP di Komputer PHP tidak bisa langsung dijalankan seperti HTML. Kamu perlu menginstal beberapa program supaya PHP bisa bekerja, yaitu: XAMPP → untuk menjalankan PHP dan database MySQL Code Editor → untuk menulis kode (contoh: VS Code, Notepad++) Langkah Instalasi: Download XAMPP Install XAMPP, lalu jalankan Apache dan MySQL di Control Panel Buat file PHP di dalam folder htdocs (contoh: C:\xampp\htdocs\belajar.php ) Buk...
Posting Komentar
Read more =>