Halaman login difungsikan untuk membatasi user dalam mengelola atau
menggunakan suatu website. Misalnya halaman Admin yang berisi file atau
data-data yang tidak boleh diketahui oleh user lain. Halaman login dilindingi
dengan username dan password. Jika username dan password terisi dengan benar
maka halaman akan di alihkan kehalan selanjutnya.Berikut langkah membuat
halaman login.
Hal pertama yang harus di lakukan :
Buat database "dwcs5"
Buat tabel "users"
CREATE TABLE IF NOT EXISTS `users` (
`ID` INT(10) NOT NULL AUTO_INCREMENT,
`name` VARCHAR(64) NOT NULL,
`username` VARCHAR(64) NOT NULL,
`password` VARCHAR(64) NOT NULL,
`updated` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`ID`)
) ENGINE=MYISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
INSERT INTO users VALUES("","indra","admin","admin","")
Langkah selanjutnya buatlah file php sebagai berikut : index.php, admin.php dan login.php
index.php
Buat tabel "users"
CREATE TABLE IF NOT EXISTS `users` (
`ID` INT(10) NOT NULL AUTO_INCREMENT,
`name` VARCHAR(64) NOT NULL,
`username` VARCHAR(64) NOT NULL,
`password` VARCHAR(64) NOT NULL,
`updated` TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`ID`)
) ENGINE=MYISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
INSERT INTO users VALUES("","indra","admin","admin","")
Langkah selanjutnya buatlah file php sebagai berikut : index.php, admin.php dan login.php
index.php
MEMBUAT HALAMAN ADMIN
admin.php
Pada halaman "admin" inilah kita akan
melakukan pengaturan di dreamweaver
- Pastikan
anda masih berada di halaman admin.php
- Buka
menu insert > Data Object > User Authentication >
Restrict Access to Page
- Restrict
Base on :
Username and Password
- If
access denied, go to : login.php (klik Browse arahkan ke file
login.php). Maksudnya ialah jika halaman admin ingin diakses maka akan
dialihkan terlebih dahulu ke halaman login.
- Klik Ok
MEMBUAT HALAMAN LOGIN
Login.php
- Buka
menu Insert > Form > Form
- Insert
> Spry > Spry Validation Text Fied. Isikan ID : username, Label :
Username.Klik OK, letakkan kursor Anda setelah password field,
tekan ENTER
- Insert
> Spry > Spry Validation Password. Isikan ID : password, Label :
Password.Klik OK, letakkan kursor Anda setelah password field,
tekan ENTER
- Insert
> Form > Button.
- ID:
submit, Label :
Login Klik OK
Langkah
selanjutnya yaitu :
- Buka
menu Insert > Data Object > User Authentication > Log In
Use. Nanti akan muncul sebuah form isikan data sebagai berikut
- Get
input from form: form1
- Username
field: username
- Password
field: password
- Validate
using connection: Koneksiku, klik pop-up menu untuk memilihnya
- Table:
users
- Username
column: username
- Password
column: password
- If
login succeds, go to: index.php, ini artinya jika proses login Anda sukses dan
benar, maka Anda akan dialihkan ke halaman index.php. Anda
dapat mengklik Browse untuk mencari file admin.php
- Beri
tanda checked/centang pada pilihan Go to previous URL (If exists)
- If
login fails, go to: login.php. Ini artinya ketika proses login Anda mengalami
kegagalan, Anda akan dikembalikan ke halaman login.
- Klik OK untuk
menyelesaiakannya. Simpan kembali pekerjaan Anda.
- Halaman
login telah berhasil Anda selesaikan. Jika muncul jendela peringantanCopy
Dependent File, klik OK saja
MEMBUAT LOG OUT USER
- Buka
halaman admin.php
- Cari
Tulisan Log Out
- Blog
tulisan tersebut kemudian buka menu Insert > > Data Object
> User Authentication > Log Out User. Akan muncul form.
- Ikuti
Gambar dibawah ini.
Sampai tahap ini akhirnya selesai juga Halaman login yang kita buat. sudah di uji coba dan berhasil untuk script lengkapnya silahkan download dibawah ini
0 komentar:
Posting Komentar