Bab Enam: Penerapan halaman pendaftaran pengguna BLOG Doking
Seseorang menemukan: Di mana pengguna harus memposting catatan dan balasan? Ini adalah pertanyaan yang akan dibahas pada Bab 6 dan 7. Bab ini terutama menjelaskan implementasi halaman registrasi pengguna.
6.1.1 Modifikasi halaman template bkblog.dwt.aspx
(1) Buka template bkblog.dwt.aspx, sisipkan tabel Lefttab pada kolom kiri, sisipkan form Yhlogfrm pada baris pertama, dan sisipkan tabel logtab dalam bentuk Yhlogfrm , dan masukkan kotak teks, area teks, dan tombol yang relevan. Hasilnya ditunjukkan pada Gambar 6-1-1:
Gambar 6-1-1 Desain login pengguna di templat
(2) Beri nama kotak teks yang sesuai dengan Nama Log penulis; beri nama kotak teks yang sesuai dengan kata sandi Logpass, dan ubah jenisnya menjadi Kata Sandi; ubah tindakan "Daftar" tombol menjadi "Tidak Ada"; Ubah tindakan tombol "Masuk" menjadi "Kirim Formulir".
(3) Pilih tombol "Daftar", di panel [Behavior], tambahkan perilaku ke URL, dan di kotak dialog pop-up, masukkan tautan sebagai "../yhinlog.aspx" seperti yang ditunjukkan pada Gambar 6 -1-2 :
Gambar 6-1-2 Tambahkan perilaku membuka URL
(4) Simpan template dan perbarui semua halaman web.
6.1.2 Desain halaman registrasi
(1) Buat halaman dinamis ASP.NET VB baru yhinlog.aspx yang dihasilkan oleh template bkblog.dwt.aspx, masukkan form Yhinfrm di area yang dapat diedit di badan utama, lalu masukkan membentuk yhinlog, dan melakukan desain terkait. Hasilnya ditunjukkan pada Gambar 6-1-3:
Gambar 6-1-3 Desain tabel yhinlog
(2) Pilih kotak teks yang sesuai dengan nama pengguna, alihkan ke panel label, perluas "CSS/Aksesibilitas", masukkan YHNAME di id; perluas "Tidak Diklasifikasikan", masukkan runat, server , ubah kotak teks YHNAME menjadi kontrol server, seperti yang ditunjukkan pada Gambar 6-1-4:
Gambar 6-1-4 Memodifikasi label kotak teks
(3) dan seterusnya. Kotak teks yang sesuai dengan kata sandi diberi nama YHPASS, kotak teks yang sesuai dengan konfirmasi kata sandi diberi nama REPASS, kotak teks yang sesuai dengan kode QQ adalah bernama YHQQ, dan kotak teks yang sesuai dengan Nama Email kotak teks YHEMAIL, beri nama kotak teks yang sesuai di halaman beranda YHINDEX, dan ubah semua kotak teks menjadi kontrol server.
(4) Pilih formulir Yhinfrm, ubah menjadi kontrol server, dan simpan yhinlog.aspx.
6.1.3 Menyelesaikan desain halaman pendaftaran
(1) Buat halaman web dinamis baru yhlogok.aspx dari template bkblog.dwt.aspx, masukkan logo tabel dengan tiga baris dan satu kolom di area utama yang dapat diedit, masukkan teks "Selamat Datang" di baris kedua, dan klik pada menu shortcut ASP.NET “Bind Data”, lalu klik “Trimmed Form Element”, pindahkan kursor ke posisi seperti pada Gambar 6-1-5, dan masukkan “YHNAME”.
Gambar 6-1-5 Sisipkan elemen form yang telah dipotong
(2) Kembali ke tampilan desain, lanjutkan dengan memasukkan teks “BLOG Donking!”, dan desain logo tabel.
Gambar 6-1-6 Desain logo tabel
(3) Pilih tombol tombol "Beranda", di panel [Perilaku], tambahkan perilaku untuk membuka URL, di kotak dialog pop-up, masukkan tautan sebagai "indeks .aspx", simpan yhlogok.aspx
Untuk mencegah pengguna memasukkan informasi registrasi yang salah, informasi registrasi pengguna harus distandarisasi dan diverifikasi.
(1) Buka yhinlog.aspx, buka menu shortcut ASP.NET, dan klik [More Tags], seperti yang ditunjukkan pada Gambar 6-2-1:
Gambar 6-2-1 Menu pintasan ASP.NET
(2) Perluas "ASP.NET Label" → "Validation Server Control" di pemilih label pop-up, pilih "asp:RequiredFieldvalidator" di bingkai jendela kanan, dan klik " Klik tombol "Sisipkan", seperti yang ditunjukkan pada Gambar 6-2-2 di bawah:
Gambar 6-2-2 Pemilih Tag
(3) Di editor tag pop-up, tambahkan kontrol validasi untuk kotak teks YHNAME dan isi item seperti yang ditunjukkan pada Gambar 6-2-3:
Gambar 6-2-3 Editor tag RequiredFieldValidator
(4) Buka pemilih tag, masukkan kontrol server verifikasi ASP.NET → Kontrol CompareValidator, tambahkan kontrol verifikasi perbandingan dengan kotak teks REPASS untuk kotak teks YHPASS, dan isi yang relevan informasi seperti yang ditunjukkan pada Gambar 6-2 -4 yang ditunjukkan:
Gambar 6-2-4 Editor tag CompareValidato
(5) Masukkan kontrol server verifikasi ASP.NET → Kontrol Rangevalidator, tambahkan kontrol verifikasi untuk kotak teks YHQQ, dan isi informasi yang relevan seperti yang ditunjukkan pada Gambar 6-2-5:
Gambar 6-2-5 Editor tag validator rentang
(6) Masukkan kontrol server validasi ASP.NET → Kontrol validator ekspresi reguler, tambahkan kontrol validasi untuk kotak teks YHEMAIL, dan isi berbagai item seperti yang ditunjukkan pada Gambar 6-2 -6, di mana ekspresi validasi Rumusnya adalah:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
Gambar 6-2-6 Editor tag validator ekspresi reguler
(7) Masukkan kontrol server verifikasi ASP.NET → Kontrol validator ekspresi reguler, tambahkan kontrol verifikasi untuk kotak teks YHINDEX, dan isi berbagai item seperti yang ditunjukkan pada Gambar 6- 2-7, di mana verifikasi Ekspresinya adalah: http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
Gambar 6-2-7 Validator ekspresi reguler Editor tag
(8) harus memiliki kontrol validasi untuk mencegah duplikat nama pengguna yang didaftarkan oleh pengguna.
①Tambahkan kumpulan data yhinlog, atur ke filter, bidang filternya adalah YHNAME, dan variabel parameternya adalah variabel formulir YHNAME.
Gambar 6-2-8 Masukkan kumpulan data yhinlog
② Masukkan kontrol server verifikasi ASP.NET → Kontrol CustomValidator, tambahkan kontrol verifikasi untuk kotak teks YHINDEX, dan isi berbagai item seperti yang ditunjukkan pada Gambar 6-2-9, termasuk fungsi verifikasi klien adalah:
<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>
Gambar 6-2-9 Editor tag Validator Kustom
(9) Simpan yhinlog.aspx dan telusuri di IE. Jika kotak dialog seperti yang ditunjukkan pada Gambar 6-2-10 muncul, berarti tidak ada subdirektori di direktori root. situs dklog.aspnet_client juga tidak memiliki perpustakaan skrip JS yang diperlukan untuk memverifikasi kontrol. Saat memasang kerangka .NET, program instalasi telah disalin ke direktori root situs default c:Inetpubwwwroot. Salin subdirektori aspnet_client di c:Inetpubwwwroot ke direktori root situs dkblog, dan itu OKE!
Gambar 6-2-10 Pustaka skrip JS yang diperlukan tidak dapat ditemukan
(1) Buka yhinlog.aspx, tambahkan perilaku server [Sisipkan Catatan], dan tambahkan data formulir yang relevan ke tabel data YH. Pengaturannya ditunjukkan pada Gambar 6-3-1:
Gambar 6-3-1 Tambahkan [Sisipkan Catatan] Perilaku Server
(2) ASP.NET tidak mendukung transmisi pengkodean gb2312. Beralih ke tampilan kode dan temukan:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Hapus kode ResponseEncoding="gb2312" dan semuanya akan baik-baik saja:
<%@ Page Language ="VB" ContentType="text/html"%>
(3) Simpan, telusuri dan kirimkan informasi pendaftaran pengguna di IE, dan buka tabel YH di Access. Anda dapat menemukan bahwa semua informasi berbahasa Mandarin yang dikirimkan telah berubah menjadi ?? . Apa yang harus dilakukan? Jangan khawatir, ini karena TASP.NET tidak mendukung transmisi pengkodean gb2312. Buka yhinlog.aspx, alihkan ke tampilan kode, cari baris kode pertama:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Ubah menjadi:
<%@ Page Language= "VB" ContentType="text/html" %>
Artinya, hapus ResponseEncoding="gb2312". Halaman web lain juga dimodifikasi menurut metode ini untuk mencegah kesalahan dalam informasi pengiriman berbahasa Mandarin.
