Belajar PHP & MySQL: Membuat Formulir Pendaftaran Sederhana
Nah.. pada kali ini saya akan berikan tutorialnya bagaiman cara membuat form registrasi dimana data yang di input pada form regitrasi tersimpan kedalam database atau dengan kata lain form registrasi ini terkoneksi dengan database. Langsung saja teman-teman apa saja yang harus dipersiapkan yuk simak penjelasannya berikut ini :
Saya harap teman-teman sudah menginstall Xampp atau sejenisnya jika belum silahkan install terlebih dahulu. Jika sudah yang pertama buka Xampp Control Panel dan klik Start untuk Apache dan juga MySQL lihat gambar berikut :
Buka folder Xampp kemudian carilah folder yang bernama htdocs kemudian buat lah folder baru, pada tutorial kali ini saya buat dengan nama folder baru nya adalah NGETEST sehingga jika dilihat C:\xampp\htdocs\NGETEST lihat gambar berikut :
Lalu buka browser teman-teman bisa google chrome atau yang lainya tergantung selera, dan ketikan http://localhost/phpmyadmin/ kemudian buat lah database baru dengan cara klik New dan beri nama database nya yaitu db_input lalu pilih create
Buka folder Xampp kemudian carilah folder yang bernama htdocs kemudian buat lah folder baru, pada tutorial kali ini saya buat dengan nama folder baru nya adalah NGETEST sehingga jika dilihat C:\xampp\htdocs\NGETEST lihat gambar berikut :
Lalu buka browser teman-teman bisa google chrome atau yang lainya tergantung selera, dan ketikan http://localhost/phpmyadmin/ kemudian buat lah database baru dengan cara klik New dan beri nama database nya yaitu db_input lalu pilih create
Kemudian klik satu kali pada database yang baru terbuat dan pada bagian atas ada yang nama nya SQL dan teman-teman klik SQL kemudian salin source code berikut ini : -- phpMyAdmin SQL Dump
-- version 4.8.3
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Oct 21, 2018 at 04:50 AM
-- Server version: 10.1.36-MariaDB
-- PHP Version: 7.2.11
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_input`
--
-- --------------------------------------------------------
--
-- Table structure for table `mahasiswa`
--
CREATE TABLE `mahasiswa` (
`id_mahasiswa` varchar(10) NOT NULL,
`nama` varchar(30) NOT NULL,
`jurusan` varchar(20) NOT NULL,
`alamat` varchar(30) NOT NULL,
`telpon` varchar(15) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `mahasiswa`
--
INSERT INTO `mahasiswa` (`id_mahasiswa`, `nama`, `jurusan`, `alamat`, `telpon`) VALUES
('', '', 'Teknik Komputer', '', ''),
('1234', 'rio ananda putra', 'Manajemen Informatik', 'bandar lamapung', '089888888888'),
('2323', 'edede', 'Teknik Komputer', 'edede', '34434');
--
-- Indexes for dumped tables
--
--
-- Indexes for table `mahasiswa`
--
ALTER TABLE `mahasiswa`
ADD PRIMARY KEY (`id_mahasiswa`);
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 */;
Kemudian buka lah Text Editor yang kalian punya bisa menggunakan Notepad atau juga Sublime Text atau sejenisnya lalu salin source code di bawah ini dan simpan di dalam folder NGETEST dengan nama file nya index.html dan jika dilihat C:\xampp\htdocs\NGETEST\index.html
<html>
<head>
<title> Form Registrasi </title>
</head>
<body>
<div>
<form method="POST" action="aksi.php">
<table>
<h1> Form Input Data Mahasiswa </h1>
<tr>
<td></td>
<td>NPM</td>
<td><input type="text" name="id_mahasiswa" size="50" maxlength="10"/> </td>
<tr>
<tr>
<td></td>
<td>Nama</td>
<td><input type="text" name="nama" size="50" maxlength="30"/> </td>
<tr>
<tr>
<td></td>
<td>Jurusan</td>
<td> <select name = "jurusan">
<option value="-">-Pilih Jurusan- </option>
<option value="Manajemen Informatika">Manajemen Informatika </option>
<option value="Ilmu Komputer">Ilmu Komputer </option>
<option value="Teknik Komputer">Teknik Komputer </option>
<option value="Teknik Informatika">Teknik Informatika </option>
</select></td>
<tr>
<td></td>
<td>Alamat</td>
<td><input type="text" name="alamat" size="50" maxlength="30"/> </td>
<tr>
<tr>
<td></td>
<td>No. Telpon </td>
<td><input type="text" name="telpon" size="20" maxlength="12"/> </td>
<tr>
<tr>
<td></td>
<td></td>
<td><input type="submit" name="Submit" value="Submit">
<input type="reset" name="reset" value="Cancel">
</td>
</tr>
</table>
</form>
</div>
</body>
</html><?php
include "koneksi.php";
$id_mahasiswa = $_REQUEST['id_mahasiswa'];
$nama = $_REQUEST['nama'];
$jurusan = $_REQUEST['jurusan'];
$alamat = $_REQUEST['alamat'];
$telpon = $_REQUEST['telpon'];
if (empty($_POST['id_mahasiswa'])||empty($_POST['nama'])||empty($_POST['alamat'])||empty($_POST['telpon'])) {
?>
<script language="JavaScript">
alert('Data Harap Dilengkapi!');
document.location='index.html';
</script>
<?php
}
$conn = mysqli_connect($host, $user, $pass, $db) or die ("Koneksi gagal");
$mysqli = "INSERT INTO mahasiswa (id_mahasiswa, nama, jurusan, alamat, telpon) VALUES ('$id_mahasiswa', '$nama', '$jurusan','$alamat','$telpon')";
$result = mysqli_query($conn, $mysqli);
?>
<script language="JavaScript">
alert('Input Data Mahasiswa Berhasil');
document.location='index.html';
</script>
<?php
?> <?php
$host ="localhost"; //host server
$user ="root"; //user login phpMyAdmin
$pass =""; //pass login phpMyAdmin
$db ="db_input"; //nama database
$conn = mysqli_connect($host, $user, $pass, $db) or die ("Koneksi gagal");
?>
Dan lihat apa yang terjadi pada database kita ketika di klik submit ? coba tebak ? yaps langsung saja teman-teman database kita langsung ter isi dengan data yang baru saja di inputkan lihat gambar berikut :
Oke mungkin cukup disini teman-teman jika kalian masih bingung bias download complate project di atas pada link dibawah ini :
Thanks.. kak tutorial nya keren!
ReplyDelete