WEB DINAMIS DESIGN FILE
FILE KONEKSI.PHP
<title>Membuat web dinamis</title>
<br>
<body bgcolor="yellow">
<?php
$host = mysql_connect("localhost","root","");
if($host){
echo "koneksi host berhasil.<br/>";
}else{
echo "koneksi gagal.<br/>";
}
$db = mysql_select_db("perusahaan2");
if($db){
echo "koneksi database berhasil.";
}else{
echo "koneksi database gagal.";
}
?>
</body>
</title>
</html>
FILE TAMPIL.PHP
<?php
include "koneksi.php";
$queri="Select * From karyawan2" ;
$hasil=MySQL_query ($queri);
while ($data = mysql_fetch_array ($hasil)){
$id = $data['id'];
echo "
idkaryawan : ".$data['id_karyawan']." </br>
Nama : ".$data['nama']." </br>
alamat : ".$data['alamat']." </br>
jabatan : ".$data['jabatan']." </br>
jenis kelamin : ".$data['jeniskelamin']." </br>
---------------------------------------- </br>
";
}
echo " Berhasil Mengambil data dari database";
?>
FILE B.PHP
<?php
include "koneksi.php";
$queri="Select * From karyawan" ;
$hasil=MySQL_query ($queri);
while ($data = mysql_fetch_array ($hasil)){
echo "
<tr>
<td>".$data['idkaryawan']."</td>
<td>".$data['nama']."</td>
<td>".$data['alamat']."</td>
<td>".$data['jabatan']."</td>
<td>".$data['jeniskelamin']."</td>
";
}
echo " Berhasil Mengambil data dari database";
?>
</table>
FILE INDEX.HTML
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: fixed;
top: 0;
width: 100%;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="b.php">Table Karyawan</a></li>
<li><a href="koneksi.php">Cek Koneksi</a></li>
<li><a href="tabel_berwarna.html">Tabel Berwarna</a></li>
</ul>
<div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;">
<h1>Ini Konten</h1>
<h2>Scroll this page to see the effect</h2>
<h2>Menu navigasi tetap ada walau discroll</h2>
</div>
</body>
</html>
ITU URUTAN FILE YANG HARUS DIBUAT, JANGAN LUPA UNTUK MENYESUAIKAN DENGAN DATABASE KAMU
Tidak ada komentar:
Posting Komentar