Membuat Biodata dengan PHP dan MySql

Langkah pertama adalah kita siapkan XAMPP di lepi kita kalau sudah ada kita aktifkan 



Setelah Apache dan MySQL nya aktif langkah berikutnya adalah membuat folder di C:\xampp\htdocs\malas ( Local C klik Xampp lalu klik htdocs kemudian kita buat folder kita pakai contoh folder malas ).



Setelah folder kita buat langkah selanjutnya adalah kita buat scriptnya , kita buka dulu notepad ++ caranya klik start di windows all program klik notepad++ kalau belum ada bisa download di sini atau http://bit.ly/2qGlV35

Lalu kita buat databasenya dulu dengan nama malas tablenya user sudah pada bisa kan buat database nya , kita buka dulu browser boleh google boleh firefox terserah kita dalam memakai browser . Kita ketik localhost di halaman alamat browser kita lalu enter kemudian klik phpmyadmin lalu klik new database kita buat databasenya sementara kami pakai nama malas dan tablenya dengan nama user





kita isikan seperti di contoh ya jangan lupa id di aouto increment ( AI ) di klik lalu di klik go atau save di phpmyadminnya


Ok Langkah selanjutnya kita buat scriptnya ya 

kita buat koneksi.php

// isi nama host, username mysql, dan password mysql anda
$host = mysql_connect("localhost","root","");

// isikan dengan nama database yang akan di hubungkan
$db = mysql_select_db("malas");

?>

kita kopikan di notepad++ kita tadi lalu simpan di folder kita yang kita buat tadi di htdocs simpan dengan ex PHP ya jangan lupa


begitu juga dengan file script yang lainnya ya .

Kita buat file index dulu supaya bisa di panggil di localhost 

<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h3>www.smkhk.id</h3>
</div>
<br/>

<?php 
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di input.";
}else if($pesan == "update"){
echo "Data berhasil di update.";
}else if($pesan == "hapus"){
echo "Data berhasil di hapus.";
}
}
?>
<br/>
<a class="tombol" href="input.php">+ Tambah Data Baru</a>
<a class="tombol" href="cetak.php">+ Cetak</a>

<h3>Data user</h3>
<table border="1" class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Tanggal Lahir</th>
<th>Alamat</th>
<th>Pekerjaan</th>
<th>No HP</th>
<th>Email</th>
<th>Opsi</th>
</tr>
<?php 
include "koneksi.php";
$query_mysql = mysql_query("SELECT * FROM user")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['tanggallahir']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['pekerjaan']; ?></td>
<td><?php echo $data['nohp']; ?></td>
<td><?php echo $data['email']; ?></td>
<td>
<a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</table>
<form method="post" action="cetak.php">
</body>
</html>

<br/>
<div class="judul">
<h3> Desain By SMK HK</h3>
</div>

Simpan dengan nama index.php

Langkah selanjutnya kita buat script input.php

<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.smknet.id</h3>
</div>

<br/>

<a href="index.php">Lihat Semua Data</a>

<br/>
<h3>Input data baru</h3>
<form action="input-aksi.php" method="post">
<h3>Cetak</h3>
<form method="post" action="cetak.php">
<table>
<tr>
<td>Nama</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td><input type="text" name="tanggallahir"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="pekerjaan"></td>
</tr>
<tr>
<td>No HP</td>
<td><input type="text" name="nohp"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>


kita simpan lagi di folder malas dengan input.php

Langkah selanjutnya kita buat style.css nya dulu supaya tampilannya agak bagus 



table.table th th , table.table tr td{
background: #87D1D8;
padding: 10px 20px ;
}
header {
    background-color:green;
    color:white;
    text-align:center;
    padding:5px;  
}
nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;       
}
section {
    width:350px;
    float:left;
    padding:10px;  
}
footer {
    background-color:green;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;  
}

simpan dengan nama style.css

Langkah selanjutnya adalah membuat input aksi 

<?php 
include 'koneksi.php';
$nama = $_POST['nama'];
$tanggallahir = $_POST['tanggallahir'];
$alamat = $_POST['alamat'];
$pekerjaan = $_POST['pekerjaan'];
$nohp = $_POST['nohp'];
$email = $_POST['email'];

mysql_query("INSERT INTO user VALUES('','$nama','$tanggallahir','$alamat','$pekerjaan','$nohp','$email')");

header("location:index.php?pesan=input");
?>

Simpan dengan nama input-aksi.php

Langkah selanjutnya kita buat script proses 

<?php 
include "koneksi.php"; 
$nama=$_POST['nama']; 
$jenis_kelamin=$_POST['jenis_kelamin'];
$alamat=$_POST['alamat']; 
$usia=$_POST['usia']; 
$query=mysql_query("insert into tabel_biodataa(nama,jenis_kelamin,alamat, usia) value('$nama','$jenis_kelamin','$alamat','$usia')"); 
if($query){ 
 echo "Berhasil input data ke database "; 
 ?><a href="tabel.php">Lihat data di Tabel</a><?php
}else{ 
 echo "Gagal input data";
 echo mysql_error(); 

?>

Simpan dengan nama proses.php

Selanjutnya buat script edit

<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.malasngoding.com</h3>
</div>

<br/>

<a href="index.php">Lihat Semua Data</a>

<br/>
<h3>Edit data</h3>

<?php 
include "koneksi.php";
$id = $_GET['id'];
$query_mysql = mysql_query("SELECT * FROM user WHERE id='$id'")or die(mysql_error());
$nomor = 1;
while($data = mysql_fetch_array($query_mysql)){
?>
<form action="update.php" method="post">
<table>
<tr>
<td>Nama</td>
<td>
<input type="hidden" name="id" value="<?php echo $data['id'] ?>">
<input type="text" name="nama" value="<?php echo $data['nama'] ?>">
</td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td><input type="text" name="alamat" value="<?php echo $data['tanggallahir'] ?>"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" value="<?php echo $data['alamat'] ?>"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="pekerjaan" value="<?php echo $data['pekerjaan'] ?>"></td>
</tr>
<tr>
<td>No HP</td>
<td><input type="text" name="alamat" value="<?php echo $data['nohp'] ?>"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="alamat" value="<?php echo $data['email'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
<?php } ?>
</body>

</html>

Simpan dengan nama edit.php

Kita buat Script hapus 

<?php 
include 'koneksi.php';
$id = $_GET['id'];
mysql_query("DELETE FROM user WHERE id='$id'")or die(mysql_error());

header("location:index.php?pesan=hapus");

?>

Simpan dengan nama hapus.php

Nah sampai disini kita coba panggil dengan mengetikkkan localhost/malas ( kami membuat folder dengan nama malas ) lalu enter

Comments

Popular posts from this blog

Soal pilihan ganda dan essay pemrograman web dan perangkat bergerak

SOAL PEMROGRAMAN BERORIENTASI OBJEK (PBO) kelas 12

Soal PBO Pilihan Ganda dan Essay SMT 19