Membuat Web Dinamis
Assalamualaikum
wr.wb.
Puji dan syukur
kita panjatkan kepada Allah SWT, karena saya telah menyelesaikan jobsheet
tentang web dinamis
A.
Bahan-bahan yang di gunakan :
·
Laptop
·
Adobe dreamweaver
·
Xampp
·
PHP myadmin
B.
Langkah pertama membuat database
1. Buka xampp dengan mengetikkan locallhost/PHPmyadmin
1. Buka xampp dengan mengetikkan locallhost/PHPmyadmin
2.
Klik basisdata lalu masuk kan nama
database
3.
Ketikkan nama dengan berita dan
number of columns 6
4.
Isi colom dengan seperti gambar di
bawah
5.
Setelah selesai klik berita yang
ada di sebelah kiri
6.
Klik sisipkan untuk memasukkan
data baru
7.
Hasilnya akan seperti ini
C.
Cara menyimpan data ke database
·
Cara pertama buka dreamweaver
·
Buat folder dalam xampp/htdocs
dengan sekolah
·
Masukan foto dalam folder sekolah
buat folder baru dengan nama gambar buat nama foto sesuai dengan yang di
database
1. Cara membuat koneksi di
dreamweaver dengan nama koneksi.php
<?php
//untuk membuat koneksi di database mysql hosr : localhost
mysql_connect("localhost","root","");
//database yang di gunakan koran
mysql_select_db("koran");
?>
Setelah selesai simpan di dalam folder sekolah dengan nama koneksi.php
<?php
//untuk membuat koneksi di database mysql hosr : localhost
mysql_connect("localhost","root","");
//database yang di gunakan koran
mysql_select_db("koran");
?>
Setelah selesai simpan di dalam folder sekolah dengan nama koneksi.php
2. Membuat kodingan
tambilberita.php
<!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>Untitled Document</title>
</head>
<?php
include("koneksi.php");
$baca=mysql_query("select * from berita");
$tampung=mysql_fetch_array($baca);
?>
<body>
<?php do { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="28%"><?php echo $tampung['judul']; ?></td>
<td width="72%"> </td>
</tr>
<tr>
<td height="96"><img src="gambar/<?php echo $tampung['gambar']; ?>" width="500" height="400" </td>
<td><?php echo $tampung['content']; ?></td>
</tr>
<tr>
<td><?php echo $tampung['user']; ?></td>
<td><p> </p>
<p><?php echo $tampung['tanggal']; ?></p>
<p> </p></td>
</tr>
</table>
<?php } while($tampung=mysql_fetch_array($baca));?>
</body>
</html>
<!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>Untitled Document</title>
</head>
<?php
include("koneksi.php");
$baca=mysql_query("select * from berita");
$tampung=mysql_fetch_array($baca);
?>
<body>
<?php do { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="28%"><?php echo $tampung['judul']; ?></td>
<td width="72%"> </td>
</tr>
<tr>
<td height="96"><img src="gambar/<?php echo $tampung['gambar']; ?>" width="500" height="400" </td>
<td><?php echo $tampung['content']; ?></td>
</tr>
<tr>
<td><?php echo $tampung['user']; ?></td>
<td><p> </p>
<p><?php echo $tampung['tanggal']; ?></p>
<p> </p></td>
</tr>
</table>
<?php } while($tampung=mysql_fetch_array($baca));?>
</body>
</html>
Dan hasilnya
3. Membuat kodingan tampiltabelcontent.php
<!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>Untitled
Document</title>
</head>
<body>
<?php
include("../koneksi.php");
$baca=mysql_query("select
* from berita");
$tampung=mysql_fetch_array($baca);
?>
</p>
<table
width="100%" border="1">
<tr>
<td
width="9%"> </td>
<td width="6%"> </td>
<td
width="9%">id_berita</td>
<td
width="8%">judul</td>
<td
width="9%">content</td>
<td
width="24%">gambar</td>
<td
width="14%">tanggal</td>
<td
width="16%">user</td>
</tr>
<?php do { ?>
<tr>
<td>edit</td>
<td><a href="deletecontent.php?delet=<?php
echo $tampung['id_berita']; ?>">delete</a></td>
<td><?php echo $tampung
['id_berita']; ?></td>
<td><?php echo $tampung['judul'];
?></td>
<td><?php echo $tampung['content'];
?></td>
<td><img src="../gambar/<?php
echo $tampung['gambar']; ?>" alt="" width="100"
height="100" /></td>
<td><?php echo $tampung['tanggal'];
?></td>
<td><?php echo $tampung['user'];
?></td>
</tr>
<?php }
while($tampung=mysql_fetch_array($baca));?>
</table>
<P> </P>
</body>
</html>
| Simpan dengan nama tampiltabelcontent.php dengan membuat folder baru dengan nama admin |
Setelah di simpan buka google chrome tulis
localhost/sekolah/admin/tampiltabelcontent.php
Hasilnya akan seperti ini :
4. Membuat kodingan
deletecontent.php
<?php
include("../koneksi.php");
$acuandelete=$_GET['delet'];
$perintah=mysql_query("delete
from berita where id_berita=$acuandelete");
if($perintah) {
echo "data berhasil hapus";
}else { echo
"data gagal di hapus";}
?>
Simpan dengan nama
deletecontent.php di dalam folder admin
Buka dalam browser
xampp/sekolah/admin/tampiltabelcontent.php lalu klik tulisan delete dan
hasilnya seperti ini :
5. Membuat kodingan
proses_simpan_content.php
<?php
include("../koneksi.php");
$judul=$_POST['judul'];
$content=$_POST['content'];
$gambar=$_FILES['file_upload']['name'];
$user=$_POST['user'];
$tanggal=$_POST['tanggal'];
//print_r($_POST);
//echo $gambar;
$simpan=mysql_query("INSERT
INTO `berita` (
`id_berita` ,
`judul` ,
`content` ,
`gambar` ,
`user` ,
`tanggal`
)
VALUES (
NULL , '$judul',
'$content', '$gambar', '$user',
'$tanggal'
)");
if($simpan){
echo "data berhasil simpan ke
database";
}else {
echo "gagal simpan";
}
?>
Simpan kembali di folder admin
6. Membuat kodingan forminputcontent.php
<!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>Untitled
Document</title>
</head>
<body>
<form
name="frm_content" method="post"
enctype="multipart/form-data"
action="../admin/proses_simpan_content.php">
<table
width="100%" border="0">
<tr>
<th colspan="3">Form Input
Content Berita</th>
</tr>
<tr>
<td
width="15%">Judul</td>
<td width="3%">:</td>
<td width="82%"><label
for="judul"></label>
<input type="text"
name="judul" id="judul" /></td>
</tr>
<tr>
<td>Content</td>
<td>:</td>
<td><label
for="content"></label>
<textarea name="content"
cols="50" rows="5"
id="content"></textarea></td>
</tr>
<tr>
<td>Gambar</td>
<td>:</td>
<td><label
for="file_upload"></label>
<input type="file"
name="file_upload" id="file_upload" /></td>
</tr>
<tr>
<td>user</td>
<td>:</td>
<td><label
for="user"></label>
<input type="text"
name="user" id="user" /></td>
</tr>
<tr>
<td>tanggal</td>
<td>:</td>
<td><?php
$hari=date("d");
$bln=date("m");
$tahun=date("Y");
?>
<label
for="tanggal"></label><?php echo
"$hari-$bln-$tahun"; ?>
<input name="tanggal"
type="hidden" value="<?php echo
"$hari-$bln-$tahun"; ?>" id="tanggal"
/></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit"
name="simpan" id="simpan" value="Submit"
/></td>
</tr>
</table>
</form>
</body>
</html>
Lalu klik submit
Komentar
Posting Komentar