Pada artikel ini, kita akan membangun Aplikasi Web Toko Kelontong menggunakan PHP dengan MySQL. Dalam aplikasi ini, kita dapat menambahkan item sembako berdasarkan nama, jumlah, status (tertunda, dibeli, tidak tersedia), dan tanggal. Kami dapat melihat, menghapus, dan memperbarui item tersebut. Akan ada fitur pemfilteran tanggal dimana kita bisa melihat barang belanjaan sesuai dengan tanggalnya. Show Prasyarat. XAMPP Server, Konsep Dasar HTML, CSS, Bootstrap, PHP, dan Kami akan mengikuti langkah-langkah berikut untuk membangun aplikasi ini Langkah 1. Buka Panel Kontrol XAMPP dan mulai layanan Apache dan MySQL. Di folder XAMPP, buka folder htdocs dan buat folder bernama project1. Kami akan menyimpan semua file di folder project1. Di dalam folder ini, akan ada lima file (add. php, sambungkan. php, hapus. php, indeks. php, perbarui. php) dan satu folder bernama css di dalamnya ada file bernama style. css akan ada di sana Langkah 2. Pergi ke localhost/phpMyAdmin dan buat database bernama grocerydb. Di bawahnya, buat tabel bernama grocerytb dengan 5 kolom. Kolomnya adalah Id (primary key), Item_name, Item_Quantity, Item_status, dan Date. Mode penambahan otomatis harus aktif untuk kolom Id. Akhirnya, struktur tabel akan terlihat seperti yang ditunjukkan pada gambar yang diberikan Langkah-3. Buka editor pilihan Anda. Buat file bernama koneksi. php dan kode baris berikut. Menghubung. php
Halaman ini dibuat untuk menghubungkan halaman PHP kita dengan database “grocerydb”. Setelah terhubung dengan database ini, objek koneksi dikembalikan ke variabel $con. Jika koneksi tidak dibuat, pesan "tidak dapat terhubung ke server" akan ditampilkan Langkah-4. Buat file lain bernama add. php dan kode baris berikut. menambahkan. php
Halaman ini dibuat untuk memasukkan data barang belanjaan dari form HTML ke tabel “grocerytb” di database “grocerydb”. Formulir html berisi nilai Item name, Item Quantity, Item status, dan Date yang akan dimasukkan oleh pengguna. Kami telah menetapkan nilai opsi sebagai 0, 1, dan 2 masing-masing untuk Pending, Bought, dan Not Available (untuk status item). Saat tombol diklik, kami menyertakan file “connect. php” untuk menghubungkan halaman dengan database. Kemudian, kami mengambil semua data yang dimasukkan oleh pengguna dan memasukkannya ke dalam tabel "grocerytb". Jika nilai berhasil dimasukkan ke dalam tabel, halaman akan berpindah ke “index. php” yang akan memungkinkan pengguna untuk melihat item yang dimasukkan sejauh ini (atau item yang ada di tabel saat ini). Buat “gaya. css” di dalam folder css dan beri kode berikut. gaya. css
Kata “tambahkan. php” akan terlihat seperti yang ditunjukkan pada gambar yang diberikan
Langkah-5. Buat file lain bernama index. php dan kode baris berikut. indeks. php
Kami kembali memasukkan “connect. php” untuk menghubungkan halaman dengan database. Kemudian, kami mengambil semua data dari tabel menggunakan fungsi bernama mysqli_fetch_array() dan menampilkannya di halaman. Untuk setiap item, ada tautan hapus dan perbarui. Menggunakan tautan Tambahkan Item di atas, halaman akan kembali berpindah ke “tambah. php” dari mana pengguna dapat kembali menambahkan barang belanjaan ke database. Kami juga menambahkan fitur pemfilteran tanggal di halaman ini. Ketika pengguna memasukkan tanggal dan mengklik tombol filter, semua data barang belanjaan akan ditampilkan sesuai dengan tanggal yang dimasukkan. Untuk saat ini, tabel "grocerytb" kami terlihat seperti yang ditunjukkan pada gambar yang diberikan Setelah pindah ke “index. php”, halaman akan terlihat seperti yang ditunjukkan pada gambar yang diberikan Setelah memasukkan tanggal 14/01/2021, halaman akan terlihat seperti yang ditunjukkan pada gambar yang diberikan Langkah-6. Buat file lain bernama update. php dan kode baris berikut. memperbarui. php
________3______3
Dalam “indeks. php”, kami mengambil Id dari setiap item sehingga kami dapat menghapus data apa pun. Untuk item yang akan dihapus, kami mengambil id di "delete. php”. Kemudian, kami menjalankan kueri penghapusan di mana catatan item yang dipilih akan dihapus. Kami menghapus Item yang memiliki Id 6 dan Item_name sebagai nanas. Setelah menghapusnya, halaman akan terlihat seperti yang ditunjukkan pada gambar yang diberikan Bagaimana cara membuat website dengan PHP dan MySQL?Jadi, Anda perlu menginstal XAMPP untuk menjalankan kode Anda. . Unduh Pemasang XAMPP. Pilih versi yang kompatibel dengan komputer Anda. . Mari kita mulai coding. Pertama, Anda memerlukan editor teks untuk membuat dan mengedit program Anda. . Sekarang, uji tautannya. Anda telah berhasil membuat halaman pertama Anda. . Akhirnya, Anda sekarang dapat menguji hasilnya Apa kegunaan PHP dan MySQL dalam pengembangan web?PHP adalah bahasa skrip paling populer untuk pengembangan web . Ini gratis, sumber terbuka, dan sisi server (kode dijalankan di server). MySQL adalah Relational Database Management System (RDBMS) yang menggunakan Structured Query Language (SQL). Ini juga gratis dan open source.
Bisakah kita menggunakan PHP dan MySQL bersama?Dengan PHP, Anda dapat terhubung ke dan memanipulasi database . MySQL adalah sistem database yang paling populer digunakan dengan PHP.
Bisakah saya menggunakan MySQL untuk pengembangan web?MySQL adalah sistem manajemen basis data open source populer yang biasa digunakan dalam aplikasi web karena kecepatan, fleksibilitas, dan keandalannya. |