Pemrograman Web Dinamis
Membuat Multi Level User dan CRUD mahasiswa
Pada program ini saya membuat 2 user yaitu 'admin' dan 'user'. dimana apabila kita masuk dengan level admin maka kita bisa menampilkan data mahasiswa, menambah data mahasiswa, edit serta menghapus data mahasiswa. ketika login dengan level user, maka kita hanya bisa melihat data mahasiswa yang di inputkan oleh admin.
Tampilannya nya bisa di lihat di bawah ini
Untuk halaman Login
index.php
<html>
<head>
<style type="text/css">
.register-form{
width: 400px;
margin: 0 auto;
text-align: center;
padding: 50px;
color: #fff;
background : #A2DED0;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.register-btn{
width: 70px;
margin: 0 auto;
text-align: center;
padding: 10px;
color: #fff;
cursor:pointer;
background : orange;
border-radius: 10px;
}
</style>
<title>Login Form</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="register-form">
<form action="login.php" method="post">
<center><h2>Login Form</h2></center>
<table align="center">
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username" placeholder="Username" required /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password" placeholder="Password" required /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="login" value="Login" /></td>
</tr>
</table>
</form>
</body>
</html>
login.php
<?php
include('koneksi.php');
if(isset($_POST['login'])){
$user = mysql_real_escape_string(htmlentities($_POST['username']));
$pass = mysql_real_escape_string(htmlentities($_POST['password']));
$sql = mysql_query("SELECT * FROM user WHERE username='$user' AND password='$pass'") or die(mysql_error());
if(mysql_num_rows($sql) == 0){
echo 'User tidak ditemukan';
}else{
$row = mysql_fetch_assoc($sql);
if($row['level'] == 1){
$_SESSION['admin']=$user;
echo '<script language="javascript">alert("Anda berhasil Login sebagai Admin!"); document.location="admin/index.php";</script>';
}else{
$_SESSION['guest']=$user;
echo '<script language="javascript">alert("Anda berhasil Login sebagai User!"); document.location="guest/index.php";</script>';
}
}
}
?>
logout.php
<?php
session_start();
session_destroy();
echo '<script language="javascript">alert("Anda berhasil Logout!"); document.location="index.php";</script>';
?>
koneksi.php
<?php
session_start();
mysql_connect("localhost", "root", "");
mysql_select_db("ssion");
?>
Untuk halaman Admin
index.php
<?php include('akses.php'); ?>
<html>
<head>
<title>Admin Area</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="profile">
<div style="text-align:center">
<h2>Admin Area</h2>
<p><a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>
<p>Selamat datang di Admin Area, Anda Login dengan username <?php echo $_SESSION['admin']; ?></p>
</div></div>
<br>
<h2>CRUD</h2>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<h3>BUAT DATA MAHASISWA</h3>
<form action="tambah-proses.php" method="post">
<table cellpadding="3" cellspacing="0">
<tr>
<td>Nim</td>
<td>:</td>
<td><input type="text" name="nim" size="30" required></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" size="30" required></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" size="30" required></td>
</tr>
<tr>
<td><button type="submit"
name="tambah" >Submit</button>
</td>
</tr>
</table>
</form>
</body>
</html>
search.php
<?php
include "config.php"; // menghubungkan ke file config.php agar terhubung dengan database
?>
<!DOCTYPE html>
<html>
<head>
<title>Lihat Data</title>
<!-- CSS untuk mempercantik tampilan-->
<style type="text/css">
td{
text-align: center;
}
</style>
</head>
<body>
<fieldset>
<legend><h1>Data Mahasiswa</h1></legend>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<div style="margin-bottom:15px;" align="right">
<form action="" method="post">
<input type="text" name="input_cari" placeholder="Cari" class="css-input" style="width:250px;" />
<select name="search">
<option value="1" selected="selected">-Cari Berdasarkan-</option>
<option value="Nim">Nim</option>
<option value="Nama">Nama</option>
<option value="Alamat">Alamat</option>
</select>
<input type="submit" name="cari" value="Cari" class="btn" style="padding:3px;" margin="6px;" width="50px;" />
</form>
</div>
<table width="100%" border="1px solid #000" style="border-collapse:collapse;">
<tr style="background-color:#A2DED0;">
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>Alamat</th>
<th>Opsi</th>
</tr>
<?php
$input_cari = @$_POST['input_cari'];
$cari = @$_POST['cari'];
$search = @$_POST['search'];
<!DOCTYPE html>
<html>
<head>
<title>CRUD</title>
</head>
<body>
<h2>CRUD</h2>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<h3>Edit Data MAHASISWA</h3>
<?php
//proses mengambil data ke database untuk ditampilkan di form edit berdasarkan id yg didapatkan dari GET id -> edit.php?id=id
//include atau memasukkan file koneksi ke database
include('config.php');
//membuat variabel $id yg nilainya adalah dari URL GET id -> edit.php?id=id
$id = $_GET['id'];
//melakukan query ke database dg SELECT table user dengan kondisi WHERE id = '$id'
$show = mysql_query("SELECT * FROM user WHERE id='$id'");
//cek apakah data dari hasil query ada atau tidak
if(mysql_num_rows($show) == 0){
//jika tidak ada data yg sesuai maka akan langsung di arahkan ke halaman depan atau beranda -> index.php
echo '<script>window.history.back()</script>';
}else{
//jika data ditemukan, maka membuat variabel $data
$data = mysql_fetch_assoc($show); //mengambil data ke database yang nantinya akan ditampilkan di form edit di bawah
}
?>
<form action="edit-proses.php" method="post">
<input type="hidden" name="id" value="<?php echo $id; ?>"> <!-- membuat inputan hidden dan nilainya adalah id -->
<table cellpadding="3" cellspacing="0">
<tr>
<td>Nim</td>
<td>:</td>
<td><input type="text" name="nim" size="30" value="<?php echo $data['nim']; ?>" required></td> <!-- value diambil dari hasil query -->
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" size="30" value="<?php echo $data['nama']; ?>" required></td> <!-- value diambil dari hasil query -->
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" size="30" value="<?php echo $data['alamat']; ?>" required></td> <!-- value diambil dari hasil query -->
</tr>
<tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="simpan" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
edit-proses.php
<?php
//mulai proses edit data
//cek dahulu, jika tombol simpan di klik
if(isset($_POST['simpan'])){
//inlcude atau memasukkan file koneksi ke database
include('config.php');
//jika tombol tambah benar di klik maka lanjut prosesnya
$id = $_POST['id'];
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
//melakukan query dengan perintah UPDATE untuk update data ke database dengan kondisi WHERE id='$id' <- diambil dari inputan hidden id
$update = mysql_query("UPDATE user SET id='$id', nim='$nim', nama='$nama', alamat='$alamat' WHERE id='$id'") or die(mysql_error());
//jika query update sukses
if($update){
echo 'Data berhasil di simpan! '; //Pesan jika proses simpan sukses
echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit
}else{
echo 'Gagal menyimpan data! '; //Pesan jika proses simpan gagal
echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit
}
}else{ //jika tidak terdeteksi tombol simpan di klik
//redirect atau dikembalikan ke halaman edit
echo '<script>window.history.back()</script>';
}
?>
delete.php
<?php
//memulai proses hapus data
//cek dahulu, apakah benar URL sudah ada GET id -> delete.php?id=id
if(isset($_GET['id'])){
//inlcude atau memasukkan file koneksi ke database
include('config.php');
//membuat variabel $id yg bernilai dari URL GET id -> delete.php?id=id
$id = $_GET['id'];
//cek ke database apakah ada data mhs dengan id='$id'
$cek = mysql_query("SELECT id FROM user WHERE id='$id'") or die(mysql_error());
//jika data member tidak ada
if(mysql_num_rows($cek) == 0){
//jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda
echo '<script>window.history.back()</script>';
}else{
//jika data ada di database, maka melakukan query DELETE table mhs dengan kondisi WHERE id='$id'
$del = mysql_query("DELETE FROM user WHERE id='$id'");
//jika query DELETE berhasil
if($del){
echo 'Data mahasiswa berhasil di hapus! '; //Pesan jika proses hapus berhasil
echo '<a href="search.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda
}else{
echo 'Gagal menghapus data! '; //Pesan jika proses hapus gagal
echo '<a href="search.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda
}
}
}else{
//redirect atau dikembalikan ke halaman beranda
echo '<script>window.history.back()</script>';
}
?>
tambah-proses.php
<?php
if(isset($_POST['tambah'])){
//inlcude configurasi koneksi
include('config.php');
//menangkap data dari index.php
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
//qwey menympan datanya
$simpan="INSERT INTO user SET
nim='$nim',
nama='$nama',
alamat='$alamat'";
$input = mysql_query($simpan); //exekusinya
//mencek sukses atau tidak
if($input){
echo 'Data berhasil di tambahkan! '; //Pesan jika proses tambah sukses
echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
}else{
echo 'Gagal menambahkan data! '; //Pesan jika proses tambah gagal
echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
}
}else{
echo '<script>window.history.back()</script>';
}
?>
akses.php
<?php
session_start();
if(!isset($_SESSION['admin'])){
echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';
}
?>
config.php
<?php
$host = "localhost";//ip host
$user = "root"; //user database
$pass = ""; // password database
$name = "praksearch"; //nama database
$koneksi = mysql_connect($host, $user, $pass) or die("Koneksi ke database gagal!");
mysql_select_db($name, $koneksi) or die("Tidak ada database yang dipilih!");
?>
session.php
<?php
// Membangun Koneksi dengan Server
$connection = mysql_connect("localhost", "root", "");
// Seleksi Database
$db = mysql_select_db("prakss", $connection);
session_start();// Memulai Session
// Menyimpan Session
$user_check=$_SESSION['login_user'];
// Ambil nama user berdasarkan username user dengan mysql_fetch_assoc
$ses_sql=mysql_query("select nama_user from user where username='$user_check'", $connection);
$row = mysql_fetch_assoc($ses_sql);
$login_session =$row['nama_user'];
if(!isset($login_session)){
mysql_close($connection); // Menutup koneksi
header('Location: index.php'); // Mengarahkan ke Home Page
}
?>
Untuk halaman User
index.php
<?php include('akses.php'); ?>
<html>
<head>
<title>User Area</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="profile">
<div style="text-align:center">
<h2>User Area</h2>
<p><a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>
<p>Selamat datang di User Area, Anda Login dengan username <?php echo $_SESSION['guest']; ?></p>
</div></div>
<?php
include "config.php"; // menghubungkan ke file config.php agar terhubung dengan database
?>
<!DOCTYPE html>
<html>
<head>
<title>Lihat Data</title>
<!-- CSS untuk mempercantik tampilan-->
<style type="text/css">
td{
text-align: center;
}
</style>
</head>
<body>
<fieldset>
<legend><h1>Data Mahasiswa</h1></legend>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<div style="margin-bottom:15px;" align="right">
<form action="" method="post">
<input type="text" name="input_cari" placeholder="Cari" class="css-input" style="width:250px;" />
<select name="search">
<option value="1" selected="selected">-Cari Berdasarkan-</option>
<option value="Nim">Nim</option>
<option value="Nama">Nama</option>
<option value="Alamat">Alamat</option>
</select>
<input type="submit" name="cari" value="Cari" class="btn" style="padding:3px;" margin="6px;" width="50px;" />
</form>
</div>
<table width="100%" border="1px solid #000" style="border-collapse:collapse;">
<tr style="background-color:#A2DED0;">
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>Alamat</th>
<!--<th>Opsi</th>-->
</tr>
<?php
$input_cari = @$_POST['input_cari'];
$cari = @$_POST['cari'];
$search = @$_POST['search'];
// jika tombol cari di klik
if($cari) {
// jika kotak pencarian tidak sama dengan kosong
if($input_cari != "") {
$sql = mysql_query("select * from user where $search like '%$input_cari%'") or die (mysql_error());
} else {
$sql = mysql_query("select * from user") or die (mysql_error());
}
} else {
$sql = mysql_query("select * from user") or die (mysql_error());
}
// mengecek data
$cek = mysql_num_rows($sql);
// jika data kurang dari 1
if($cek < 1) {
?>
<tr> <!--muncul peringata bahwa data tidak di temukan-->
<td colspan="10" align="center style="padding:10px;""> Data Tidak Ditemukan</td>
</tr>
<?php
} else {
$no=1;
// mengulangi data agar tidak hanya 1 yang tampil
while($data = mysql_fetch_array($sql)) {
?>
<tr>
<td><?php echo $no ?></td>
<td><?php echo $data['nim'] ?></td>
<td><?php echo $data['nama'] ?></td>
<td><?php echo $data['alamat'] ?></td>
<!--Hanya pemanis tampilan-->
<!--<td><?php echo '<a href="edit.php?id='.$data['id'].'"><button>Edit</button></a> / <a href="delete.php?id='.$data['id'].'" onclick="return confirm(\'Yakin?\')"><button>Hapus</button></a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=id
echo '</tr>';?></td>-->
</td>
</tr>
<?php
$no++;
}
}
?>
</table>
</fieldset>
</body>
</html>
akses.php
<?php
session_start();
if(!isset($_SESSION['guest'])){
echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';
}
?>
config.php
<?php
$host = "localhost";//ip host
$user = "root"; //user database
$pass = ""; // password database
$name = "praksearch"; //nama database
$koneksi = mysql_connect($host, $user, $pass) or die("Koneksi ke database gagal!");
mysql_select_db($name, $koneksi) or die("Tidak ada database yang dipilih!");
?>
style.php
b{
color:green;
}
#profile {
padding:80px;
border:3px solid #156fd5;
font-size:30px;
background-color:#A2DED0;
}
#logout {
float:right;
width: 90px;
margin: 0 auto;
padding:5px;
color: #fff;
cursor:pointer;
background:orange;
border-radius:0px;
}
i {
color:red
}
Sekian pembahasan dari saya, Terima Kasih.
Pada program ini saya membuat 2 user yaitu 'admin' dan 'user'. dimana apabila kita masuk dengan level admin maka kita bisa menampilkan data mahasiswa, menambah data mahasiswa, edit serta menghapus data mahasiswa. ketika login dengan level user, maka kita hanya bisa melihat data mahasiswa yang di inputkan oleh admin.
Tampilannya nya bisa di lihat di bawah ini
Source Code
Untuk halaman Login
index.php
<html>
<head>
<style type="text/css">
.register-form{
width: 400px;
margin: 0 auto;
text-align: center;
padding: 50px;
color: #fff;
background : #A2DED0;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.register-btn{
width: 70px;
margin: 0 auto;
text-align: center;
padding: 10px;
color: #fff;
cursor:pointer;
background : orange;
border-radius: 10px;
}
</style>
<title>Login Form</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="register-form">
<form action="login.php" method="post">
<center><h2>Login Form</h2></center>
<table align="center">
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username" placeholder="Username" required /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password" placeholder="Password" required /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="login" value="Login" /></td>
</tr>
</table>
</form>
</body>
</html>
login.php
<?php
include('koneksi.php');
if(isset($_POST['login'])){
$user = mysql_real_escape_string(htmlentities($_POST['username']));
$pass = mysql_real_escape_string(htmlentities($_POST['password']));
$sql = mysql_query("SELECT * FROM user WHERE username='$user' AND password='$pass'") or die(mysql_error());
if(mysql_num_rows($sql) == 0){
echo 'User tidak ditemukan';
}else{
$row = mysql_fetch_assoc($sql);
if($row['level'] == 1){
$_SESSION['admin']=$user;
echo '<script language="javascript">alert("Anda berhasil Login sebagai Admin!"); document.location="admin/index.php";</script>';
}else{
$_SESSION['guest']=$user;
echo '<script language="javascript">alert("Anda berhasil Login sebagai User!"); document.location="guest/index.php";</script>';
}
}
}
?>
logout.php
<?php
session_start();
session_destroy();
echo '<script language="javascript">alert("Anda berhasil Logout!"); document.location="index.php";</script>';
?>
koneksi.php
<?php
session_start();
mysql_connect("localhost", "root", "");
mysql_select_db("ssion");
?>
Untuk halaman Admin
index.php
<?php include('akses.php'); ?>
<html>
<head>
<title>Admin Area</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="profile">
<div style="text-align:center">
<h2>Admin Area</h2>
<p><a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>
<p>Selamat datang di Admin Area, Anda Login dengan username <?php echo $_SESSION['admin']; ?></p>
</div></div>
<br>
<h2>CRUD</h2>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<h3>BUAT DATA MAHASISWA</h3>
<form action="tambah-proses.php" method="post">
<table cellpadding="3" cellspacing="0">
<tr>
<td>Nim</td>
<td>:</td>
<td><input type="text" name="nim" size="30" required></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" size="30" required></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" size="30" required></td>
</tr>
<tr>
<td><button type="submit"
name="tambah" >Submit</button>
</td>
</tr>
</table>
</form>
</body>
</html>
search.php
<?php
include "config.php"; // menghubungkan ke file config.php agar terhubung dengan database
?>
<!DOCTYPE html>
<html>
<head>
<title>Lihat Data</title>
<!-- CSS untuk mempercantik tampilan-->
<style type="text/css">
td{
text-align: center;
}
</style>
</head>
<body>
<fieldset>
<legend><h1>Data Mahasiswa</h1></legend>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<div style="margin-bottom:15px;" align="right">
<form action="" method="post">
<input type="text" name="input_cari" placeholder="Cari" class="css-input" style="width:250px;" />
<select name="search">
<option value="1" selected="selected">-Cari Berdasarkan-</option>
<option value="Nim">Nim</option>
<option value="Nama">Nama</option>
<option value="Alamat">Alamat</option>
</select>
<input type="submit" name="cari" value="Cari" class="btn" style="padding:3px;" margin="6px;" width="50px;" />
</form>
</div>
<table width="100%" border="1px solid #000" style="border-collapse:collapse;">
<tr style="background-color:#A2DED0;">
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>Alamat</th>
<th>Opsi</th>
</tr>
<?php
$input_cari = @$_POST['input_cari'];
$cari = @$_POST['cari'];
$search = @$_POST['search'];
if($cari) {
// jika kotak pencarian tidak sama dengan kosong
if($input_cari != "") {
$sql = mysql_query("select * from user where $search like '%$input_cari%'") or die (mysql_error());
} else {
$sql = mysql_query("select * from user") or die (mysql_error());
}
} else {
$sql = mysql_query("select * from user") or die (mysql_error());
}
// mengecek data
$cek = mysql_num_rows($sql);
// jika data kurang dari 1
if($cek < 1) {
?>
<tr> <!--muncul peringata bahwa data tidak di temukan-->
<td colspan="10" align="center style="padding:10px;""> Data Tidak Ditemukan</td>
</tr>
<?php
} else {
$no=1;
// mengulangi data agar tidak hanya 1 yang tampil
while($data = mysql_fetch_array($sql)) {
//while ($data = mysql_fetch_array($result)) {
?>
<tr>
<td><?php echo $no ?></td>
<td><?php echo $data['nim'] ?></td>
<td><?php echo $data['nama'] ?></td>
<td><?php echo $data['alamat'] ?></td>
<!--Hanya pemanis tampilan-->
<td><?php echo '<a href="edit.php?id='.$data['id'].'"><button>Edit</button></a> / <a href="delete.php?id='.$data['id'].'" onclick="return confirm(\'Yakin?\')"><button>Hapus</button></a></td>';
echo '</tr>';?></td>
</td>
</tr>
<?php
$no++;
}
}
?>
</table>
</fieldset>
</body>
</html>
edit.php
<!DOCTYPE html>
<html>
<head>
<title>CRUD</title>
</head>
<body>
<h2>CRUD</h2>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<h3>Edit Data MAHASISWA</h3>
<?php
//proses mengambil data ke database untuk ditampilkan di form edit berdasarkan id yg didapatkan dari GET id -> edit.php?id=id
//include atau memasukkan file koneksi ke database
include('config.php');
//membuat variabel $id yg nilainya adalah dari URL GET id -> edit.php?id=id
$id = $_GET['id'];
//melakukan query ke database dg SELECT table user dengan kondisi WHERE id = '$id'
$show = mysql_query("SELECT * FROM user WHERE id='$id'");
//cek apakah data dari hasil query ada atau tidak
if(mysql_num_rows($show) == 0){
//jika tidak ada data yg sesuai maka akan langsung di arahkan ke halaman depan atau beranda -> index.php
echo '<script>window.history.back()</script>';
}else{
//jika data ditemukan, maka membuat variabel $data
$data = mysql_fetch_assoc($show); //mengambil data ke database yang nantinya akan ditampilkan di form edit di bawah
}
?>
<form action="edit-proses.php" method="post">
<input type="hidden" name="id" value="<?php echo $id; ?>"> <!-- membuat inputan hidden dan nilainya adalah id -->
<table cellpadding="3" cellspacing="0">
<tr>
<td>Nim</td>
<td>:</td>
<td><input type="text" name="nim" size="30" value="<?php echo $data['nim']; ?>" required></td> <!-- value diambil dari hasil query -->
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" size="30" value="<?php echo $data['nama']; ?>" required></td> <!-- value diambil dari hasil query -->
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" size="30" value="<?php echo $data['alamat']; ?>" required></td> <!-- value diambil dari hasil query -->
</tr>
<tr>
<tr>
<td> </td>
<td></td>
<td><input type="submit" name="simpan" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
edit-proses.php
<?php
//mulai proses edit data
//cek dahulu, jika tombol simpan di klik
if(isset($_POST['simpan'])){
//inlcude atau memasukkan file koneksi ke database
include('config.php');
//jika tombol tambah benar di klik maka lanjut prosesnya
$id = $_POST['id'];
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
//melakukan query dengan perintah UPDATE untuk update data ke database dengan kondisi WHERE id='$id' <- diambil dari inputan hidden id
$update = mysql_query("UPDATE user SET id='$id', nim='$nim', nama='$nama', alamat='$alamat' WHERE id='$id'") or die(mysql_error());
//jika query update sukses
if($update){
echo 'Data berhasil di simpan! '; //Pesan jika proses simpan sukses
echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit
}else{
echo 'Gagal menyimpan data! '; //Pesan jika proses simpan gagal
echo '<a href="edit.php?id='.$id.'">Kembali</a>'; //membuat Link untuk kembali ke halaman edit
}
}else{ //jika tidak terdeteksi tombol simpan di klik
//redirect atau dikembalikan ke halaman edit
echo '<script>window.history.back()</script>';
}
?>
delete.php
//memulai proses hapus data
//cek dahulu, apakah benar URL sudah ada GET id -> delete.php?id=id
if(isset($_GET['id'])){
//inlcude atau memasukkan file koneksi ke database
include('config.php');
//membuat variabel $id yg bernilai dari URL GET id -> delete.php?id=id
$id = $_GET['id'];
//cek ke database apakah ada data mhs dengan id='$id'
$cek = mysql_query("SELECT id FROM user WHERE id='$id'") or die(mysql_error());
//jika data member tidak ada
if(mysql_num_rows($cek) == 0){
//jika data tidak ada, maka redirect atau dikembalikan ke halaman beranda
echo '<script>window.history.back()</script>';
}else{
//jika data ada di database, maka melakukan query DELETE table mhs dengan kondisi WHERE id='$id'
$del = mysql_query("DELETE FROM user WHERE id='$id'");
//jika query DELETE berhasil
if($del){
echo 'Data mahasiswa berhasil di hapus! '; //Pesan jika proses hapus berhasil
echo '<a href="search.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda
}else{
echo 'Gagal menghapus data! '; //Pesan jika proses hapus gagal
echo '<a href="search.php">Kembali</a>'; //membuat Link untuk kembali ke halaman beranda
}
}
}else{
//redirect atau dikembalikan ke halaman beranda
echo '<script>window.history.back()</script>';
}
?>
tambah-proses.php
<?php
if(isset($_POST['tambah'])){
//inlcude configurasi koneksi
include('config.php');
//menangkap data dari index.php
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
//qwey menympan datanya
$simpan="INSERT INTO user SET
nim='$nim',
nama='$nama',
alamat='$alamat'";
$input = mysql_query($simpan); //exekusinya
//mencek sukses atau tidak
if($input){
echo 'Data berhasil di tambahkan! '; //Pesan jika proses tambah sukses
echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
}else{
echo 'Gagal menambahkan data! '; //Pesan jika proses tambah gagal
echo '<a href="index.php">Kembali</a>'; //membuat Link untuk kembali ke halaman tambah
}
}else{
echo '<script>window.history.back()</script>';
}
?>
akses.php
<?php
session_start();
if(!isset($_SESSION['admin'])){
echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';
}
?>
config.php
<?php
$host = "localhost";//ip host
$user = "root"; //user database
$pass = ""; // password database
$name = "praksearch"; //nama database
$koneksi = mysql_connect($host, $user, $pass) or die("Koneksi ke database gagal!");
mysql_select_db($name, $koneksi) or die("Tidak ada database yang dipilih!");
?>
session.php
<?php
// Membangun Koneksi dengan Server
$connection = mysql_connect("localhost", "root", "");
// Seleksi Database
$db = mysql_select_db("prakss", $connection);
session_start();// Memulai Session
// Menyimpan Session
$user_check=$_SESSION['login_user'];
// Ambil nama user berdasarkan username user dengan mysql_fetch_assoc
$ses_sql=mysql_query("select nama_user from user where username='$user_check'", $connection);
$row = mysql_fetch_assoc($ses_sql);
$login_session =$row['nama_user'];
if(!isset($login_session)){
mysql_close($connection); // Menutup koneksi
header('Location: index.php'); // Mengarahkan ke Home Page
}
?>
Untuk halaman User
index.php
<?php include('akses.php'); ?>
<html>
<head>
<title>User Area</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="profile">
<div style="text-align:center">
<h2>User Area</h2>
<p><a href="index.php">Home</a> / <a href="../logout.php">Logout</a></p>
<p>Selamat datang di User Area, Anda Login dengan username <?php echo $_SESSION['guest']; ?></p>
</div></div>
<?php
include "config.php"; // menghubungkan ke file config.php agar terhubung dengan database
?>
<!DOCTYPE html>
<html>
<head>
<title>Lihat Data</title>
<!-- CSS untuk mempercantik tampilan-->
<style type="text/css">
td{
text-align: center;
}
</style>
</head>
<body>
<fieldset>
<legend><h1>Data Mahasiswa</h1></legend>
<p><a href="search.php">Table</a> / <a href="index.php">Tambah Data</a></p>
<div style="margin-bottom:15px;" align="right">
<form action="" method="post">
<input type="text" name="input_cari" placeholder="Cari" class="css-input" style="width:250px;" />
<select name="search">
<option value="1" selected="selected">-Cari Berdasarkan-</option>
<option value="Nim">Nim</option>
<option value="Nama">Nama</option>
<option value="Alamat">Alamat</option>
</select>
<input type="submit" name="cari" value="Cari" class="btn" style="padding:3px;" margin="6px;" width="50px;" />
</form>
</div>
<table width="100%" border="1px solid #000" style="border-collapse:collapse;">
<tr style="background-color:#A2DED0;">
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>Alamat</th>
<!--<th>Opsi</th>-->
</tr>
<?php
$input_cari = @$_POST['input_cari'];
$cari = @$_POST['cari'];
$search = @$_POST['search'];
// jika tombol cari di klik
if($cari) {
// jika kotak pencarian tidak sama dengan kosong
if($input_cari != "") {
$sql = mysql_query("select * from user where $search like '%$input_cari%'") or die (mysql_error());
} else {
$sql = mysql_query("select * from user") or die (mysql_error());
}
} else {
$sql = mysql_query("select * from user") or die (mysql_error());
}
// mengecek data
$cek = mysql_num_rows($sql);
// jika data kurang dari 1
if($cek < 1) {
?>
<tr> <!--muncul peringata bahwa data tidak di temukan-->
<td colspan="10" align="center style="padding:10px;""> Data Tidak Ditemukan</td>
</tr>
<?php
} else {
$no=1;
// mengulangi data agar tidak hanya 1 yang tampil
while($data = mysql_fetch_array($sql)) {
?>
<tr>
<td><?php echo $no ?></td>
<td><?php echo $data['nim'] ?></td>
<td><?php echo $data['nama'] ?></td>
<td><?php echo $data['alamat'] ?></td>
<!--Hanya pemanis tampilan-->
<!--<td><?php echo '<a href="edit.php?id='.$data['id'].'"><button>Edit</button></a> / <a href="delete.php?id='.$data['id'].'" onclick="return confirm(\'Yakin?\')"><button>Hapus</button></a></td>'; //menampilkan link edit dan hapus dimana tiap link terdapat GET id -> ?id=id
echo '</tr>';?></td>-->
</td>
</tr>
<?php
$no++;
}
}
?>
</table>
</fieldset>
</body>
</html>
akses.php
<?php
session_start();
if(!isset($_SESSION['guest'])){
echo '<script language="javascript">alert("Anda harus Login!"); document.location="../index.php";</script>';
}
?>
config.php
<?php
$host = "localhost";//ip host
$user = "root"; //user database
$pass = ""; // password database
$name = "praksearch"; //nama database
$koneksi = mysql_connect($host, $user, $pass) or die("Koneksi ke database gagal!");
mysql_select_db($name, $koneksi) or die("Tidak ada database yang dipilih!");
?>
style.php
b{
color:green;
}
#profile {
padding:80px;
border:3px solid #156fd5;
font-size:30px;
background-color:#A2DED0;
}
#logout {
float:right;
width: 90px;
margin: 0 auto;
padding:5px;
color: #fff;
cursor:pointer;
background:orange;
border-radius:0px;
}
i {
color:red
}
Output
Sekian pembahasan dari saya, Terima Kasih.
Pemrograman Web Dinamis
Membuat Form Pendaftaran dengan Validasi
Untuk membuat form pendaftaran dengan validasi kita bisa mulai dengan membuat file form.html
form.html
<html>
<head>
<title>Form Pendaftaran</title>
<script language="JavaScript" src="validjs.js" type="text/javascript"></script>
</head>
<body>
<H1>Form Pendaftaran</h1>
<form name="myform" action="" method='POST' >
Nim
<input type="text" name="nim" id='nim'><br/>
Nama
<input type="text" name="nama" id='nama'><br/>
EMail
<input type="text" name="email" id='email'><br/>
Umur
<input type="text" name="umur" id='umur'><br/>
Username
<input type='text' name='username' id='username'><br/>
Password
<input type='password' name='password' id='password'><br/>
<br/>
<div id='myform_errorloc' style='color:red'>
</div>
<br/>
<input type="submit" value="Submit">
</form>
<script language="JavaScript" type="text/javascript">
//You should create the validator only after the definition of the HTML form
var frmvalidator = new Validator("myform");
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("nim","req","Nim belum di isi");
frmvalidator.addValidation("nim","maxlen=12","nama Maximal 12");
frmvalidator.addValidation("nim","numeric","Nim tidak boleh mengandung huruf");
frmvalidator.addValidation("nama","req","Nama belum di isi");
frmvalidator.addValidation("nama","maxlen=20","nama Maximal 20");
frmvalidator.addValidation("nama","alpha_s","Nama tidak boleh mengandung angka atau symbol");
frmvalidator.addValidation("email","req");
frmvalidator.addValidation("email","email","email tidak valid");
frmvalidator.addValidation("umur","req");
frmvalidator.addValidation("umur","numeric");
frmvalidator.addValidation("umur","gt=20","umur minimal harus 21");
frmvalidator.addValidation("username","req","Username harus di isi");
frmvalidator.addValidation("password","req","Password harus di isi");
</script>
<body>
</html>
Disini saya memakai validasi javascript
dan tampilannya seperti dibawah ini
Apabila semua kolom yang tersedia tidak diisi, lalu kita tekan tombol submit maka akan muncul peringatan seperti pada gambar di atas.
Kemudian apabila kita masukkan nim dengan huruf, nama kita isi dengan angka ataupun simbol, email kita isi tanpa format email, kemudian umur kita isi 19 (untuk umur sudah saya batasi minimal 21) lalu username dan password tidak diisi maka akan muncul peringatan seperti pada gambar di bawah
Sekian Pembahasan dari saya. Terima Kasih.
Untuk membuat form pendaftaran dengan validasi kita bisa mulai dengan membuat file form.html
Source Code
form.html
<html>
<head>
<title>Form Pendaftaran</title>
<script language="JavaScript" src="validjs.js" type="text/javascript"></script>
</head>
<body>
<H1>Form Pendaftaran</h1>
<form name="myform" action="" method='POST' >
Nim
<input type="text" name="nim" id='nim'><br/>
Nama
<input type="text" name="nama" id='nama'><br/>
<input type="text" name="email" id='email'><br/>
Umur
<input type="text" name="umur" id='umur'><br/>
Username
<input type='text' name='username' id='username'><br/>
Password
<input type='password' name='password' id='password'><br/>
<br/>
<div id='myform_errorloc' style='color:red'>
</div>
<br/>
<input type="submit" value="Submit">
</form>
<script language="JavaScript" type="text/javascript">
//You should create the validator only after the definition of the HTML form
var frmvalidator = new Validator("myform");
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("nim","req","Nim belum di isi");
frmvalidator.addValidation("nim","maxlen=12","nama Maximal 12");
frmvalidator.addValidation("nim","numeric","Nim tidak boleh mengandung huruf");
frmvalidator.addValidation("nama","req","Nama belum di isi");
frmvalidator.addValidation("nama","maxlen=20","nama Maximal 20");
frmvalidator.addValidation("nama","alpha_s","Nama tidak boleh mengandung angka atau symbol");
frmvalidator.addValidation("email","req");
frmvalidator.addValidation("email","email","email tidak valid");
frmvalidator.addValidation("umur","req");
frmvalidator.addValidation("umur","numeric");
frmvalidator.addValidation("umur","gt=20","umur minimal harus 21");
frmvalidator.addValidation("username","req","Username harus di isi");
frmvalidator.addValidation("password","req","Password harus di isi");
</script>
<body>
</html>
Disini saya memakai validasi javascript
dan tampilannya seperti dibawah ini
Output
Apabila semua kolom yang tersedia tidak diisi, lalu kita tekan tombol submit maka akan muncul peringatan seperti pada gambar di atas.
Kemudian apabila kita masukkan nim dengan huruf, nama kita isi dengan angka ataupun simbol, email kita isi tanpa format email, kemudian umur kita isi 19 (untuk umur sudah saya batasi minimal 21) lalu username dan password tidak diisi maka akan muncul peringatan seperti pada gambar di bawah
Output
Sekian Pembahasan dari saya. Terima Kasih.
Pemrograman Web Dinamis
Menampilkan data keluarga sebanyak n inputan
data.php
<?php
session_start();
$_SESSION['ALDI']=0;
header("location;index.php")
?>
Source Code
data.php
<?php
session_start();
$_SESSION['ALDI']=0;
header("location;index.php")
?>
index.php
<html>
<head>
<title>form index</title>
</head>
<tr><td><b><font face="Times new Rowman">Biodata</font></b></td></tr>
<form action="index.php" method="post">
<input type="text" name="LISTIA" placeholder="Nama">
<input type="text" name="DIMAS" placeholder="Alamat">
<br><input type="submit" value="Simpan"></br>
</form>
<table>
<tr><td>Nama</td><td>Alamat</td></tr>
<?php
session_start();
if(isset($_POST['LISTIA'])){
$_SESSION['LISTIA'][$_SESSION['ALDI']][0]=$_POST['LISTIA'];
$_SESSION['DIMAS'][$_SESSION['ALDI']][1]=$_POST['DIMAS'];
$_SESSION['ALDI']++;
}
for($i=1;$i<$_SESSION['ALDI'];$i++){
echo "<tr><td>".$_SESSION['LISTIA'][$i][0]."</td>";
echo "<td>".$_SESSION['DIMAS'][$i][1]."</td></tr>";
}
?>
</table>
</html>
Output
Biodata
Program Biodata Menggunakan PHP
Cara 1
<?php
echo "Biodata Teman<br><br>";
$nama1 = "Aldi";
$nama2 = "Ubai";
$nama3 = "Zaky";
$nama4 = "Andi";
$nama5 = "Bram";
$alamat1 = "Sumatera";
$alamat2 = "Lampung";
$alamat3 = "Magelang";
$alamat4 = "Kalimantan";
$alamat5 = "Kediri";
echo "Nama : ".$nama1."<br>";
echo "Alamat : ".$alamat1."<br><br>";
echo "Nama : ".$nama2."<br>";
echo "Alamat : ".$alamat2."<br><br>";
echo "Nama : ".$nama3."<br>";
echo "Alamat : ".$alamat3."<br><br>";
echo "Nama : ".$nama4."<br>";
echo "Alamat : ".$alamat4."<br><br>";
echo "Nama : ".$nama5."<br>";
echo "Alamat : ".$alamat5."<br>";
?>
Cara 2
<?php
echo "Biodata Teman<br><br>";
$nama[0] = "Aldi";
$nama[1] = "Ubai";
$nama[2] = "Zaky";
$nama[3] = "Andi";
$nama[4] = "Bram";
$alamat[0] = "Sumatera";
$alamat[1] = "Lampung";
$alamat[2] = "Magelang";
$alamat[3] = "Kalimantan";
$alamat[4] = "Kediri";
for ($i=0;$i<=4;$i++){
echo "Nama : ".$nama[$i]. "<br>";
echo "Alamat : ".$alamat[$i]. "<br><br>";
}
?>
Cara 3
<?php
echo "Biodata Teman<br><br>";
$nama = array("Aldi","Ubai","Zaki","Andi","Bram");
$alamat = array("Sumatera","Lampung","Magelang","Kalimantan","Kediri");
for ($i=0;$i<=4;$i++){
echo "Nama : ".$nama[$i]."<br>";
echo "Alamat : ".$alamat[$i]."<br><br>";
}
?>
Output
Matrik
Program Matrik dengan Dev C++
#include <iostream>
/* run this program using the console pauser or add your own getch, system("pause") or input loop */
using namespace std;
int main(int argc, char** argv) {
int i,j,hasil[2][2];
int A[2][2]={6,5,4,3},B[2][2]={6,5,4,3};
cout<<"Isi variabel data adalah "<<endl;
cout<<"--------------------------\n\n";
cout<<" MATRIK 1 | MATRIK 2 "<<endl<<endl;
for(i=0;i<2;i++){
for(j=0;j<2;j++)
cout<<" "<<A[i][j]<<" ";}
cout<<" ";
for(i=0;i<2;i++){
for(j=0;j<2;j++)
cout<<" "<<B[i][j]<<" ";}
cout<<endl<<endl;
cout<<"HASIL : ";
for(i=0;i<2;i++){
for(j=0;j<2;j++){
hasil[i][j]=A[i][j]+B[i][j];
cout<<" "<<hasil[i][j]<<" ";
}
}
return 0;
}
#include <iostream>
/* run this program using the console pauser or add your own getch, system("pause") or input loop */
using namespace std;
int main(int argc, char** argv) {
int i,j,hasil[2][2];
int A[2][2]={6,5,4,3},B[2][2]={6,5,4,3};
cout<<"Isi variabel data adalah "<<endl;
cout<<"--------------------------\n\n";
cout<<" MATRIK 1 | MATRIK 2 "<<endl<<endl;
for(i=0;i<2;i++){
for(j=0;j<2;j++)
cout<<" "<<A[i][j]<<" ";}
cout<<" ";
for(i=0;i<2;i++){
for(j=0;j<2;j++)
cout<<" "<<B[i][j]<<" ";}
cout<<endl<<endl;
cout<<"HASIL : ";
for(i=0;i<2;i++){
for(j=0;j<2;j++){
hasil[i][j]=A[i][j]+B[i][j];
cout<<" "<<hasil[i][j]<<" ";
}
}
return 0;
}
Pangkat
Program Pangkat dengan C++
#include <iostream>
/* run this program using the console pauser or add your own getch, system("pause") or input loop */
using namespace std;
int main(int argc, char** argv) {
int i, hasil,a,n;
hasil=1;
cout<<"Program Menghitung Pangkat"<<endl<<endl;
cout<<"Masukkan nilai A : ";
cin>>a;
cout<<"Masukkan nilai N : ";
cin>>n;
for(i=1;i<=n;i++){
hasil = hasil * a;
}
cout<<"Hasil A pangkat N adalah : "<<hasil;
cout<<endl;
return 0;
}
Program Pangkat dengan Pascal
#include <iostream>
/* run this program using the console pauser or add your own getch, system("pause") or input loop */
using namespace std;
int main(int argc, char** argv) {
int i, hasil,a,n;
hasil=1;
cout<<"Program Menghitung Pangkat"<<endl<<endl;
cout<<"Masukkan nilai A : ";
cin>>a;
cout<<"Masukkan nilai N : ";
cin>>n;
for(i=1;i<=n;i++){
hasil = hasil * a;
}
cout<<"Hasil A pangkat N adalah : "<<hasil;
cout<<endl;
return 0;
}
Program Pangkat dengan Pascal
Deret Fibonacci
Program Deret Fibonacci dengan Dev C++
#include <iostream>
/* run this program using the console pauser or add your own getch, system("pause") or input loop */
using namespace std;
int main(int argc, char** argv) {
int a, b, x, y, i;
cout<<"Program Deret Fibonacci"<<endl<<endl;
cout<<"Masukkan bilangan : ";cin>>a;
x=1;y=1;
cout<<x<<endl<<y<<endl;
for(int b=3; b<=a; b++)
{
i = x + y;
x = y;
y = i;
cout<<i<<endl;
}
return 0;
}
Program Deret Fibonacci Dengan Pascal
#include <iostream>
/* run this program using the console pauser or add your own getch, system("pause") or input loop */
using namespace std;
int main(int argc, char** argv) {
int a, b, x, y, i;
cout<<"Program Deret Fibonacci"<<endl<<endl;
cout<<"Masukkan bilangan : ";cin>>a;
x=1;y=1;
cout<<x<<endl<<y<<endl;
for(int b=3; b<=a; b++)
{
i = x + y;
x = y;
y = i;
cout<<i<<endl;
}
return 0;
}
Program Deret Fibonacci Dengan Pascal
Langganan:
Postingan
(
Atom
)
