Transcript Membuat Tampil, Input, Edit dan Hapus Data

Membuat Tampil, Input, Edit
dan Hapus Data dengan
Dreamweaver
Saiful Isnandar, MTI
Tampil Data
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Pastikan bahwa xampp (apache dan Mysql sudah Running),
Koneksi sudah benar serta database telah konek
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Tambahkan folder baru pada Site berturut-turut Server dan
didalam Server buat News
Tampil Data
Input Data
Edit Data
Pilih New
Folder
Hapus Data
Klik kanan
disini
Buat seperti
ini
Keluar
Pada Folder News buat New File dengan tampilan sebagai
berikut
Tampil Data
Input Data
Pilih New
File
Edit Data
Hapus Data
Klik kanan
disini
Buat 4 file
seperti ini
Keluar
Buka file Tampil.php
Tampil Data
Klik 2x file
Tampil.php
Input Data
Edit Data
Hapus Data
Keluar
Pada Panel Application, pilih Binding
Tampil Data
Klik pada tanda + kemudian pilih
Recordser(Query)
Input Data
Edit Data
Hapus Data
Klik tanda ini
Klik pilihan
ini
Keluar
Buat settingan seperti ini
Tampil Data
Input Data
Klik OK
Edit Data
Hapus Data
Keluar
Hasilnya pada Panel Application dan Tab Binding akan tampil
seperti dibawah ini
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Lihat kembali tampilan Tampil.php, ketikkan seperti dibawah ini
Tampil Data
Input Data
Edit Data
2
1
Blok pada teks “Tambah Baru” kemudian pada Properti Link ketikkan
Tambah.php kemudian Enter
Hapus Data
5
4
3
Keluar
Letakkan kursor pada bagian bawah Tambah Baru
Tampil Data
Input Data
Edit Data
Pilih Tool Dynamic Table pada Application
Hapus Data
Keluar
Atur propertinya seperti dibawah ini
Tampil Data
Recordset yang
ditampilkan
Input Data
Klik OK
Jarak antara
garis tabel
dengan Teks
Jumlah data
yang akan
tampil
Edit Data
Hapus Data
Border atau
Bingkai pada
Table
Jarak antar
Cell
Keluar
Hasilnya :
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Hapus pada kolom isi, agar data yang ditampilkan tidak
terlalu lebar kebawah dikarenakan isi dari Field Isi memang
beisi banyak teks
Blok Kolom Isi
Tampil Data
Input Data
1
Edit Data
Hapus Data
Klik kanan pilih
[Table] >[Delete Coloumn]
2
Hasilnya Kolom Isi
sudah terhapus
3
Keluar
Simpan kemudian Tekan F12 maka hasilnya akan seperti dibawah
ini
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Ubah Warna background pada setiap Cell dengan mengganti
Properti BgColor
Blok Baris
Judul (baris
pertama)
Tampil Data
Input Data
1
Setting
propertinya
sebagai berikut
Edit Data
2
Hasilnya
Hapus Data
3
Dengan langkah
yang hampir sama
buat untuk isi
(baris kedua)
4
Keluar
Simpan kemudian Tekan F12 di keyboard maka hasilnya
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Membuat Link Edit dan Hapus
Ubah Kolom No
menjadi Aksi
Tampil Data
Input Data
1
Edit Data
2
Hapus Data
Ubah pula
Isinya menjadi
Edit - Hapus
Keluar
Ketikkan link
seperti berikut
Tampil Data
Input Data
Blok Teks Edit
Ubah tampilan
menjadi Code
Teks Edit.php ini
karena halaman
yang kita buat
adalah Edit.php
jadi sesuaikan
dengan nama file
Edit Data
Hapus Data
Keluar
Perhatikan
Code berikut
Tampil Data
Input Data
Tarik Field No ini
letakkan ke dalam
rumus atau kode
diatas setelah =
Edit Data
Hapus Data
Hasilnya
Keluar
Lakukan hal yang sama dengan Link Hapus
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Simpan kemudian Tekan F12 dikeyboard
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Input Data
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Buka file Tambah.php
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Ubah
tampilannya
menjadi Design
Tampil Data
Pada Toolbar
Application Pilih
Record Insertion
Form Wizard
Input Data
Edit Data
Sesuaikan dengan
koneksi Database
yang dibuat
Hapus Data
Sesuaikan dengan
Table yang akan
dibuat Inputan
Halaman yang
berfungsi
menampilkan data
Keluar
Tampil Data
Setting pada Field No
dengan Display as =
Hidden Filed
Setting pada Field No
dengan Display as =
Hidden Filed
Input Data
Edit Data
Hapus Data
Keluar
Ubah semua Field dengan Setting seperti dibawah ini
Tampil Data
Field
Display As
Value
Input Data
Id_kat
TextField
Judul
TextField
Pengirim
TextField
Isi
TextArea
Tgl
HiddenField
Gb
TextField
Wktu
HiddenField
<?php echo date(‘h:i:s'); ?>
Baca
HiddenField
<?php echo ‘1’; ?>
Bulan
HiddenField
<?php echo date(‘M'); ?>
Edit Data
<?php echo date('d-m-Y'); ?>
Hapus Data
Keluar
Tampil Data
Klik OK
Input Data
Edit Data
Hapus Data
Keluar
Hasilnya :
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Edit Data
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar
Hapus Data
Tampil Data
Input Data
Edit Data
Hapus Data
Keluar