Showing posts with label Tuttorial. Show all posts
Showing posts with label Tuttorial. Show all posts

Friday, 14 October 2016

Cara Mudah Membuat Crud PHP Native


Membuat Aplikasi CRUD Sederhana dengan PHP dan MySQL. Seperti judulnya yaitu Membuat Aplikasi CRUD (Create, Read, Update, Delete) Sederhana dengan PHP dan MySQL. Aplikaso CRUD ini Dulu  menjadi Tugas Praktek Saya UTS Sekolah , Dari Pada Gak Kepake Mending Saya Bagikan ,Jadi nanti kita akan membuat Aplikasi sederhanya bagaimana cara Create/insert data ke database, Read/Select/Menampilkan data dari database, Update/edit data dari database, dan Delete/hapus data dari database dengan menggunakan bahasa pemrograman PHP dan database MySQL.

Crud menjadi kunci dari bergai program aplikasi , Di tutorial ini kita Akan membahas Tuntas Dari Awal , agar Anda yang pemula bisa mempelajarinya dengan mudah. Karena ini hanya basicnya saja, Plus nanti Ada sedikit Tambahan CSS buat Tampilan  jadi tidak ada yang namanya kemanan dalam query ke database, saya buat sangat sederhana agar mudah dipelajari dengan mudah.

Ok Lansung saja kita Praktikan membuat  ini  adalah langkah-langkah .
Susunan File Yang di perlu dibuat.























#Langkah 1

Membuat database di phpmyadmin Apabila belum mendownload Silah kan Download Dan Instal XAMPP . buat database seperti di bawah ini:
Buat database dengan Nama " uts5 " structur table bisa di lihat di gambar dibawah :

database dan table siswa sudah dibuat isi nya di kosongin  aja nanti di input  lewat Aplikasi Crud Nanti yang akan kita Buat 


#Tahap 2

Membuat koneksi untuk menghubungkan ke database:
berinama " koneksi.php ".
<?php
mysql_connect('localhost','root','');
mysql_select_db('uts5');

 ?>


#Tahap 3

Setelah membuat koneksi selanjutnya membuat input buat memasukan data kedalam table siswa , di tampilan sudah menggunakan css . Beri nama " input.php "

<!DOCTYPE html>
<html>
<head>
<title>Dashboard | Admin</title>
</head>
<link rel="stylesheet" type="text/css" href="asset/style.css">
<body>
<nav>
<ul class="kiri">
<li><a href="">COntrol Admin</a></li>
</ul>
<ul class="kanan">
<li><a href="">Hello Bagus</a></li>
<div style="clear:both"></div>
</ul>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<div class="main">
<div class="isimain">
<span class="span">Form Input Data Siswa</span>
<form action="pro_tambah.php" method="POST">
<input type="text" name="nisn" placeholder="Masukan NISN"><br>
<input type="text" name="name" placeholder="Nama Lengkap"><br>
<input type="text" name="tempatLahir" placeholder="Tempat Lahir"><br>
<input type="date" name="tglLahir" placeholder="Tanggal Lahir"><br>
Laki Laki<input type="radio" name="jenisKelamin" value="L">Permpuan<input type="radio" name="jenisKelamin" value="P"><br>
<select name="jurusan">
<option>--Pilih Jurusan--</option>
<option value="rpl">RPL</option>
<option value="tkj">TKJ</option>
<option value="tkr">TKR</option>
</select><br>
<input type="submit" value="Simpan Data">
</form>
</div>
</div>
</body>
</html>

#Tahap 4

Membuat Proses input  penjelasan Singkat  Jadi data Dari Form Input Tadi akan di Olah atau di proses di proses input ini.  berinama " pro_tambah.php "
<?php
include 'koneksi.php';
 ?>
<?php
$nisn=$_POST['nisn'];
$nama=$_POST['name'];
$tmpt=$_POST['tempatLahir'];
$tgl=$_POST['tglLahir'];
$jk=$_POST['jenisKelamin'];
$jur=$_POST['jurusan'];

$s=mysql_query("INSERT INTO siswa VALUES('','$nisn','$nama','$tmpt','$tgl','$jk','$jur')") or die(mysql_error());{
?>
<script>
alert("Data Siswa Berhasil Disimpan");
window.location.href='siswa.php';

</script>
<?php
}

 ?>

#Tahap 5

Selanjutnya kita akan Mencoba Menampilkan data Yang telah inputkan tadi  kita akan beri nama " siswa.php ";
<?php
include 'koneksi.php';
 ?>
