Bab 10 Implementasi Kalender Acara BLOG
Karena BLOG Doking adalah catatan belajar, Anda dapat memeriksa semua catatan dan tanggapan catatan dengan menekan kalender.
Analisis kesulitan: Haruskah kita menambahkan kontrol kalender Kalender langsung ke template? TIDAK! Itu tidak akan berhasil! Karena kontrol kalender Kalender adalah kontrol server, maka harus dalam bentuk yang berisi runat = "server". Namun, hanya ada satu bentuk yang berisi runat = "server" pada halaman, jika tidak, kesalahannya ditunjukkan pada Gambar 10-1 kadang-kadang akan terjadi.
Gambar 10-1 Apa yang harus saya lakukan jika halaman hanya memiliki satu kesalahan yang berisi formulir runat="server"
? Berikut adalah kerangka kerja tertanam untuk transfer.
10.1 Tambahkan kontrol kalender Kalender
(1) Buat halaman dinamis ASP.NET VB kosong baru.
(2) Masukkan dan keluarkan form runat="server" dan atur ID="Calfrm".
(3) Klik tombol "Tag Lainnya" di bawah menu pintasan ASP.NET, dan pilih "Kalender asp" di bawah "Tag ASP.NET" di kotak dialog pop-up [Pemilih Tag], seperti yang ditunjukkan pada Gambar 10-2 .
Gambar 10-2 Masukkan tag "asp Calendar"
(4) Tekan tombol "Insert", dan kotak dialog [Tag Editor—Calendar] akan muncul, seperti yang ditunjukkan pada Gambar 10-3. Dalam dialog ini, Anda dapat mengatur gaya kontrol kalender Kalender Karena dalam bahasa Cina, saya tidak akan menjelaskan detailnya di sini.
(5) Simpan halaman dinamis ASP.NET VB sebagai dkCalendar.aspx. Telusuri di IE, seperti yang ditunjukkan pada Gambar 10-4.
Gambar 10-3 kotak dialog [Editor Tag—Kalender].
Gambar 10-4 Menjelajahi dkCalendar.aspx di IE
Pada Gambar 10-1-4, Anda dapat melihat bahwa tampilan minggu ini terlalu panjang dan jelek! Alangkah baiknya jika berbunyi “hari, satu, dua, tiga, empat, lima, enam”.
10.2 Memodifikasi tampilan minggu Kalender
(1) Buka dkCalendar.aspx di Dreamweaver, alihkan ke tampilan kode, dan cari kode berikut:
<
%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312 " %>
Ubah menjadi:
<%@ Page Language="VB" Debug="true" Culture="zh-CN"%>
(2) Klik tombol "а:xy" di bawah menu pintasan ASP.NET dan masukkan namespace, seperti Seperti yang ditunjukkan pada Gambar 10-5.
(3) Tambahkan kode baru saat ini:
<%@ Import Namespace="" %>
Namespace inputnya adalah System.Globalization, yaitu kode diubah menjadi:
<%@ Import Namespace="System.Globalization" %>
(4) Tambahkan lagi Namespace System.Threading, hasilnya seperti pada Gambar 10-6.
Gambar 10-5 Memasukkan namespace
Gambar 10-6 Kode setelah memasukkan namespace
(5) Setelah kode:
<%@ Import Namespace="System.Treading" %>
, biarkan baris kosong dan masukkan kode berikut:
<script runat="server">
Dim dkday ' definisi Variabel global dari string tautan yang dihasilkan dengan memilih tanggal
'berfungsi untuk mengubah tampilan minggu
Sub Pribadi Calendar1_PreRender (ByVal sender As Object, ByVal e As System.EventArgs) Menangani Calendar1.PreRender
Dim dkwek = System.Threading.Thread. CurrentThread
Dim dknew = System.Globalization.CultureInfo.CurrentCulture.Clone()
dknew.DateTimeFormat.DayNames = String Baru() {"Hari", "一", "二", "三", "四", "五", "六"}
dknew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday
dkwek.CurrentCulture = dknew
End Sub
</script>
(6) Pilih kode asli dari kontrol kalender Calendar1, alihkan ke tab [Properties] pada panel [Label] , perluas opsi "Penampilan", Pilih menu tarik-turun item "Format Nama Hari" dan pilih "Penuh", seperti yang ditunjukkan pada Gambar 10-7.
(7) Simpan dkCalendar.aspx dan telusuri di IE. Hasilnya ditunjukkan pada Gambar 10-8.
Gambar 10-7 Pilih nilai "DayNameFormat" sebagai "Full" Gambar 10-8Tambahkan acara kalender
di IE 10.3 setelah memodifikasi dkCalendar.aspx
(1) Buka dkCalendar.aspx di Dreamweaver, alihkan ke tampilan kode, dan pilih kode asli Calendar1 , klik kanan dan pilih "Edit Label (E) <asp:calendar>" di menu pintasan pop-up, seperti yang ditunjukkan pada Gambar 10-9.
Gambar 10-9 Pilih "Edit Label (E) <asp:calendar>"
(2) Pada kotak dialog yang muncul [Edit Label—calendar], perluas item "Events", pilih "OnSelectionChanged", dan klik "Calendar —OnSelectionChanged" Di area teks acara, masukkan "Calendar1_SelectionChanged" dan tekan tombol "OK", seperti yang ditunjukkan pada Gambar 10-10.
Gambar 10-10 Edit event OnSelectionChanged
(3) Tambahkan kode yang ditunjukkan pada lingkaran merah pada Gambar 10-11 pada kode tag <script runat="server">.
Gambar 10-11 Tambahkan event Calendar1_SelectionChanged
(4) Di antara tag <head></head>, masukkan kode yang ditunjukkan dalam lingkaran merah pada Gambar 10-12.
(5) Cari tag <body> dan ubah ke kode yang ditunjukkan pada lingkaran merah pada Gambar 10-13.
Gambar 10-12 Memasukkan fungsi javascript dkwk
Gambar 10-13 Memodifikasi tag <body>
(6) Atur item "DayNameFormat" dari Kalender1 menjadi "Penuh" lagi, lihat langkah 6 di Bagian 10.2.
(7) Simpan dkCalendar.aspx, buka index.aspx, dan tambahkan kode berikut di fungsi page_load:
if Request.QueryString("dkday")<>tidak ada maka
Ztre.CommandText="SELECT * FROM ZTRE WHERE cstr(ZITIME) LIKE ' %" &Request.QueryString("dkday")&"%' ORDER BY ZITIME DESC"
else
if (request.QueryString("menanw")<>nothing) or (session("menanw")<>nothing) maka
Ztre .CommandText ="SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME DESC"
else
Ztre.CommandText="SELECT * FROM ZTRE ORDER BY ZITIME DESC"
end if
end if
Hasilnya ditunjukkan pada Gambar 10-14.
Gambar 10-14 Tambahkan kode (8) pada fungsi page_load
untuk menemukan kode asli dari record set Ztre dan hapus baris perintah dimana CommandText-nya berada.
Gambar 10-15 Kode asli (9) dari kumpulan rekaman yang dimodifikasi Ztre
menyimpan index.aspx.
10.4 Menambahkan bingkai tertanam
(1) Buka template dkblog.dwt.aspx, klik tombol pintasan "Tag Lainnya" di menu pintasan ASP.NET, dan pilih "Tag HTML" di kotak dialog [Pemilih Tag] yang muncul . Dan pilih item "iframe", seperti yang ditunjukkan pada Gambar 10-16.
Gambar 10-16 Menyisipkan tag iframe (yaitu bingkai tertanam)
(2) Klik tombol "Sisipkan", dan di kotak dialog pop-up [Editor Tag—iframe], buat pengaturan yang relevan untuk bingkai tertanam yang akan disisipkan, seperti yang ditunjukkan pada Gambar 10-17 ditampilkan.
Gambar 10-17 Membuat pengaturan yang relevan untuk bingkai yang disematkan
(3) Tekan tombol "OK" untuk kembali ke kotak dialog [Tag Editor—iframe], lalu tekan tombol "Tutup".
(4) Simpan template dkblog.dwt.aspx dan perbarui semua halaman web.
(5) Telusuri index.aspx di IE, hasilnya ditunjukkan pada Gambar 10-18.
Gambar 10-18 Menjelajahi index.aspx di IE
Reminder: Faktanya, implementasi acara kalender adalah acara yang sangat kompleks, berikut ini hanya contoh sederhana. Kesulitan lain di bagian ini adalah kontrol objek jendela utama oleh kerangka yang tertanam. Di sini kita hanya menggunakan " parent.location.href " untuk mengontrol aliran halaman web jendela utama. Ini diserahkan kepada pembaca untuk dipelajari secara perlahan.