Menu
» »Unlabelled » Cara membuat from CRUD

A+ A-

CRUD adalah dimana kit bisa melakukan Create Read Update data. Dalam proses pembuatan website pasti kita membutuhkan CRUD yang digunakan dalam proses daftar(create), membaca(read), bahkan menghapus(delete). Pada pembuatan CRUD kita membutuhkan beberapa script agar CRUD bisa berjalan.


Pertama kita buat database dengan nama crud :
  1. -- Table structure for user
  2. -- ----------------------------
  3. CREATE TABLE `user` (
  4.   `id` int(5) NOT NULL AUTO_INCREMENT,
  5.   `username` varchar(30) NOT NULL,
  6.   `password` varchar(30) NOT NULL,
  7.   PRIMARY KEY (`id`)
  8. ) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=latin1;
  9. -- ----------------------------
  10. -- Records
  11. -- ----------------------------
  12. INSERT INTO `user` VALUES ('1', 'admin', '12345');
  13. INSERT INTO `user` VALUES ('5', 'onehied', '12345');
 Anda bisa Dumping kode SQL diatas ata mengimport file crud.sql yang sudah disertakan pada file download dibawah halaman ini.
Kemudian buat fie baru dengan nama config.php :
  1. <?php
  2. $host = "localhost";
  3. $user = "root";
  4. $pass = "root";
  5. $db_name = "crud";
  6. mysql_connect($host, $user, $pass) or die (mysql_error());
  7. mysql_select_db($db_name) or die (mysql_error());
  8. ?>
File config.php berguna untuk menghubungkan kedatabase.
Selanjutnya kita buat file baru dengan nama index.php :
  1. <html>
  2. <head><title>Cara Membuat CRUD</title></head>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. <body>
  5. <div id="head"></div>
  6.     <div id="header">
  7.     <h2>Cara Membuat CRUD</h2>
  8.     Oleh Onehied
  9.         <div id="menu">
  10.         <a href="index.php" class="active">Home</a>
  11.         <a href="login.php">Login</a>
  12.         </div>
  13.         <div id="content">
  14.         <p>Cara Membuat CRUD oleh <a href="http://www.darionehied.blogspot.com/" target="_blank"><strong>darionehied</strong></a>
  15.            Anda bisa mempublikasikan ulang, atau merubah Source Code ini.
  16.            </p>
  17.         </div>
  18.     </div>
  19. </body>
  20. </html>
Buat file baru dengan nama login.php :
  1. <html>
  2. <head><title>Cara Membuat CRUD</title>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. </head>
  5. <body>
  6. <div id="head">
  7.         <div id="header">
  8.             <h2>Cara Membuat CRUD</h2>
  9.             <span>Oleh Onehied</span>
  10.              <div id="menu">
  11.             <a href="index.php">Home</a>
  12.             <a href="login.php" class="active">Login</a>
  13.         </div><b>Sign in</b>   
  14.       <div id="content">
  15.          <form action="ceklogin.php" method="post">
  16.           <div id="acc1"><input type='text' name='username' size="30" placeholder='Username'></div>
  17.         <div id="acc2"><input type='password' name='password' size="30" placeholder='Password'></div>
  18.         <div id="acc3">
  19.           <input name="submit" type="submit" value="Sign in">
  20.         </div>
  21.         <div id="acc4"><a href="create.php">Create</a></div><br><br>
  22.         <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div>
  23.         </form>   
  24.     </div>  
  25. </div>
  26. </body>
  27. </html>
 Buat file dengan nama ceklogin.php :
  1. <?php
  2. session_start();
  3. include 'config.php';
  4. if (!empty($_SESSION['username'])) {
  5.     header('location:login.php');
  6. }
  7. if(!empty($_POST)){
  8.     
  9.     $username = $_POST['username'];
  10.     $password =($_POST['password']);
  11.  
  12.     $sql = "select * from user where username='".$username."' and password='".$password."'";
  13.     #echo $sql."<br />";
  14.     $query = mysql_query($sql) or die (mysql_error());
  15.     // pengecekan query valid atau tidak
  16.     if($query){
  17.         $row = mysql_num_rows($query);      
  18.         // jika $row > 0 atau username dan password ditemukan
  19.         if($row > 0){
  20.             $_SESSION['isLoggedIn']=1;
  21.             $_SESSION['username']=$username;
  22.             header('Location: dashboard.php');
  23.         }else{
  24.             ?><script>alert('Username atau password salah');</script><?
  25.         }
  26.     }
  27. }
  28. include'login.php';
  29. ?>
 Jangan lupa buat file dengan nama logout.php :
  1. <?php
  2. session_start();
  3. session_destroy();
  4. header('Location: index.php');
  5. ?>
