Aplikasi CRUD menggunakan Template Admin LTE - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Aplikasi CRUD menggunakan Template Admin LTE, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel Materi PHP,
Artikel php, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Aplikasi CRUD menggunakan Template Admin LTE
link : Aplikasi CRUD menggunakan Template Admin LTE
Selanjutnya buat tabel dengan nama tbl_siswa.
Selanjutnya insert satu buah data seperti ini.
Sekarang kita sudah menyelesaikan database.
Terimakasih sudah membaca. silahkan download kodenya disini. untuk databasenya buat seperti tutorial ini ya. saya tidak menyertakan nya di folder. untuk nama database pada file koneksi.php jangan lupa ubah menjadi db_siswa.
Anda sekarang membaca artikel Aplikasi CRUD menggunakan Template Admin LTE dengan alamat link https://dev-create.blogspot.com/2020/01/aplikasi-crud-menggunakan-template.html
Judul : Aplikasi CRUD menggunakan Template Admin LTE
link : Aplikasi CRUD menggunakan Template Admin LTE
Aplikasi CRUD menggunakan Template Admin LTE
Pada tutorial yang lalu saya sudah menulis Membuat CRUD dengan PHP Mysqli anda dapat mempelajari dulu jika belum pernah membuat aplikasi CRUD. Kita membuat aplikasi crud dengan template tujuannya agar tampil lebih baik dan responsif. Jika anda ingin membuat template sendiri juga bisa.
Sebelum membuat aplikasi crud di template Admin LTE anda perlu menyiapkan templatenya dulu. Baca Cara Menggunakan Template Admin LTE Sebagai Template Web Dinamis. Sekarang saya anggap anda sudah memiliki template nya. Berikut ini list yang akan kita kerjakan.
Template
Buat Databse
Read Data
Create Data
Delete Data
Update Data
Sampai disini kita anggap template sudah ada, selanjutnya kita buat database dengan nama db_siswa.
Pertama start apache dan mysql di xampp (atau yang lain) ketikkan di web browser localhost/phpmyadmin. Selanjutnya klik new, isikan nama database (db_siswa) terakhir klik create.
Gambar membuat database
Pertama start apache dan mysql di xampp (atau yang lain) ketikkan di web browser localhost/phpmyadmin. Selanjutnya klik new, isikan nama database (db_siswa) terakhir klik create.
Selanjutnya buat tabel dengan nama tbl_siswa.
Gambar membuat tabel
Selanjutnya isi nama tabel dan jumlah colomnya kemudian klik tombol Go.
Gambar Struktur Tabel
Gambar di atas menunjukkan struktur tbl_siswa. Pada sruktur tabel anda cukup memperhatikan bagian yang diberi kotak kuning yaitu, name, type, length, index, dan A_I. Isi datanya seperti pada gambar kemudian tekan tombol save.
CREATE TABLE `db_siswa`.`tbl_siswa` ( `id` INT NOT NULL AUTO_INCREMENT , `nama` VARCHAR(100) NOT NULL , `jenkel` VARCHAR(15) NOT NULL , `alamat` VARCHAR(50) NOT NULL , `no_hp` VARCHAR(16) NOT NULL , PRIMARY KEY (`id`)) ENGINE = InnoDB;
Selanjutnya insert satu buah data seperti ini.
INSERT INTO `tbl_siswa` (`id`, `nama`, `jenkel`, `alamat`, `no_hp`) VALUES (NULL, 'Indah', 'Perempuan', 'Medan', '0811223344');
Sekarang kita sudah menyelesaikan database.
Template
Buat Databse
Read Data
Create Data
Delete Data
Update Data
Di tabel siswa kita isi satu buah data untuk ditampilkan nantinya di web. Baik, kita kerjakan Read Data atau menampilkan data dari database.
Pertama kita buat sebuah file koneksi bernama koneksi.php di dalam folder template.
File koneksi ini digunakan disetiap halaman yang berinteraksi dengan database. Untuk melakukan CRUD dibutuhkan file koneksi ini. File koneksi akan di include dalam file yang membutuhkannya. Baca juga Include dan Require di PHP dan Contoh Penerapannya. Inti dari koneksi ini adalah fungsi mysqli_connect yang ditampung di variabel $mysqli.
Sekarang kita kerjakan bagian Read Data (Baca dan tampilkan data dari database). Kali ini data akan ditampilkan menggunakan tabel. Ditemplate halaman yang akan kita gunakan berada di http://localhost/template/pages/tables/data.html. Jika dari sublime posisi file nya berada disini.
Di tabel siswa kita isi satu buah data untuk ditampilkan nantinya di web. Baik, kita kerjakan Read Data atau menampilkan data dari database.
Pertama kita buat sebuah file koneksi bernama koneksi.php di dalam folder template.
Gambar isi file koneksi.php
File koneksi ini digunakan disetiap halaman yang berinteraksi dengan database. Untuk melakukan CRUD dibutuhkan file koneksi ini. File koneksi akan di include dalam file yang membutuhkannya. Baca juga Include dan Require di PHP dan Contoh Penerapannya. Inti dari koneksi ini adalah fungsi mysqli_connect yang ditampung di variabel $mysqli.
Sekarang kita kerjakan bagian Read Data (Baca dan tampilkan data dari database). Kali ini data akan ditampilkan menggunakan tabel. Ditemplate halaman yang akan kita gunakan berada di http://localhost/template/pages/tables/data.html. Jika dari sublime posisi file nya berada disini.
Gambar lokasi file data.html
Jika dilihat tabel yang akan kita gunakan seperti gambar dibawah ini.
Gambar Template Tabel
Dari keseluruhan kode di file data.html kita hanya butuh dari baris 507 sampai 1410. Nanti ada beberapa baris lagi yang akan kita buang. Selanjutnya buatlah folder siswa dalam folder template dan file siswa.php dalam folder siswa.
Gambar folde siswa dan file siswa.php
Sekarang kita akan mengisi file siswa.php dengan potongan kode dari file data.html seperti ini.
Gambar potongan file data.html Baris 507 - 1410
Selanjutnya paste kan dalam file siswa.php dan buang satu div dengan class box seperti ini.
Gambar Hapus Kode Tabel Pertama
Selanjutnya kita hanya butuh header tabel, satu baris isi, dan footer tabel. Maka baris yang lainnya dihapus. Kita hanya butuh tabelnya seperti ini.
Gambar Template Tabel
Karena proses nya terlalu panjang, maka langsung saja saya pastekan kode yang sudah selesai di edit.
Untuk style dan java script kita juga menggunkan dari file data.html.
Membaca (Read) dan menampilkan data kedalam tabel berhasi kita lakukan di template admin LTE. hasilnya seperti ini
Menampilkan data di dalam tabel
Berhubung karena tutorialnya panjang dan memerlukan waktu yang cukup lama. Maka saya sudahi dulu sampai disini dan saya lanjutkan di tulisan saya berikutnya. Link dibawah akan aktif jika saya sudah menyelesaikannya.
Template
Buat Databse
Read Data
Create Data
Delete Data
Update Data
Setelah lama tertunda dan mengumpulkan semangat kembali. dan juga dorongan dari permintaan dari komentar. saya lanjutkan artikel ini sampai selesai.
Tambah Siswa
Edit Siswa
Hapus Siswa
Template
Buat Databse
Read Data
Create Data
Delete Data
Update Data
Demikianlah Artikel Aplikasi CRUD menggunakan Template Admin LTE
Sekianlah artikel Aplikasi CRUD menggunakan Template Admin LTE kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Aplikasi CRUD menggunakan Template Admin LTE dengan alamat link https://dev-create.blogspot.com/2020/01/aplikasi-crud-menggunakan-template.html