Tutorial CRUD PHP + Template AdminLTE 3 + Jquery Datatable + Sweet alert 2 | #1 Membuat Database & Table

 


Selamat datang di website CopypasteKode, pada tutorial kali ini kita akan belajar bagaimana membuat crud (Create, Read, Update, & Delete) pada bahasa program php serta menambahkan beberapa plugins seperti Jquery Datatables,  sweet alert versi 2, dan integrasi template AdminLTE versi 3.

Karena tutorial kali ini lumayan cukup panjang jadi saya akan membagi tutorial ini menjadi beberapa part, sebagai berikut :

  • #1 Membuat Database & Table
  • #2 Membuat Folder Project & Koneksi Database
  • #3 Integrasi Template AdminLTE versi 3
  • #4 Crud with Jquery Datatables + Sweet Alert 2
  • #5 Membuat Halaman Dashboard
  • #6 Login & Logout

Seperti biasa kita siapkan terlebih dahulu apa-apa saja yang akan kita gunakan untuk mengikuti seri tutorial ini.

Persyaratan / Requirements :

  • Install Xampp 
  • Install VS Code
Sebelum masuk pada tutorial, penting untuk mengetahui prosedur atau langkah-langkah yang akan kita lakukan pada tutorial kali ini, dengan tujuan tutorial-nya lebih mudah dipahami, berikut langkah-langkah-nya :
  • Membuat Database & Tabel
  • Koneksi Database
Tanpa perlu berlama-lama langsung saja kita mulai dengan langkah yang pertama.

Membuat Database & Table

Buka Xampp, kemudian jalankan Apache & MySQL setelah itu buka phpMyAdmin pada web browser, lalu buat / tambahkan database baru dengan nama db_crud, seperti petunjuk gambar dibawah :




Jika teman-teman sudah berhasil membuat database seperti petunjuk  diatas sekarang kita akan membuat tabel-nya, untuk tabelnya disini saya menggunakan data contoh yang teman-teman bisa gunakan.

-- phpMyAdmin SQL Dump
-- version 4.9.0.1
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Jun 07, 2022 at 02:42 PM
-- Server version: 10.3.16-MariaDB
-- PHP Version: 7.3.6

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `db_crud`
--

-- --------------------------------------------------------

--
-- Table structure for table `tbl_mahasiswa`
--

CREATE TABLE `tbl_mahasiswa` (
  `nim` char(14) NOT NULL,
  `nama` varchar(225) NOT NULL,
  `tempat_lahir` varchar(150) NOT NULL,
  `tanggal_lahir` date NOT NULL,
  `jenis_kelamin` enum('Laki-laki','Perempuan','','') NOT NULL,
  `prodi` enum('Matematika','Sistem Informasi','Statistika') NOT NULL,
  `alamat` varchar(50) DEFAULT NULL,
  `email` varchar(30) DEFAULT NULL,
  `no_hp` char(13) DEFAULT NULL,
  `foto` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tbl_mahasiswa`
--

INSERT INTO `tbl_mahasiswa` (`nim`, `nama`, `tempat_lahir`, `tanggal_lahir`, `jenis_kelamin`, `prodi`, `alamat`, `email`, `no_hp`, `foto`) VALUES
('20160511074047', 'Example1', 'Kalimantan', '2021-05-02', 'Laki-laki', 'Sistem Informasi', 'arso', 'example1@gmail.com', '085254567788', ''),
('20160511074048', 'Example2', 'Medan', '2021-05-02', 'Perempuan', 'Sistem Informasi', 'ARSO XI', 'example2@gmail.com', '081344844767', ''),
('20160511074049', 'Example3', 'Bali', '2021-11-25', 'Perempuan', 'Statistika', 'uivbui', 'example3@gmail.com', '098765', ''),
('20160511074050', 'Example4', 'Bandung', '2021-12-01', 'Perempuan', 'Matematika', 'hgoih', 'example4@gmail.com', '098767', ''),
('20160511074051', 'Example5', 'Makassae', '2021-11-30', 'Laki-laki', 'Statistika', 'dwqdw', 'example5@gmail.com', '0813121110', ''),
('20160511074052', 'Example6', 'Jakarta', '2021-11-30', 'Perempuan', 'Matematika', 'gvfewrg', 'example6@gmail.com', '098765', '');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_mahasiswa`
--
ALTER TABLE `tbl_mahasiswa`
  ADD PRIMARY KEY (`nim`);
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Klik database db_crud kemudian temukan menu SQL lalu pastekan SQL Query diatas :pada menu SQL di phpMyAdmin, seperti petunjuk berikut :



Setelah itu refresh halman phpMyAdmin, maka akan muncul tabel dengan nama tbl_mahasiswa seperti gambar dibawah :


Kemudian klik tbl_mahasiswa maka, akan tampil 6 sample data seperti gambar berikut :


Sampai disini kita telah berhasil membuat Database dan Table beserta contoh data yang akan kita gunakan nantinya untuk fitur crud yang akan kita buat pada tutorial part-part selanjutnya.

Untuk teman-teman yang belum tahu atau asing dengan kata crud, crud sendiri merupakan fitur yang akan kita gunakan untuk mengelola data, berikut adalah kepanjangan dari crud :

C : Create
R : Read
U : Update
D : Delete

Saya kira cukup sampai disini tutorial #1 Membuat Database & Table, jika ada yang ingin teman-teman tanyakan, jangan ragu untuk bertanya pada kolom komentar dan sampai jumpa di tutorial  part selanjutnya semoga bermanfaat byee...byee ^^
















إرسال تعليق

أحدث أقدم

نموذج الاتصال