Kemudian buat file dengan nama create.php :
  1. <html>
  2. <head><title>Cara Membuat CRUD</title>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. </head>
  5. <body>
  6. <div id="head">
  7.         <div id="header">
  8.             <h2>Cara Membuat CRUD</h2>
  9.             <span>Oleh Onehied</span>
  10.              <div id="menu">
  11.             <a href="index.php">Home</a>
  12.             <a href="login.php" class="active">Login</a>
  13.         </div><b>Create Account</b>   
  14.       <div id="content">
  15.          <form action="cekcreate.php" method="post">
  16.           <div id="acc1"><input type='text' name='username' size="30" placeholder='Username'></div>
  17.         <div id="acc2"><input type='password' name='password' size="30" placeholder='Password'></div>
  18.         <div id="acc3"><input type="submit" value="Create"></div><br><br>
  19.         <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div>
  20.         </form>   
  21.     </div>  
  22. </div>
  23. </body>
  24. </html>
 Selanjutnya kita buat file cekcreate.php :
  1. <?php
  2. //panggil file config.php untuk menghubung ke server
  3. include('config.php');
  4. //tangkap data dari form
  5. $username = $_POST['username'];
  6. $password = $_POST['password'];
  7. $sql=mysql_query(" select * from user");
  8. $id=0;
  9. while ($row = mysql_fetch_array($sql))
  10. { if ($row['id'] <= $id)
  11. {
  12. $id=$id+1;
  13. }}
  14. //simpan data ke database
  15. $query = mysql_query("insert into user values('$id', '$username', '$password')") or die(mysql_error());
  16. if ($query) {
  17.     // jika berhasil menyimpan
  18.     header('location: index.php?msg=success');   
  19. } else {
  20.     // jika gagal menyimpan
  21.     header('location: login.php?msg=failed');   
  22. }
  23. ?>
Dan buat file dengan nama dashboard.php  :
  1. <?php
  2. include 'config.php';
  3. session_start();
  4. $username = $_SESSION['username'];
  5. $isLoggedIn = $_SESSION['isLoggedIn'];
  6.  
  7. if($isLoggedIn != '1'){
  8.     session_destroy();
  9.     header('Location: login.php');
  10. }
  11. ?>
  12. <html>
  13. <head>
  14.     <title>Cara Membuat CRUD</title>
  15.     <link rel="stylesheet" type="text/css" href="style.css">
  16. </head><body>
  17.     <div id="container">
  18.         <div id="header">
  19.             <h2>Cara Membuat CRUD</h2>
  20.             <span>Oleh Onehied</span>
  21.                  <div id="menu">
  22.                     <a href="index.php">Home</a>
  23.                     <a href="login.php">Login</a>
  24.                     <a href="dashboard.php" class="active">Dasboard</a>
  25.                     <a href="logout.php">Logout</a>
  26.                  </div>
  27.                  <div id="content">
  28.             <p><b>Selamat <?php echo $username; ;?> berhasil login.</b></p>
  29. <table width="100%">
  30. <tr>
  31.     <td align="center" width="50"><b>Opsi</b></td>
  32.     <td align="center"><b>No</b></td>
  33.     <td align="center"><b>Username</b></td>
  34.     <td align="center"><b>Password</b></td>
  35. </tr>
  36. <?php
  37.     $sql = "select * FROM user";
  38.     $no = 1;
  39.     $tampil = mysql_query($sql);
  40.     while ($data = mysql_fetch_array($tampil)){
  41. ?>
  42. <tr>
  43. <td align="center"><?php echo $id ?>
  44.             <a href="delete.php?id=<?php echo $data['id']; ?>"><img src="images/delete.gif"></a>
  45. &nbsp;&nbsp;<a href="edit.php?id=<?php echo $data['id']; ?>"><img src="images/edit.png"></a></td>
  46. <td align="center"><?php echo $no; ?></td>
  47. <td align="center"><?php echo $data['username']; ?></td>
  48. <td align="center"><?php echo $data['password']; ?></td>
  49. </tr>
  50. <?php
  51. $no++;
  52. }
  53. ?>
  54. </table>
  55.             <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div>
  56.         </div>
  57.         </div>
  58.     </div>
  59. </body>
  60. </html>
 Selanjutnya kita buat file baru delete.php :
  1. <?php
  2. include('config.php');
  3. $id = $_GET['id'];
  4. $query = mysql_query("delete from user where id='$id'") or die(mysql_error());
  5. if ($query) {
  6.     header('location:dashboard.php?message=delete');
  7. }
  8. ?>
