Ada beberapa hal yang harus kita siapkan sebelum kita melakukan peng-coding-an, antara lain membuat tabel berita dengan menggunakan MySql dan tentunya jangan lupa me-runningkan xampp kita dulu guys hehehe.... ok kita lanjutkan, Di dalam tabel tersebut kita buat tabel (create table) dan kita beri nama misalnya berita dengan jumlah kolom sebanyak 4 kemudian klik Go
Kemudian akan muncul 4 kolom yang akan kita isi diantaranya id_berita, judul, isi, gambar, dimana nantinya akan berfungsi untuk membuat berita dengan id berita yang akan akan kita beri judul dan isi serta kita tambahkan gambar. Hal yang perlu di perhatikan adalah jenis masing-masing kolom yang kita buat, misalnya untuk id_berita kita seharusnya menggunakan jenis INT dengan panjang sesuai kebutuhan atau misalnya dengan kolom isi kita menggunakan jenis TEXT sehingga nantinya bisa kita gunakan untuk menulis berita yang akan kita buat, seperti pada gambar:
Hal yang perlu diperhatikan saat pembuatan tabel adalah primary key yang kita letakkan di id_user yang berada di index.
Selanjutnya kita akan membuat folder yang akan kita gunakan untuk menyimpan coding yang kita buat nantinya, nah dalam hal ini kita bisa gunakan dua pilihan yaitu membuat file nya terlebih dahulu kemudian kita ketik codingnya, atau bisa juga mengetik codingnya terlebih dahulu kemudian kita simpan di folder yang telah kita sediakan,tapi mimin kali ini mimin menggunakan cara yang pertama agar nantinya tidak bingung, adapun susunan folder dan filenya sesuai seperti gambar di bawah ini:
Adapun coding yang akan kita buat kali ini adalah index.php yang berada di folder admin, yang perlu di perhatikan di dalam gambar di atas ada dua index.php yang pertama yang berada di folder praktikum yang mana file tersebut adalah file yang telah kita buat di postingan sebelumnya, sedangkan indix yang akan kita buat kali ini kita simpan di folder admin (admin/index.php) berikut codingnya:
<?php
require('../conn/conn.php');
session_start();
if(empty($_SESSION['user'])){
echo '<script language="javascript"> document.location=" login.php";</script>';
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Admin Praktikum</title>
<link rel="stylesheet" href="../asset/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">Praktikum Web</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="index.php">home</a></li>
<li><a href="index.php?p=tambah">tambah</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="logout.php"><span class="glyphicon-log-out"></span> Logout</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<?php
if(isset($_GET['p'])){
include('pages/'.$_GET['p'].'.php');
}else{
include('pages/home.php');
}
?>
</div>
<script src="../asset/js/jquery.min.js"></script>
<script src="../asset/js/bootstrap.min.js"></script>
<?php $conn->close() ?>
</body>
</html>
codinng selanjutnya adalah home.php dimana coding ini nantinya akan menuju tampilan home, adapun perintahnya sebagai berikut:
<div class="col-md-10 col-md-offset-1">
<?php
$sql = "SELECT * FROM berita";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
echo '<table class="table">
<tr>
<th>NO</th>
<th>Judul</th>
<th>Ubah</th>
<th>Hapus</th>
</tr>';
$x = 1;
while($r = $result->fetch_array()){
echo '<tr>
<td>'.$x++.'</td>
<td>'.$r['judul'].'</td>
<td><a href="index.php?p=ubah&id='.$r['id_berita'].'"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></a></td>
<td><a href="index.php?p=hapus&id='.$r['id_berita'].'"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
</tr>';
}
echo '</table>';
}else{
echo '<div class="alert alert-danger">';
echo '<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>';
echo "Belum Ada Berita";
echo '</div>';
}
?>
Setelah membuat semua perintah di atas, kita bisa mencoba menjalankan perintah yang kita buat dan tentunya kita harus login ke menu login yang telah tersedia di tampilan web kita (pada tutorial sebelumnya telah di jelaskan cara login), kemudian setelah berhasil login, akan muncul tampilan di home yang bertuliskan "belum ada berita" sesuai dengan perintah home yang kita buat di atas
Pada gambar diatas terdapat menu tambah tetapi belum bisa di jalankan karna belum diisi perintah, dan mimin akan melanjutkan untuk membuat perintah menu tambah, ubah, dan delete pada potingan sebelumnya, jadi tetap pantauin blog mimin yaaa....
Tidak ada komentar:
Posting Komentar