lowongan kerja cuci piring atau bungkus
nasi goreng juga bisa. lokasi di depan rumah sakit ganting gerobak nasi
goreng warna oren. kerja dari jam 8 malam - 5 pagi
Dicari pria 1 org. Min, sma. Untuk
operator cetak foto di studio. Pengalaman tidak diutamakan. Bersedia di
training. Lamaran antar langsung ke Pesona Photo. Perumahan Cendana
Anak Air. blok c no 20. Lubuk buaya.
1.Buatlah
sebuah folder baru di dalam direktori htdocs pada XAMPP yaitu folder login, kemudian buatlah sebuah halaman login.html dan simpan di folder login yang baru saja dibuat setelah itu
ketikkan script html berikut :
2.Buatlah
sebuah database baru di PhpMyadmin yaitu
db_login dan pilih db_login tersebut kemudian copykan script mysql di bawah ini
ke SQL pada phpmyadmin
SET
SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET
time_zone = "+00:00";
CREATE
TABLE IF NOT EXISTS `user` (
`username` varchar(30) NOT NULL,
`password` varchar(30) NOT NULL,
`level` varchar(10) NOT NULL
)
ENGINE=InnoDB DEFAULT CHARSET=latin1;
INSERT INTO
`user` (`username`, `password`, `level`) VALUES
('admin',
'1234', 'admin'),
('pengguna',
'1234', 'user');
ALTER TABLE
`user`
ADD PRIMARY KEY (`username`);
3.Langkah
selanjutnya kita akan membuat coding untuk memproses inputan user dari halaman
login.html, buatlah sebuah halaman baru yaitu prologin.php dan ketikkan coding
berikut ini :
$query=$con->prepare("select
* from user where username=:user and password=:pass");
$query->BindParam(":user",$user);
$query->BindParam(":pass",$pass);
$query->execute();
if
($query->rowCount()>0){
session_start();
$data=$query->fetch();
if($data['level']=="admin"){
$_SESSION['username']=$data['username'];
$_SESSION['level']=$data['level'];
header('location:index.php');
}else{
$_SESSION['username']=$data['username'];
$_SESSION['level']=$data['level'];
header('location:index.php');
}
}
else{
echo
"username dan password tidak valid";
}
}
?>
4.Selanjutnya
kita akan membuat halaman yang akan tampil setelah proses login berhasil, baik
yang login itu dengan level admin maupun dengan level user namun akan
menampilkan menu yang berbeda, silahkan buat halaman baru yaitu index.php dan
ketikkan coding berikut :
<?php
session_start();
if (!empty($_SESSION['username']) and
$_SESSION['level']=="admin"){
echo
"welcom ".$_SESSION['level']."<br>"; ?>
<a
href="#">Menu Admin</a><br>
<a
href="?id=logout">Logout</a>
<?php
}
if (!empty($_SESSION['username']) and
$_SESSION['level']=="user"){
echo
"welcom ".$_SESSION['level']."<br>"; ?>
<a
href="#">Menu User</a><br>
<a
href="?id=logout">Logout</a>
<?php
}
if (!empty($_GET['id']) and
$_GET['id']=="logout"){
session_destroy();
header('location:login.html');
}
?>
Jika sudah silahkan tes dibrowser
anda. Lakukan login dengan username admin dan password 1234 kemudian klik login
jika sudah berhasil silahkan logout dan coba lagi login dengan username
pengguna dan password 1234 maka akan terlihat perbedaannya. Nah cukup sekian,
Selamat berkreasi.
Setelah berhasil menyimpan dan menampilkan data
tanpa reload maka akan kita lanjutkan dengan hapus data tanpa reload.
Pada halaman data.php
tambahkan button hapus dengan event onclick dan tambahkan juga script ajax
untuk melakukan pengiriman data yang akan di hapus berdasarkan id.
Kemudian buatlah sebuah halaman baru yaitu halaman hapus.php dan buat coding hapus
menggunakan PDO.
Setelah itu tambahkan juga responsenya menggunakan json agar
saat datanya berhasil kita hapus maka akan menampilkan pesan. Untuk lebih
jelasnya silahkan ikuti video berikut
Kesempatan kali ini kita akan membuat coding simpan data dengan php, pdo, mysql, dan mengirimkan data menggunakan ajax, karna
kita akan melakukan pengiriman data dengan ajax maka tambahkan script ajax pada
halaman index.php
Kemudian buat
sebuah file baru yaitu simpan.php dan
buat coding simpan data menggunakan PHP, PDO, AJAX, untuk lebih jelasnya silahkan simak
video berikut
Buatlah sebuah halaman baru yaitu data.php yang berguna untuk memanggil
data dari database.
Jangan
lupa buat juga file koneksi.php yang
akan kita gunakan sebagai koneksi ke database menggunakan PDO.
Saya
sengaja buat coding koneksinya singkat agar lebih cepat aja. kemudian tambah
script jquery di halaman index.php
agar isi dari halaman data.php dapat
tampil di halaman index.php dan kita
tampung datanya pada class list-data, untuk lebih jelasnya anda dapat simak
video berikut
Sekarang kita sudah berhasil menampilkan data dari
database tanpa reload.
Buatlah sebuah halaman index.php dan buat juga sebuah folder baru di htdocs yaitu folder biodata untuk menyimpan semua file yang
kita buat.
Copy file jquery.js
ke dalam folder biodata jika belum ada silahkan download file jquery.js terbaru dan Buatlah
script html di halaman index.php
agar lebih jelas silahkan simak video berikut