<html>
<head>
<title>Home | admin</title>
<link rel="stylesheet" type="text/css" href="asset/style.css">
</head>
<body>
<nav>
<ul class="kiri">
<li><a href="">ADMIN</a></li>
</ul>
<ul class="kanan">
</ul><div style="clear:both"></div>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>
</ul>
</div>
<style type="text/css">
td,th{border:1px solid #ccc;padding:10px;}
table{border-collapse:collapse;}
</style>
<div class="main">
<div class="isimain">
<table>
<a href="input.php"><input type="submit" value="Tambah Data Siswa"></a>
<tr>
<th>No</th><th>Nisn</th><th>Nama</th><th>Tempat Lahir</th><th>Tanggal Lahir</th><th>Jenis Kelamin</th><th>Jurusan</th><th>Action</th>
</tr>
<?php
$data=mysql_query("SELECT * FROM siswa ORDER BY name");
$no=1;
while ($r=mysql_fetch_array($data)) {
?>
 <tr>
  <td><?php echo $no++ ?></td>
  <td><?php echo $r['nisn']; ?></td>
  <td><?php echo $r['name']; ?></td>
  <td><?php echo $r['tempatLahir']; ?></td>
  <td><?php echo $r['tglLahir']; ?></td>
  <td><?php echo $r['jenisKelamin']; ?></td>
  <td><?php echo $r['jurusan']; ?></td>
  <td><a href='edit.php?id=<?php echo $r['id'];?>'>Edit</a><a href='hapus.php?id=<?php echo $r['id'];?>'>Hapus</a></td>
 </tr>
<?php
}
 ?>

</table>
</div>
</div>
</body>
</html>

#Tahap 6

Kita sudah membuat inputan dan lihat data ( repot ) selanjutnya kita akan membuat EDIT data  kita akan coba edit data yang telah ada di  siswa.php  , kita buat dulu form editnya  berinama edit.php:
<?php
include 'koneksi.php';
 ?>
 <html>
<head>
<title>Home | admin</title>
<link rel="stylesheet" type="text/css" href="asset/style.css">
</head>
<body>
<nav>
<ul class="kiri">
<li><a href="">ADMIN</a></li>
</ul>
<ul class="kanan">
</ul><div style="clear:both"></div>
</nav>
<div class="sidebar">
<ul>
<li><a href="home.php">Dashboard</a></li>
<li><a href="siswa.php">Data Siswa</a></li>

</ul>
</div>
<div class="main">
<div class="isimain">
<span class="span">Form Input Tambah Siswa</span>
<?php
$id=$_GET['id'];
$data=mysql_query("SELECT * from siswa WHERE id='$id'");
while ($r=mysql_fetch_array($data)) {
$t=$r['jurusan'];
$y=$r['jenisKelamin'];
?>
<form action="pro_edit.php" method="POST">
<input type="hidden" name="id" value="<?php echo $r['id']; ?>"><br>
<input type="text" name="nisn" value="<?php echo $r['nisn'];?>"><br>
<input type="text" name="name" value="<?php echo $r['name'];?>"><br>
<input type="text" name="tempatLahir" value="<?php echo $r['tempatLahir'];?>"><br>
<input type="date" name="tglLahir" value="<?php echo $r['tglLahir'];?>"><br>
Laki Laki <input type='radio' name='jenisKelamin' value='L' <?php if($y=="L"){echo 'checked';} ?>/>
Perempuan <input type='radio' name='jenisKelamin' value='P' <?php if($y=="P"){echo 'checked';} ?>/><br>
<select name='jurusan'>
<option>--Pilih Jurusan--</option>
<option value="rpl"<?php if($t=="rpl"){ echo "selected=\"selected\""; } ?>>RPL</option>
<option value="tkj"<?php if($t=="tkj"){ echo "selected=\"selected\""; } ?>>TKJ</option>
<option value="tkr"<?php if($t=="tkr"){ echo "selected=\"selected\""; } ?>>TKR</option>
</select><br>
<input type='submit'>
</form>

<?php
}
 ?>

</div>
</div>
</body>
</html>


#Tahap 7

Setelah kita buat form edit nya  langkah selanjutnya buat prosesnya dimana  dari form edit akan di proses oleh proses  edit berinama " pro_edit.php "
<?php
include 'koneksi.php';
$id=$_POST['id'];
$a=$_POST['nisn'];
$b=$_POST['name'];
$d=$_POST['tempatLahir'];
$e=$_POST['tglLahir'];
$f=$_POST['jenisKelamin'];
$g=$_POST['jurusan'];

$s=mysql_query("UPDATE  siswa SET nisn='$a',name='$b',tempatLahir='$d',tglLahir='$e',jenisKelamin='$f',jurusan='$g' where id='$id'") or die(mysql_error());{
?>
 <script type="text/javascript">
  alert("Data Berhasil Disimpan");
  window.location.href='siswa.php';
 </script>
 <?php
}


 ?>

#Tahap 8

ini adalah langkah terakhir  yaitu hapus  data siswa   :

<?php
include 'koneksi.php';
 ?>
<?php
$id =$_GET['id'];
$db=mysql_query("DELETE FROM siswa WHERE id='$id'") or die(mysql_error());
{?>
<script type="text/javascript">
alert("Anda Yakin ??");
window.location.href="siswa.php";
</script>

<?php } ?>


Tahap- Tahap Sudah Di buat Kini kita Jalan kan . selamat mencoba mungkin bisa refrensi anda  , itu cuma sekedan Aplikasi Crud Sederhana Yang saya kembangkan Dengan CSS3.

Bisa download Filenya Linknya Disini

Bisa download Databasenya Linknya Disini

Ada Juga Text Mengenai CRUD Native Di MS WORD  Download Disini

Sunday, 28 February 2016

Login Sederhana PHP OOP & AJAX

Assalamualaikum wb. Pada Kesem Tutorial Penyanyi menjelaskan akan, cara membuat Login Script using jQuery Ajax DENGAN PHP MySQL, also Penyanyi Adalah postingan SIGNIFIKAN Saya Penghasilan kena pajak postingan Pendaftaran using jQuery Dan Ajax, sehingga hearts tutorial Penyanyi Saya akan MEMBUAT form login sederhana using Bootstrap. email kata sandi Dan akan memvalidasi JIKA pengguna Biarkan kosong Penghasilan kena pajak Formulir akan BR disampaikan using $ ajax () Metode Dan mengirim Nilai pengguna Ke Halaman Login Utama SEMUA Proses akan dilakukan Tanpa menyegarkan Halaman, 

Kami telah digunakan di sini sebelumnya dibuat database dan tabel yang digunakan dalam pos pendaftaran ajax, gunakan kode berikut untuk membuat tabel dalam database "masuk.sql" 

perhatikan Gmabar di bawah ini !

Buat database Dengan Nama masuk !



Kemudian  buat new File Bernama 
Dbconfig.Php

Database file konfigurasi, memodifikasi nama pengguna, kata sandi dan nilai-nilai database yang sesuai kebutuhan Anda.
<?php


 $db_host = "localhost";
 $db_name = "masuk";
 $db_user = "root";
 $db_pass = "";
 
 try{
  
  $db_con = new PDO("mysql:host={$db_host};dbname={$db_name}",$db_user,$db_pass);
  $db_con->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
 }
 catch(PDOException $e){
  echo $e->getMessage();
 }


?>

Form Login sederhana Pengguna


Untuk memuat bootstrap desain kita harus menambahkan berikut dua file css bootstrap tepat di atas </ head> tag penutup
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">

Selanjutnya Kita membuat file baru dan menyimpannya sebagai index.php dengan kode berikut, ini adalah halaman login utama kami berisi form login html user friendly yang akan menerima email, password dan tentu saja validasi harus begitu validasi ada.

<body>

<div id="flip"><h2>Klik Disini Untuk Login</h2></div>
<div id="panel"><div class="signin-form">

    <div class="container">
     
        
       <form class="form-signin" method="post" id="login-form">
      
        <h2 class="form-signin-heading">Masuk</h2><hr />
        
        <div id="error">
        
        </div>
        
        <div class="form-group">
        <input type="email" class="form-control" placeholder="Masukan alamat email" name="user_email" id="user_email" />
        <span id="check-e"></span>
        </div>
        
        <div class="form-group">
        <input type="password" class="form-control" placeholder="Masukan Password Anda" name="password" id="password" />
        </div>
       
        <hr />
        
        <div class="form-group">
            <button type="submit" class="btn btn-default" name="btn-login" id="btn-login">
            <span class="glyphicon glyphicon-hand-right"></span> &nbsp; Sign In
            </button> 
        </div>  
        <h5 class="form-signin-heading">Created @bagusfever desain By Bootstrap</h5>
      
      </form>

    </div>
    
</div></div>

    

    
<script src="bootstrap/js/bootstrap.min.js"></script>

</body>

Login Process.Php
Berisi kode hanya PHP, ini akan memverifikasi email dan password nilai-nilai dalam database, file ini akan bekerja diam-diam di back-end dan panggilan melalui $ ajax () metode menggunakan kode jQuery. jika login sukses memberikan pesan ok atau jika gagal akan mencetak rincian yang salah pesan.
<?php
 session_start();
 require_once 'dbconfig.php';

 if(isset($_POST['btn-login']))
 {
  //$user_name = $_POST['user_name'];
  $user_email = trim($_POST['user_email']);
  $user_password = trim($_POST['password']);
  
  $password =($user_password);
  
  try
  { 
  
   $stmt = $db_con->prepare("SELECT * FROM tbl_users WHERE user_email=:email");
   $stmt->execute(array(":email"=>$user_email));
   $row = $stmt->fetch(PDO::FETCH_ASSOC);
   $count = $stmt->rowCount();
   
   if($row['user_password']==$password){
    
    echo "ok"; // log in
    $_SESSION['user_session'] = $row['user_id'];
   }
   else{
    
    echo "Email atau Password  Salah D-:";
   }
    
  }
  catch(PDOException $e){
   echo $e->getMessage();
  }
 }

?>

Selanjutnya Script.Js
Kode JavaScript / jQuery yang bertanggung jawab untuk melakukan semua hal yang diam-diam, ini akan membunuh "login process.php" melalui $ ajax () metode dan id "respon" ok maka akan redirect ke halaman rumah, jika tidak maka akan menampilkan pesan yang tepat dalam "#error" div. script ini dilengkapi dengan validasi yang tepat.
$('document').ready(function()
{ 
     /* validation */
  $("#login-form").validate({
      rules:
   {
   password: {
   required: true,
   },
   user_email: {
            required: true,
            email: true
            },
    },
       messages:
    {
            password:{
                      required: "Mohon isi Paswword Anda Dengan Benar !"
                     },
            user_email: "harap Masukan email Anda Dengan Benar !",
       },
    submitHandler: submitForm 
       });  
    /* validation */
    
    /* login submit */
    function submitForm()
    {  
   var data = $("#login-form").serialize();
    
   $.ajax({
    
   type : 'POST',
   url  : 'login_process.php',
   data : data,
   beforeSend: function()
   { 
    $("#error").fadeOut();
    $("#btn-login").html('<span class="glyphicon glyphicon-transfer"></span> &nbsp; Memproses');
   },
   success :  function(response)
      {      
     if(response=="ok"){
         
      $("#btn-login").html('<img src="btn-ajax-loader.gif" /> &nbsp; Harap Tunggu ...');
      setTimeout(' window.location.href = "home.php"; ',4000);
     }
     else{
         
      $("#error").fadeIn(1000, function(){      
    $("#error").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> &nbsp; '+response+' !</div>');
           $("#btn-login").html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign In');
         });
     }
     }
   });
    return false;
  }
    /* login submit */
});

home.php

ini adalah halaman anggota rumah kami dan hanya anggota dapat mengaksesnya, file ini akan dibuka melalui ajax, dan jika sesi kosong itu akan mengarahkan ke halaman login / index.
<?php
session_start();

if(!isset($_SESSION['user_session']))
{
 header("Location: index.php");
}

include_once 'dbconfig.php';

$stmt = $db_con->prepare("SELECT * FROM tbl_users WHERE user_id=:uid");
$stmt->execute(array(":uid"=>$_SESSION['user_session']));
$row=$stmt->fetch(PDO::FETCH_ASSOC);

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bagus Fever</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen"> 
<script type="text/javascript" src="jquery-1.11.3-jquery.min.js"></script>
<link href="style.css" rel="stylesheet" media="screen">

</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="http://demamsinau.blogspot.co.id/">Demam Sinau</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Hubungi Kami</a></li>
            <li><a href="#">PHP</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
     <span class="glyphicon glyphicon-user"></span>&nbsp;Hi' <?php echo $row['user_name']; ?>&nbsp;<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="profil.php"><span class="glyphicon glyphicon-user"></span>&nbsp;View Profile</a></li>
                <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span>&nbsp;Sign Out</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    
    
<div class="body-container">

<div class="container">
    <div class='alert alert-success'>
  <button class='close' data-dismiss='alert'>&times;</button>
   <strong>Hello '<?php echo $row['user_name']; ?></strong> Selamat datang DI Halaman Utama enjoy Ya :-D
    </div>
</div>

<div class="container">






        


<script type="text/javascript">
window.twttr = (function (d, s, id) {
  var t, js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src= "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
  return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
}(document, "script", "twitter-wjs"));
</script>

<!-- Place this tag where you want the widget to render. -->


<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
    (function() {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/platform.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>
    </div>
</div>

</div>
</div>


</div>

</div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
logout.php

menghancurkan sesi logout pengguna dan meneruskan ke halaman login / index.
<?php
 session_start();
 unset($_SESSION['user_session']);
 
 if(session_destroy())
 {
  header("Location: index.php");
 }
?>
itu saja, kami telah menciptakan sini skrip login sederhana dengan Ajax, jQuery, PHP, MySQL dengan desain bootstrap, baik ini adalah bagian kelanjutan dari saya tutorial sebelumnya diposting. harap Anda menyukainya.

Kalian Bisa Download File Disini


Saturday, 19 December 2015

Daftar Backlink Terbaru 2015 Teratas

This summary is not available. Please click here to view the post.
luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.com.com tipscantiknya.com