Buat buku tamu dengan DreamweaverMX (2)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-31 21:07:17
Kami telah menyebutkan sebelumnya bahwa untuk memastikan tampilan pesan normal, kita harus menampilkan pesan hanya ketika ada pesan. Jika tidak ada pesan, "Belum ada pesan" akan ditampilkan. ? Di sini, kita harus mempelajari wilayah tampilan perilaku server baru, yang menampilkan informasi berbeda berdasarkan informasi di perpustakaan.
Mari kita bahas konsep dasarnya terlebih dahulu. Ambil contoh isi pesan di atas: jika isi pesan saya kosong, apa yang akan ditampilkan; jika isi pesan tidak kosong, apa yang akan ditampilkan. Seperti yang ditunjukkan pada Gambar (7-9).
7-9
Setelah memilih seluruh tabel isi pesan, gunakan Aplikasi-->Perilaku Server-->Tampilkan Wilayah-->Tampilkan Wilayah Jika Recordset Tidak Kosong (ketika kumpulan catatan tidak kosong), yaitu menampilkan formulir ini ketika isi pesan tidak kosong. Karena itu, saya harus membicarakan beberapa perilaku server lainnya.
Tampilkan Wilayah Jika Kumpulan Rekaman Kosong (jika kumpulan rekaman kosong): Saat kumpulan rekaman kosong, tampilkan wilayah yang dipilih.
tampilkan Wilayah Jika Kumpulan Rekaman Tidak Kosong (jika kumpulan rekaman tidak kosong): Saat kumpulan rekaman berisi rekaman, menampilkan wilayah yang dipilih.
Tampilkan Wilayah Jika Rekaman Pertama: Menampilkan wilayah yang dipilih saat itu adalah rekaman pertama dalam kumpulan rekaman.
Tampilkan Wilayah Jika Bukan Rekaman Pertama: Menampilkan wilayah yang dipilih ketika tidak ada rekaman pertama dalam kumpulan rekaman.
Tampilkan Wilayah Jika Rekaman Terakhir: Menampilkan wilayah yang dipilih saat itu adalah rekaman terakhir dalam kumpulan rekaman.
Tampilkan Wilayah Jika Bukan Catatan Terakhir: Menampilkan wilayah yang dipilih ketika tidak ada catatan terakhir dalam kumpulan catatan.
Klik dan kotak dialog akan muncul seperti yang ditunjukkan pada Gambar (7-10).
7-10
Di kotak dialog ini, pilih kumpulan rekaman yang sesuai dengan perilaku ini. Di halaman ini, kami hanya membuat satu kumpulan rekaman bernama buku tamu. Efek setelah menerapkan perilaku server ditunjukkan pada Gambar (7-11).
7-11
Untuk mencegah kesalahan ketika tidak ada isi pesan, di sini kita juga perlu menggunakan perilaku Tampilkan Wilayah Jika Kumpulan Rekaman Kosong (ketika kumpulan rekaman kosong) dan menerapkannya pada tabel "Belum ada pesan". seperti yang ditunjukkan pada gambar (7-12) yang ditunjukkan.
7-12
Selanjutnya mari kita perbaiki dengan menyisipkan beberapa tabel kecil ke dalam tabel besar yang menampilkan pesan, mengaturnya, dan menyisipkan gambar terkait (inilah gambar kecil yang paling umum di Internet. :)), seperti yang ditunjukkan pada Gambar (7- 13 ) ditampilkan. Berikut adalah beberapa keterampilan tabel Dreamweaver yang paling dasar, lihat bab lain dalam rangkaian tutorial ini untuk detailnya.
7-13
Yang perlu Anda lakukan sekarang adalah menyeret data dalam database ke tabel yang sesuai. Misalnya, seret nama pengguna ke sel setelah namanya. Isi pesan harus ditempatkan di sel setelah isi pesan f_name ke postingan di depan, drag f_time ke postingan di belakang, sehingga saat ditampilkan menjadi "XX diterbitkan di XX". Lihat Gambar (7-14).
7-14
Ada bug kecil di sini, yaitu pesan yang kami tampilkan tidak dapat diformat. Artinya, Anda akan menemukan bahwa berapa pun jumlah gerbong yang ada dalam pesan Anda, pesan tersebut tidak akan rusak saat ditampilkan, dan ada lebih dari dua. ruang. Masalah ini dapat diatasi dengan menggunakan plug-in spdformat.mxt (klik di sini untuk mengunduh plug-in!). Setelah menginstal plug-in, caranya seperti pada Gambar (7-48). Baik konten pesan maupun balasan webmaster harus menggunakan plugin ini.
7-48
Mungkin ada yang bertanya lagi, bagaimana cara melakukan OICQ dan sejenisnya di database saya. Mengenai hal ini, saya tidak tahu apakah Anda mengetahui atribut alt dari tag img dalam HTML, yaitu ketika mouse digerakkan ke atas, teks deskripsi yang sesuai akan ditampilkan. Di sini, kami secara dinamis mengikatnya ke gambar. Sedangkan untuk alamat beranda, cukup klik dan sambungkan ke alamat yang sesuai. Untuk alamat email, klik dan buka Outlook untuk mengirim pesan ke orang yang meninggalkan pesan.
Aspek spesifiknya ditunjukkan pada Gambar (7-15).
7-15
Ada urutan di sini. Pertama pilih gambar OICQ, lalu pilih kumpulan data yang sesuai dari kumpulan catatan di sebelah kanan (di sini, pilih bidang (f_oicq) yang menyimpan nomor OICQ dalam database, lalu pilih dari Bind Ke: menu drop-down.img.alt, yang merupakan atribut tag img yang kita bicarakan sebelumnya, lalu klik Ikat nanti. Jika pengikatannya benar, warna yang sama dengan kumpulan rekaman sebelumnya akan dihasilkan untuk menunjukkan bahwa server behavior diterapkan di sini. Seperti terlihat pada Gambar (7-16).
7-16
Buka kode sumber dan tampilan desain, Anda akan menemukan bahwa hal yang baru saja Anda masukkan adalah alt="<%=(guestbook.fields.item("f_oicq").value)%>" pada kode, SALIN kode ini dan masukkan di depannya, dan ubah f_oicq menjadi f_name (field nama poster di database), sehingga kode akhirnya adalah alt="<%=(guestbook.fields.item("f_name").value)%> Nomor OICQ adalah <%=(guestbook.fields.item("f_oicq").value)%>", jadi ketika ditampilkan, akan menjadi "Nomor OICQ XX adalah XX". Semuanya terikat secara dinamis. Hebat sekali . ,Oh. .
7-17