Membuat buku tamu dengan DreamweaverMX (3)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-31 21:07:14
Oke, langkah selanjutnya adalah alamat email dan homepage yang sedikit berbeda dengan cara sebelumnya, seperti pada gambar (7-18) dan (7-19).
7-18
7-19
Demikian pula, harap dicatat bahwa ada urutannya. Pertama pilih gambar kotak surat, lalu klik tombol Tautan dari panel properti di bawah. Kotak dialog yang ditunjukkan pada Gambar (7-20) muncul, yang berarti di mana harus terhubung jika Anda mengklik gambar ini.
7-20
Dulu fungsi kita adalah menyambung ke halaman lokal, namun di DW MX kita dapat menyambung ke halaman dinamis dengan memilih Sumber Data. Di sini kita mengambil bidang email dari kumpulan catatan dan ingat untuk menambahkan "mailto:" di depan. Mengapa kita menambahkan ini di sini? Itu karena "mailto" ini adalah tag html, yaitu koneksi dibuka dengan OUTLOOK untuk mengirim email.
Pada saat yang sama, ingatlah untuk menambahkan atribut alt ke gambar email ini, yaitu alamat email alt="<%=(guestbook.fields.item("f_name").value)%> adalah <%=( buku tamu.fields.item(" f_email").value)%>, klik di sini untuk mengiriminya email".
Metode koneksi alamat halaman beranda ditunjukkan pada Gambar (7-21).
7-21
Setelah mengikat koneksi, ingatlah untuk menambahkan atribut alt ke gambar. Ubah menjadi alt="<%=(guestbook.fields.item("f_name").value)%>. Alamat emailnya adalah <%=(guestbook). .fields.item( "f_homepage").value)%>, klik di sini untuk mengiriminya pesan"
Ya, memang agak membosankan di sini, tapi ayolah, kemenangan sudah melambai ke arah kita. :)
Lihatlah efek saat ini, seperti yang ditunjukkan pada Gambar (7-22).
7-22
Hal selanjutnya yang dilakukan adalah menambahkan link untuk membalas topik, mengedit dan menghapus, serta menjadikannya dinamis. Perilaku server yang digunakan di sini adalah melompat ke halaman detail (Go To Detail Page). Sebelumnya kita buat halaman balasan (rep.asp), halaman edit (edit.asp) dan halaman hapus (del.asp). Disini kita tidak akan merinci cara menyambungnya satu persatu -23 , 7-24, 7-25).
7-23
7-24
7-25
Setelah menyelesaikan tiga langkah di atas, Anda masih perlu mengingat untuk melakukan satu hal. Bagaimana jika kita memiliki banyak pesan? ? Di sini kita perlu menggunakan Repeat Region (repeat region) dalam perilaku server DW MX, pilih seluruh tabel besar yang menampilkan pesan, Application-->Server Behaviors-->Repeat Region, seperti yang ditunjukkan pada Gambar (7-26) .
7-26
Kami mendefinisikannya untuk menampilkan 14 catatan per halaman, yang terlihat sedikit lebih sederhana, dan klik tombol OK.
Saat mencapai langkah ini, saya harus mempertimbangkan sebuah pertanyaan. Bagaimana pengguna penjelajahan mengetahui berapa banyak catatan pesan yang saya miliki? ? Faktanya, saat kita membuat kumpulan rekor, DW MX telah mempertimbangkan hal ini untuk kita, seperti yang ditunjukkan pada Gambar (7-27).
7-27
Indeks catatan pertama: Catatan pertama dalam indeks.
Indeks catatan terakhir: Catatan terakhir dalam indeks.
total catatan: jumlah semua catatan.
Dengan ini, yang harus kita lakukan hanyalah menyeretnya ke halaman dan menambahkan teks penjelasan yang sesuai, seperti yang ditunjukkan pada Gambar (7-28).
7-28
Jika Anda bertahan, Anda akan berhasil! Kita juga memerlukan guide bar karena kita menggunakan Repeat Region sebelumnya, seperti yang ditunjukkan pada Gambar (7-29).
7-29
Insert-->Application Objects-->Recordset Navigation Bar (Sisipkan-->Application Objects-->Recordset Navigation Bar), setelah diklik maka akan muncul kotak dialog seperti pada Gambar (7-30).
7-30
Recordset: Pilih kumpulan rekaman yang akan dinavigasi di sini.
Tampilan Menggunakan: Pilih metode tampilan bilah navigasi di sini, teks adalah teks, gambar adalah gambar, di sini kita memilih gambar.
Klik tombol OK, dan efek tampilannya seperti ditunjukkan pada Gambar (7-31).
7-31
Mungkin terlalu besar. Kita bisa memperkecil tabel ini. Setelah memilih tabel ini, ubah width="50%" menjadi width="15%" di panel properti ) ditampilkan.
7-32
Sekarang untuk tahap perbaikan terakhir, sambungkan "Publikasikan topik baru" ke halaman new.asp, sambungkan "Portal Admin" berikut ke halaman login.asp, dan gunakan perilaku server pada "Logout!" Fungsi ini sebenarnya untuk Super Disiapkan oleh pengguna. Seperti yang ditunjukkan pada Gambar (7-33).
7-33
Otentikasi Pengguna: Otentikasi pengguna.
Pengguna Logout: Pengguna yang login akan logout.
Setelah diklik, muncul kotak dialog seperti pada Gambar (7-44).
7-44
Logout Kapan: Cara logout yang mana, Link diklik: Logout bila link ini diklik. Pemuatan Halaman: Keluar saat halaman ditutup.
Setelah Selesai, Buka : Halaman mana yang akan dituju setelah keluar, disini kita tentukan untuk menuju ke beranda index.asp.
Selain itu, {Session.MM_username} yang terlihat di atas sebenarnya disiapkan untuk pengguna super. Saat Anda tidak login, maka akan muncul "Selamat Datang". Jika pengguna super login, maka akan muncul "Selamat Datang XX!". Di sini kita perlu membuat variabel Session, seperti yang ditunjukkan pada Gambar (7-34). Adapun masalah variabel Session ini, kami akan memperkenalkannya secara rinci pada bab-bab berikut. :)
7-34
7-35
Setelah diklik, akan muncul kotak dialog seperti pada Gambar (7-35). Masukkan MM_username pada kotak dialog. Variabel MM_username ini secara otomatis dihasilkan oleh DW MX setelah menerapkan perilaku server login (kami akan memperkenalkannya secara detail nanti). Seret juga sebelum tanda seru di antara "Selamat datang!" Ah, ayo kita bersorak bersama~~~~~~Akhirnya selesai juga bagian tersulitnya, selamat, hehe...