Bab 5 Kolom Menu Catatan dan Implementasi Balasan
Halaman beranda yang diselesaikan pada Bab 4 sebenarnya sangat tidak sempurna. Pertama, pada kolom menu catatan tidak ada link dan tidak bisa diklik. Kedua, jika judul catatan diklik, tidak bisa link ke halaman balasan; Ketiga, jika Anda mengklik penulisnya, Anda tidak dapat menautkan ke informasi penulis. Fungsi-fungsi ini akan ditingkatkan dalam bab ini.
: Memodifikasi hyperlink kolom menu pada template bkblog.dwt.aspx, lalu memperbarui semua halaman web saat membuka beranda, telusuri untuk menampilkan konten catatan belajar di dalamnya; urutan waktu menurun, klik pada kolom menu, Dapat juga menampilkan isi catatan belajar dalam urutan waktu menurun sesuai kolom.
5.1.1 Menu Buat Template
(1) Buka template bkblog.dwt.aspx, pilih teks dinamis (menuda.LM), buat hyperlink, link ke beranda (index.aspx), pilih [Code Display View], dan pindahkan arahkan mouse ke Tempat di mana garis vertikal merah ditunjukkan pada Gambar 5-1-1. (Tidak ada instruksi khusus di bawah ini, semua simbol adalah karakter bahasa Inggris)
Gambar 5-1-1 Gerakkan mouse ke atribut link
(2) Masukkan "?menanw=" (menanw adalah variabel parameter), alihkan ke panel [Binding], seret bidang LMID di bawah kumpulan data (menuda) ke tadi Setelah dimasukan tanda sama dengan, hasilnya seperti pada Gambar 5-1-2:
Gambar 5-1-2 Sisipkan atribut dinamis (a.href)
(3) Beralih ke panel [Perilaku Server], Anda dapat melihat bahwa perilaku server telah ditambahkan: atribut dinamis (a.href), seperti yang ditunjukkan pada Gambar 5 -1-3 :
Gambar 5-1-3 Panel Perilaku Server
(4) Pilih menu "Beranda" dan buat tautan ke index.aspx pilih "Hubungi Kami" dan buat tautan ke mailto:[email protected].
(5) Simpan template bkblog.dwt.aspx, dan kotak dialog seperti yang ditunjukkan pada Gambar 5-1-4 akan muncul.
Gambar 5-1-4 Kotak dialog perbarui file template.
(6) Klik tombol "Perbarui" untuk melengkapi kolom menu catatan dan memperbarui beranda index.aspx.
5.1.2 Menerapkan tampilan kolom di halaman beranda
(1) Buka halaman beranda index.aspx, alihkan ke panel [Server Behavior], klik dua kali kumpulan data (Ztre), dan di kotak dialog kumpulan data pop-up , klik tombol "Lanjutan". Pilih perintah SQL di area teks [SQL] untuk disalin. Disarankan untuk menempelkannya ke teks Notepad atau Word yang baru dibuat. Ini akan sangat berguna dalam langkah selanjutnya (Anda dapat melewati langkah ini jika Anda sudah familiar dengan SQL bahasa) .
Gambar 5-1-5 Kotak Dialog Lanjutan Kumpulan Data
(2) Klik tombol "Sederhana", pilih bidang filter sebagai LMID di menu tarik-turun [Filter], pilih "Parameter URL" sebagai metode transfer parameter, dan masukan variabel parameter menanw. Tekan tombol "OK", hasilnya ditunjukkan pada Gambar 5-1-6:
Gambar 5-1-6 Memodifikasi kumpulan data Ztre ke filter
(3) Jelajahi halaman beranda dengan IE, tetapi hasil penelusuran tidak dicatat, seperti yang ditunjukkan pada Gambar 5-1-7
Gambar 5-1-7 Gambar penelusuran halaman beranda
(4) Di halaman beranda penelusuran IE, klik link "Pemrograman Jaringan", hasilnya ditunjukkan pada Gambar 4-3-3 di bab sebelumnya, menampilkan semua catatan studi pemrograman jaringan .
"Tunggu dulu, ini tidak sesuai dengan ide desain awal! Hanya bisa ditampilkan per kolom, tidak semua catatan belajar!" Ada juga masalah transfer data antar halaman ASP.NET: data antar Form di aplikasi Windows Transfer dapat dicapai dengan mendefinisikan variabel global (Variabel statis publik) dan metode lainnya. Namun, metode ini tidak dapat digunakan untuk mentransfer data antar halaman Web di ASP.NET. Misalnya: ketika Anda mengklik bilah navigasi kumpulan data, data Ztre_currentPage akan ditransfer, tetapi data menanw tidak dapat ditransfer. Artinya, ketika Anda mengklik hyperlink mana pun dari bilah navigasi kumpulan data, datanya ditransfer oleh menan akan selalu nol, yang tidak mungkin dilakukan. Ini tidak hanya merealisasikan tampilan kolom, tetapi juga melakukan tampilan paging di bawah kolom pada saat yang bersamaan. Berikut adalah solusi menggunakan sesi untuk meneruskan parameter.
(5) Untuk meneruskan variabel parameter menanw ke session("menanw"), alihkan ke tampilan kode dan masukkan kode yang ditunjukkan dalam lingkaran merah pada Gambar 5-1-8 sebelum tag <html>.
Gambar 5-1-8 Masukkan halaman ke dalam index.aspx untuk memuat fungsi default
(6) Pilih kumpulan data (Ztre) di panel [Server Behavior], seperti yang ditunjukkan pada Gambar 5-1-9, bagian hitamnya adalah kumpulan data (Ztre) Kode definisi.
Gambar 5-1-9 Kode kumpulan data Ztre
(7) Cari kode:
CommandText='<%# "SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME ASC" %>'
Ubah kode di atas menjadi:
CommandText=' <%# IIf(((request.QueryString("menanw")<>nothing) atau Request.QueryString("Ztre_CurrentPage") <> Nothing),"SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME DESC","SELECT * DARI ZTRE ORDER BY ZITIME DESC") %>'
(8) Kode ditemukan:
<Parameter Name="@LMID" Value='<%# IIf((request.QueryString("menanw") <> Tidak ada), permintaan. QueryString("menanw"), "") %>' Type="Integer" /></Parameters></MM:DataSet>
Ubah kode di atas menjadi:
<Parameter Name="@LMID" Value='<% # IIf((session("menanw") <> Nothing), session("menanw"), "") %>' Type="Integer" /></Parameters></MM:DataSet>
(9) Melakukan Penelusuran IE , hasilnya ditunjukkan pada Gambar 4-3-3 Bab 4. Lengkapi ide desain yang sudah ada.
Ide desain implementasi halaman balasan: Dengan mengklik judul catatan, sebuah halaman dapat ditautkan, termasuk catatan dan semua balasan terkait. Dari bagian sebelumnya terlihat bahwa hal ini tidak sulit. Hal ini dapat dicapai dengan meneruskan parameter kode catatan ini hanya pada hyperlink judul catatan.
5.2.1 Desain halaman dasar
(1) Buat halaman dinamis ASP.NET VB baru hf.aspx yang dihasilkan oleh template bkblog.dwt.aspx, masukkan tabel ztre di area utama yang dapat diedit, dan lakukan desain terkait pada Gambar 5-2 -1 menunjukkan:
Gambar 5-2-1 Diagram desain tabel ztre
(2) Mulai Access2003, buat tabel FH, kueri koneksi tabel YH HFRE, sebenarnya tampilan koneksi dan bidang tampilan ditunjukkan pada Gambar 5-2-2.
Gambar 5-2-2 Kueri desain HFRE yang relevan
(3) Ikuti langkah (1)-(3) di bagian 4.2.2 Kumpulan Data untuk menambahkan kumpulan data Ztre, seret bidang ke posisi terkait, dan lakukan teks dinamis (Ztre.ZYTEXT) pengaturan format, hasilnya ditunjukkan pada Gambar 5-2-3:
Gambar 5-2-3 Mengikat data ke tabel ztre
(4) Ubah kumpulan data Ztre untuk difilter, bidang filternya adalah ZTID, pilih "parameter URL" sebagai metode transfer parameter, dan variabel parameter inputnya adalah ztanw.
(5) Tambahkan kumpulan data Hfre, bidang filternya adalah ZTID, pilih "parameter URL" sebagai metode transfer parameter, dan variabel parameter masukannya adalah ztanw.
Gambar 5-2-4 Desain kumpulan data Hfre
(6) Seret bidang kumpulan data Hfre ke posisi yang sesuai pada tabel ztre, atur pengaturan format teks dinamis (Htre.HFTEXT) ke "Encoding—format pengkodean HTML ", dan ubah bidang pertama tabel ztre. Baris 5, 6, dan 7 didefinisikan sebagai area berulang, dan data dimasukkan ke dalam tabel ztre. Hasilnya ditunjukkan pada Gambar 5-2-5:
Gambar 5-2-5 Ikat kumpulan data Htre ke tabel ztre
(7) Buka halaman beranda index.aspx, pilih teks dinamis (Ztre.ZTNAME), buat hyperlink, tautkan ke hf.aspx, alihkan ke kode view, dan pasang link Ubah atributnya menjadi: hf.aspx?ztanw=. Setelah drag field ZTID di bawah dataset Ztre ke tanda sama dengan, hasilnya seperti terlihat pada Gambar 5-2-6:
Gambar 5-2-6 Tambahkan hyperlink dinamis dalam kode
(8) Simpan hf.aspx dan index.asps, masukkan beberapa catatan ke dalam tabel HF dan tabel YH yang sesuai di Access, dan telusuri index.asps di browser IE, klik topik catatan belajar dengan balasan, seperti yang ditunjukkan pada Gambar 5-2-7:
Gambar 5-2-7 Tampilan halaman balasan
(9) Kemudian klik hyperlink mana saja pada navigasi kumpulan data, hasilnya seperti pada Gambar 5-2-8:
Gambar 5-2-8 Halaman hasil setelah mengklik navigasi kumpulan data
! Semuanya hilang! Ini adalah masalah transfer data antar halaman web ASP.NET. Itu harus diubah seperti pada Bagian 5.1.
(10) Beralih ke tampilan kode dan masukkan kode yang ditunjukkan dalam lingkaran merah pada Gambar 5-2-9 sebelum tag <html>.
Gambar 5-2-9 Masukkan halaman ke hf.aspx untuk memuat fungsi default
(11) Temukan kode dalam kumpulan data Ztre:
<Parameter Name="@ZTID" Value='<%# IIf((request.QueryString ("ztanw") <> Nothing), request.QueryString("ztanw"), "") %>' Type="Integer" />
Ganti request.QueryString("ztanw") pada kode di atas dengan session("ztanw "), Kode hasil diubah menjadi
<Parameter Name="@ZTID" Value='<%# IIf((session("ztanw")<> Nothing), session("ztanw"), "") %>' Type="Integer" />
(12) Cari kode di dataset Hfre:
<Parameter Name="@ZTID" Value='<%# IIf((request.QueryString("ztanw") <> Nothing), request .QueryString("ztanw" ), "") %>' Type="Integer" />
Ganti request.QueryString("ztanw") pada kode di atas dengan session("ztanw"), dan kode yang dihasilkan diubah menjadi
< Nama Parameter="@ZTID" Nilai= '<%# IIf((sesi("ztanw")<> Tidak Ada), sesi("ztanw"), "") %>' Type="Bilangan Bulat" />
(13) Simpan hf.aspx.