Buat lagi file baru edit.php :
  1. <?php
  2. include 'config.php';
  3. session_start();
  4. $username = $_SESSION['username'];
  5. $isLoggedIn = $_SESSION['isLoggedIn'];
  6.  
  7. if($isLoggedIn != '1'){
  8.     session_destroy();
  9.     header('Location: login.php');
  10. }
  11. ?>
  12. <html>
  13. <head>
  14.     <title>Cara Membuat CRUD</title>
  15.     <link rel="stylesheet" type="text/css" href="style.css">
  16. </head>
  17. <body>
  18.     <div id="container">
  19.         <div id="header">
  20.             <h2>Cara Membuat CRUD</h2>
  21.             <span>Oleh Onehied</span>
  22.                  <div id="menu">
  23.                     <a href="index.php">Home</a>
  24.                     <a href="login.php">Login</a>
  25.                     <a href="dashboard.php" class="active">Dasboard</a>
  26.                     <a href="logout.php">Logout</a>
  27.                  </div>
  28.                  <div id="content">
  29. <?php
  30. $id = $_GET['id'];
  31. $query = mysql_query("select * from user where id='$id'") or die(mysql_error());
  32. $data = mysql_fetch_array($query);
  33. ?>
  34. <form name="update" action="update.php" method="post">
  35. <table width="100%">
  36. <tr>
  37.     <td align="center"><b>Username</b></td>
  38.     <td align="center"><b>Password</b></td>
  39. </tr>
  40. <tr>
  41.     <input type="hidden" name="id" value="<?php echo $id; ?>" />
  42.     <td align="center"><input type="text" name="username" maxlength="20" required="required" value="<?php echo $data['username']; ?>" /></td>
  43.     <td align="center"><input type="text" name="password" maxlength="20" required="required" value="<?php echo $data['password']; ?>" /></td>
  44. </tr>
  45. <tr>
  46.     <td colspan="2" align="center">
  47.     <input type="submit" name="submit" value="Update" />
  48.     </td>
  49. </tr>
  50. </form>
  51. </table>
  52.     <div id="link"><a href="http://www.darionehied.blogspot.com/" target="_blank">darionehied</a></div>
  53.         </div>
  54.         </div>
  55.     </div>
  56. </body>
  57. </html>
 Buat file lagi dengan nama update.php :
  1. <?php
  2. include('config.php');
  3. //tangkap data dari form
  4. $id = $_POST['id'];
  5. $username = $_POST['username'];
  6. $password = $_POST['password'];
  7. //update data di database sesuai id
  8. $query = mysql_query("update user set username='$username', password='$password' where id='$id'") or die(mysql_error());
  9. if ($query) {
  10.     header('location:dashboard.php?message=success');
  11. }
  12. ?>
Dan terakhir kita buat kita buat file baru dengan nama style.css :
  1. body {
  2.     background-color:none;
  3.      }
  4. #header {
  5.     width:550px;
  6.     margin:20px auto;
  7.     padding:10px;
  8.     text-align:center;
  9.     background-color:#fff;
  10.     box-shadow:0px 0px 3px #000;
  11.     }
  12. h1, h2, h3 {
  13.     margin:0;
  14.     padding:0;
  15. }
  16. #menu {
  17.     text-align:center;
  18.     margin:15px 0px;
  19.     border-top:1px solid #0099FF;
  20.     border-bottom:1px solid #0099FF;
  21.       }
  22.     #menu a {
  23.         display:inline-block;
  24.         padding:5px 10px;
  25.         text-decoration:none;
  26.         color:#000;
  27.         font-weight:bold;
  28.     }
  29.         #menu a:hover {
  30.             background-color:#0099FF;
  31.         }
  32.        
  33.         #menu a.active {
  34.             background-color:#0099FF;
  35.         }
  36.        
  37. .table, td {
  38.     border:1px solid #0099FF}
  39. #acc1 {
  40.     margin:10px 0px 0px 0px;
  41.     }
  42. input[type=text] {
  43.     color:#ffff;
  44.     height: 20px;
  45.     }       
  46. #acc2 {
  47.     margin:10px 0px 0px 0px;
  48.     }
  49. input[type=password] {
  50.     color:#ffff;
  51.     height: 20px;
  52.     }
  53. #acc4 {
  54.     text-align:left;
  55.     margin:-22px 0px 0px 180px;
  56.     }       
  57. #link {
  58.     text-align:right;
  59.     }
  60. input[type=submit] {
  61.     color:#ffff;
  62.     width:80px;
  63.     height: 25px;
  64.     background:#3399FF;
  65.     margin:0px 0px 0px 0px;
  66.     border-radius:18px 18px 18px 18px;
  67.      }
  68.      a, a:link, a:visited { color:#0099FF; font-weight: normal; text-decoration: none;}
  69.      a:hover }    
 style.css ini berguna untuk mempercantik tampilan
 Download Source Code
Download 
Password
darionehied
Posted by

Share to:

at 6:52 AM
Next
This is the most recent post.
Previous
Posting Lama

Posting Komentar

Langganan: Posting Komentar (Atom)
 
Top