Menginput dan Menampilkan Data dengan PHP dan MYSQL

Pada postingan kali ini saya akan memberikan sebuah postingan mengenai bagaiman cara menginput data ke database dan menampilkan data tersebut di halaman website.

php_mysql_development

 

Hal pertama yang harus diperhatikan yaitu pastikan anda memiliki database stelah memiliki database kita harus membuat koneksi ke database. berikut adalah koneksi database, anda harus menyimpanya dalam nama koneksi.php

berikut adalah source codenya:

Dapatkan berbagai informasi menarik lainya di: www.pejuangtoga.id
Baca seputar informasi kesehatan terlengkap di : www.idnsehat.com
Dapatkan informasi Jual alat Kesehatan di: www.indoalkes.id

<?php
$server = “localhost”; //server databse
$usernameDatabase = “root”; // username database
$passwordDatabase = “”; //password database
$databaseName = “coba”; // nama databse

$con = mysqli_connect($server,$usernameDatabase,$passwordDatabase,$databaseName) or die(“Koneksi gagal”);
?>

setelah membuat file koneksi database tersebut, anda harus membuat file untuk proses menambahkan atau menginput data dengan memberi nama  proses-tambah.php

berikut adalah source codenya:

<?PHP
if (isset($_POST[‘input’])) {
$error = array();
if (empty($_POST[‘id’])) {
$error[] = ‘Isi Semua Data';
} else {
$id =mysqli_real_escape_string($mysqli, $_POST[‘id’]);

}

if (empty($_POST[‘nama’])) {
} else {
$nama =mysqli_real_escape_string($mysqli, $_POST[‘nama’]);
}
if (empty($_POST[‘username’])) {
} else {
$username =mysqli_real_escape_string($mysqli, $_POST[‘username’]);
}
if (empty($_POST[‘password’])) {
$error[] = ‘Kata sandi tidak boleh kosong'; }

if(empty($_POST[‘password’])){
$error[] = “Masukkan Pasword minimal 5 karakter maksimal 15 karakter”;
} else {
$password = mysqli_real_escape_string($mysqli,md5($_POST[‘password’]));}
$email = mysqli_real_escape_string($mysqli, $_POST[‘email’]);
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$error[] = ‘Alamat Email yang anda masukkan salah';
} else {
$email = mysqli_real_escape_string($mysqli, $_POST[‘email’]);
}

if (empty($error)){

// query untuk mencari email yg sdh ada di database
$query =”SELECT * FROM input WHERE id =’$id'”;
$result = $mysqli->query($query) or die($mysqli->error.LINE);
if(!$result->num_rows > 0){

$insert=”INSERT INTO input values(”,’$id’, ‘$nama’, ‘$username’,’$email’,’$password’ )”
or die($mysqli->error.LINE);
if($mysqli->query($insert) === false) {

echo'<div class=”alert alert-danger alert-dismissable”>
<button type=”button” class=”close” data-dismiss=”alert” aria-hidden=”true”>&times;</button>Maaf anda tidak bisa mendaftar karena sistem kami ada kesalahan..!</div>';
}
else {
echo'<div class=”alert alert-warning alert-dismissable”>
<button type=”button” class=”close” data-dismiss=”alert” aria-hidden=”true”>&times;</button>Input Databerhasil..!</div>';
}
}
else {
echo'<div class=”alert alert-danger alert-dismissable”>
<button type=”button” class=”close” data-dismiss=”alert” aria-hidden=”true”>&times;</button>Maaf Sebelumnya akun ini sudah terdaftar…!</div>';
}
}
else {echo'<div class=”alert alert-danger alert-dismissable”><ul>';
foreach ($error as $key => $values) {
echo'<li>’.$values.'</li>';}
echo'</ul></div>';
}
unset($_POST[‘input’]);
mysqli_close($mysqli); }

Setelah membuat login proses anda harus membuat source code untuk menyesuaikan data yang ingin anda gunakan untuk login serta membuat tampilan interface dari login tersebut beri nama file ini dengan input.php

berikut adalah source codenya:

<?PHP
require_once”koneksi.php”;
if(!empty($_SESSION[‘member_id’])) {
header (‘location:./input.php’);
} else{

echo’
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta charset=”utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<title>Input output data</title>
<link rel=”shortcut icon” href=”assets/img/nf.jpg” />
<link href=”assets/css/bootstrap.css” rel=”stylesheet” />
<link href=”assets/css/font-awesome.css” rel=”stylesheet” />
<link href=”assets/css/custom.css” rel=”stylesheet” />
</head>

<body>';
echo’
<div class=”container”><div class=”row”>
<div class=”col-md-6 col-md-offset-3″>
<div class=”panel panel-body”><h3 align=”center”>Input Data</h3><hr>';
require_once”proses-tambah.php”;
echo’
<form class=”row-border” name=”form1″ action=”” method=”post”>

<div class=”form-group”>
<label>id <span class=”required”></span></label>
<input name=”id” type=”text” class=”required form-control”>
</div>

<div class=”form-group”>
<label>Nama Lengkap<span class=”required”></span></label>
<input name=”nama” type=”text” class=”required form-control”>
</div>

<div class=”form-group”>
<label>Username<span class=”required”></span></label>
<input name=”username” type=”text” class=”required form-control”>
</div>

<div class=”form-group”>
<label> Email <span class=”required”></span></label>
<input name=”email” type=”email” class=”required form-control”>
</div>

<div class=”form-group”>
<label>Password<span class=”required”></span></label>
<input name=”password” type=”password” class=”required form-control”>
</div>

<div class=”form-actions”>
<button class=”btn btn-warning” type=”reset”>Reset</button>
<button class=”btn btn-primary” name=”input” type=”submit”>Input</button>
</div>
</form>
</div></div>

</div></div>

</body>
</html>';}

Setelah Membuat form input data dan memasukan data dengan menekan tombol input  maka data akan tersimpan kedatabase dan akan ditampikan secara langsung. sebelumnya kita harus membuat source code penampilnya dengan memberi nama lihat.php

berikut adalah source codenya:

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<title>Input Output data</title>
<link href=”style.css” rel=”stylesheet” />
<link href=”assets/css/custom.css” rel=”stylesheet” />
</head>
<center>
<br>
<br>

<br>

<table border=”1″>
<thead>
<tr>
<th>ID</th>
<th>Nama</th>
<th>Username</th>
<th>Email</th>
<th>Password</th>
</tr>
</thead>
<tbody>
<?php
$host = “localhost”;
$user_name = “root”;
$password = “”;
$database = “coba”;

$koneksi = mysql_connect($host, $user_name, $password);
$pilihdatabase = mysql_select_db($database, $koneksi);
$select = “SELECT * from input”;
$select_query = mysql_query($select);
while($select_result = mysql_fetch_array($select_query))
{
$id = $select_result[‘id’] ;
$nama = $select_result[‘nama’] ;
$username = $select_result[‘username’] ;
$email = $select_result[‘email’] ;
$password = $select_result[‘password’] ;
echo “

<tr><td>$id</td><td>$nama</td><td>$username</td><td>$email</td><td>$password</td></tr>

“;
}
?>
</table>
<br/>

<div>
<br>
<br>
<td witdh=”115″><a href=”index.php”><input type=”submit” value=”Input Data Siswa”/></a></td>

<!– /. ROW –>
</div>
<!– /. PAGE INNER –>
</div>
<!– /. PAGE WRAPPER –>
</div>
<!– /. WRAPPER –>
<!– SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME–>
<!– JQUERY SCRIPTS –>
<script src=”assets/js/jquery-1.10.2.js”></script>
<!– BOOTSTRAP SCRIPTS –>
<script src=”assets/js/bootstrap.min.js”></script>
<!– METISMENU SCRIPTS –>
<script src=”assets/js/jquery.metisMenu.js”></script>
<!– CUSTOM SCRIPTS –>
<script src=”assets/js/custom.js”></script>

</body>
</html>

Setelah maembuat file lihat.php masukan semua file tadi dalam satu folder kemudian letakan di C:\xampp\htdocs. Pastikan anda sudah mengistall XAMPP 5.5 (PHP 5.5 dan MySQL 5), jika belum silahkan download DISINI

setelah itu buka browser kalian kemudian ketik link http://localhost/nama folder kalian/input.php maka akan tampil seperti berikut.

33

Kemudian isi form yang tambil dengan lengkap. kemudian klik input maka akan tampil seperti gambar berikut.

32

data diatas merupakan semua data yang ada didatabase yang telah kita input. Untuk file lengkap beserta dengan css silangkan download DISINI

Dapatkan berbagai informasi menarik lainya di: www.pejuangtoga.id
Baca seputar informasi kesehatan terlengkap di : www.idnsehat.com
Dapatkan informasi Jual alat Kesehatan di: www.indoalkes.id

Demikian sedikit ilmu yang dapat saya bagikan, semoga bermanfaat.

3 thoughts on “Menginput dan Menampilkan Data dengan PHP dan MYSQL

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>