Table Of Contens CRUD PHP & MySQLi Dengan Bootstrap : Input Data Ke Database - Halo teman-teman semuanya diartikel sebelumnya kita sudah membahas bagaimana cara membuat sebuah koneksi dari PHP ke Database kita. Pada tutorial kali ini, kita semua akan belajar bagaimana caranya memasukkan data atau input data dari PHP ke database yang sudah kita buat sebelumnya. Untuk teman-teman yang baru belajar, silahkan dibaca artikel sebelumnya tentang cara membuat koneksi dari PHP ke Database di Part 1. Sebelum kita membuat form yang digunakan untuk menyimpan data ke database, langkah pertama kita harus buat sebuah tabel baru terlebih dahulu di dalam database db_sekolah yang sudah kita buat di artikel pertama. Silahkan buka dan klik db_sekolah. Dan buatlah tabel baru dengan nama tbl_siswa, kurang lebih seperti gambar dibawah ini. Dari gambar pembuatan tabel diatas, berikut penjelasan singkatnya:
Jika sudah berhasil semuanya, kita sekarang lanjut membuat tampilan form yang digunakan untuk menyimpan data siswa ke dalam database. Silahkan buat file baru dengan nama tambah-siswa.php di dalam folder sekolah, jadi kurang lebih strukturnya seperti pada gambar berikut ini. Pada kesempatan kali ini, untuk tampilan kita akan menggunakan Bootstrap 4, jadi kita tidak perlu membuat CSS lagi dari awal dan proses pembuatan tampilan akan sangat cepat dan terbantu. Untuk file Bootstrap yang akan kita gunakan adalah online atau mengambil dari CDN, jika teman-teman ingin mencobanya secara offline, teman-teman bisa mengunduh file bootstrap dan di taruh di folder project kita. Untuk kode 0, silahkan teman-teman copy dan paste kode dibawah ini kedalam file 0 yang sudah kalian buat sebelumnya.
Dan jika dijalankan dengan mengetikkan http://localhost/sekolah/tambah-siswa.php, maka jika berhasil tampilannya kurang lebih seperti berikut ini: Perlu di perhatikan pada baris kode berikut ini :
Dari kode diatas, form yang sudah kita buat akan mengarah ke file baru yang bernama 2, jadi proses input dari form akan langsung di proses oleh file yang bernama 2 dengan menggunakan method POST.Sekarang kita buat file baru dengan nama 2 didalam folder sekolah, yang mana file ini sejajar dengan file 0.Dan silahkan masukkan kode berikut ini kedalam file 2:
Lihat pada kode berikut ini :
Kode diatas adalah sebuah deklarasi variabel yang mana isinya mengambil dari hasil input Form. Dan coba perhatikan pada baris kode berikut ini :
Pada kode diatas itu adalah sebuah Query yang digunakan untuk menyimpan data ke dalam database. Dan untuk lihat kode berikut ini :
Kode diatas adalah sebuah kondisi dimana jika variabel bernilai TRUE atau Query berjalan maka otomatis kita akan diarahkan ke dalam file yang bernama 7.Tapi jika kondisi tidak terpenuhi atau bernilai FALSE, maka akan mengeluarkan pesan error “Data Gagal Disimpan!”. Terakhir, karena jika berhasil menyimpan data ke database akan langsung di arahkan ke file yang bernama 7. maka otomatis kita harus membuat file baru dengan nama 9p di dalam folder sekolah.Dan untuk pembahasan 7 akan kita bahas pada artikel selanjutnya. Untuk 7 ini adalah tahap bagaimana data ditampilkan dari Database ke browser atau aplikasi kita. |