Kelas Web memudahkan pendaftaran

Menggunakan teknologi WebClass baru VB6 memudahkan pembuatan aplikasi berbasis Internet yang fleksibel dan kuat. Awal tahun ini, kami menunjukkan kepada Anda cara menulis aplikasi pendaftaran yang memungkinkan pengguna mengunjungi halaman Anda dan mendaftar untuk produk perangkat lunak.["Buat a Kelas Registrasi Pengguna," VBPJ April 1998 dan "Tambahkan Registrasi E-Mail ke Server Anda," VBPJ Mei 1998]. Setelah registrasi, aplikasi akan mengirimkan secara berurutan kepada pengguna melalui nomor email, dan ada koneksi ke Web. untuk melanjutkan proses registrasi. Aplikasi VB5 yang saya tunjukkan sebelumnya membuat DLL ActiveX yang berjalan di server Web dan DLL yang menentukan status pengguna dan memanggil DLL dengan tepat sarana baru untuk menulis aplikasi jenis ini, menggunakan teknologi baru - WebClass

Singkatnya, WebClass adalah ActiveX yang berjalan di server Web DLL. Ini memungkinkan hyperlink halaman HTML di browser klien untuk mengaktifkan acara di server DLL. Mode pemrograman WebClass mirip dengan mode VB tradisional - perbedaannya adalah di VB, formulir berisi kontrol, sedangkan aplikasi WebClass Programnya adalah halaman Web yang berisi kontrol di sisi server, bagi pengembang, dia mengetahuinya menyelesaikan model acara VB, sehingga pengembangan Web yang sangat interaktif dapat dilakukan. Pada kolom ini, kita akan membahas cara membuat aplikasi WebClass sederhana untuk menunjukkan betapa sederhananya ini.

Untuk membuat aplikasi WebClass sederhana, Anda harus memulai VB6 dan memilih aplikasi IIS di kotak dialog Proyek Baru. Beri nama proyek SimpleReg di jendela Properties. Klik dua kali proyek WebClass Designer di browser (Anda dapat melihat jendela Properties dan Project Browser melalui menu View). , beri nama WebClass wcSimple dan masukkan SimpleReg di properti NameURL. Ini akan dibuat saat mengkompilasi file startup ActiveX DLL bernama SimpleReg.asp.
Aplikasi WebClass menampilkan HTML di browser pengguna dengan menggunakan template HTML. Karena VB6 tidak menyertakan editor HTML, Anda harus membuat template HTML di luar VB6 (perancang DHTML VB6 tidak ada hubungannya dengan WebClass sama sekali. Anda dapat menggunakan). editor HTML apa pun, tetapi karena Visual Studio menyertakan Visual InterDev (VID) 6.0, VID adalah pilihan yang masuk akal.

Tetapkan Visual Studio sebagai editor HTML default untuk Visual Basic di menu Tools|Options di VB6 mengikuti jalur Visual InterDev - C:Promram FilesMicrosoft Visual StudioCommonIDE|IDE98Devenv.exe ke dalam kotak edit HTML eksternal. Anda akan memberi tahu Visual InterDev untuk membuat file templat untuk proyek Anda Misalnya: jika templat Anda disebut WebPage.htm, lalu InterDev membuat salinan bernama Web1Page.htm. Jika Anda menggunakan Notepad atau editor lain untuk membuat template, harap pertimbangkan ini.

Dalam kode rutin, file SimpleReg.htm adalah template yang dibuat oleh Visual InterDev. Di panel kiri desainer WebClass, pilih folder HTML Template WebItem. Anda dapat menambahkan template SimpleReg ke proyek sebagai berikut: klik tombol AddHTML Template WebItem dan klik Pilih file SimpleReg.htm di dialog pemilihan file. kotak (lihat Gambar 1). Beri nama WebItem baru tplSimple. Klik dua kali tplSimple untuk melihat kode tentang WebClass. Temukan proses WebClass_Start dan ganti kode asli yang dihasilkan dengan kode berikut untuk menampilkan template saat memuat WebClass :

Private Sub WebClass_Start( )
'Tampilkan template HTML utama www.downcodes.com
Session("Judul") = "Masukkan" & "Informasi Pendaftaran"
tplSimple.WriteTemplate

End Sub

WebClass_Start mirip dengan proses Form_Load pada aplikasi VB tradisional. Jalankan program dan lihat halaman HTML yang ditampilkan oleh browser Anda. Keluar dari browser dan hentikan aplikasi VB (Ini adalah penghentian normal selama debugging dan pengembangan. Metode WebClass).

Di WebClass Designer, klik kanan pada tplSimple WebItem dan pilih Edit HTML Template dari menu konteks. Anda akan melihat halaman template di editor HTML default Anda halaman yang terdiri dari tiga bagian khusus yang disebut tag, dalam format berikut:

< WC@TAGTITLE>Judul</WC@TAGTITLE >

Bagian teks dari tag ini ("Judul") diubah oleh Anda saat runtime Kode yang ditambahkan ke WebClass diganti Ketika metode WriteTemplate dijalankan, ia memanggil prosedur khusus yang disebut ProcessTag satu kali untuk setiap tag yang ditemukan di template HTML. Kembali ke VB, klik dua kali tplSimple WebItem untuk menampilkan jendela kode. Di jendela kode, pilih proses tpSimple_ProcessTag di combo box atas dan tambahkan kode berikut:

Dim sHTM As String
Pilih Nama Tag Kasus
Kasus " WC@TAGTITLE "
TagContents =Sesi("Judul")
Kasus " WC@TAGMAIL "
sHTM = "Masukkan Alamat Email:<br>"
sHTM = sHTM & "<tipe masukan= 'teks'"
sHTM = sHTM & " nama= 'Email'><br>"
Isi Tag = sHTM
Kasus " WC@TAGNAME "
sHTM = "Nama:<br>"
sHTM = sHTM & "<tipe masukan= 'teks'"
sHTM = sHTM & " nama= 'Nama'><br>"
Isi Tag = sHTM
End Select

mengembalikan kode HTML di parameter TagContent untuk menggantikan tag. Tetapkan breakpoint di tplSimple. Tambahkan WriteTemple ke prosedur WebClass_Start dan jalankan aplikasi Anda. Pada breakpoint, gunakan F8 untuk menelusuri proyek guna melihat Urutan kejadian. Anda akan melihat bahwa prosedur ProcessTag dipanggil tiga kali - satu kali untuk setiap tag di template. Yang paling keren adalah: saat runtime, prosedur tersebut akan menggunakan HTML yang akan menghasilkan kotak teks di browser Tag nama.

Mampu men-debug kode peristiwa sisi server secara interaktif adalah salah satu fitur yang sangat kuat dalam mengembangkan aplikasi WebClass dengan VB. Dalam pengembangan Web VB5, VBScript dalam skrip ASP diselesaikan. Anda tidak dapat men-debug VBScript

semua

kode sisi server berjalan di WebClass dan Anda dapat menggunakan lingkungan desain VB yang sangat baik untuk debugging

interaktif adalah menambahkan kode penanganan acara untuk tombol Daftarkan Saya pada formulir. Kembali ke desainer WebClass VB dan klik pada tplSimple WebItem. Di panel kanan, Anda akan melihat daftar anggota HTML di halaman, dan Anda dapat mengaitkan acara dengan mereka . Klik kanan tag Form1 dan pilih item menu Hubungkan ke Acara Khusus, dan perhatikan bahwa di sebelah nama Acara Form1 di kolom Target. Lihat sekilas template HTML (klik kanan pada tplSimple dan pilih Edit Template HTML). . Temukan anggota formulir. Sekarang terlihat seperti ini.

<FORM method = 'post' action = SimpleReg.ASP?
&amp;WCE=RegisterMe&amp;WCU>

SimpleReg.asp adalah skrip startup ActiveXDLL khusus. Nilai setelah tanda tanya menunjukkan bahwa WebClass Item (WCI) adalah tplSimple, WebClass Event (WCE) adalah RegisterMe, dan WebClass URLData (WCU) kosong Ketika pengguna Ketika tombol Daftarkan Saya diklik di browser, baris ini akan mengaktifkan tombol tplSimple_RegisterMe di DLL server ActiveX. Dengan cara ini, aktivitas formulir terikat ke acara sisi server, tetapi Anda dapat mengatur hyperlink di browser untuk mengaktifkan Acara di server. WebClass bekerja seperti keajaiban untuk pengembangan aplikasi Web - mereka memperluas pemrograman berbasis acara VB ke aplikasi berbasis browser.

Klik dua kali acara RegisterMe di panel kiri VB Designer untuk menampilkan kode window.Tambahkan kode berikut ke acara:

If Len(Request.Form("Email")) = 0 Then
Session("Judul") = "Silakan" & "Masukkan Alamat Email!"
Sesi("Email") = ""
Sesi("Nama") = ""
Kalau tidak
Session("Judul") = "Ini" & "Entri Anda!"
Sesi("Email") = Permintaan.Formulir("Email")
Sesi("Nama") = Permintaan.Form("Nama")
Akhiri Jika
TplSimple.WriteTemplate

Request.Form adalah cara standar untuk mengembalikan data dari halaman browser. Ini menetapkan beberapa variabel Sesi dan menampilkan ulang halaman HTML yang sama. Tetapkan breakpoint pada pernyataan If dan jalankan proyek tombol Daftarkan Saya. Anda akan melihat bahwa judul telah disegarkan, tetapi kotak teksnya kosong. Ini karena Anda tidak memasukkan nilai yang sesuai saat menulis templat. Hentikan proyek dan ubah tplSimple_ProcessTag

Gratis

teks

berdasarkan variabel Sesi. Jalankan proyek dan lihat apa yang terjadi

untuk menyimpan dan menyimpan jumlah dari database. Metode untuk mendapatkan catatan. Untuk mempermudah, kami menggunakan Microsoft Acess 97 sebagai database kami. Buat database baru dengan Acess di direktori sumber Anda dan beri nama Register.mdb

unik

, dan tempatkan salinan Register.mdb di direktori akar drive C Anda

Referensi Pustaka Objek Data, Anda dapat menemukannya di Proyek|Referensi.... Anda dapat menggunakan pustaka ADO versi 1.5 atau 2.0. Jika Anda belum menginstal pustaka ADO, Anda dapat mengunduhnya dari situs Microsoft: http:/ /www.microsoft.com/data Unduh perangkat instalasi MDAC2.0 dari /ado. Ubah kode dalam proses tplSimple.RegisterMe (Unduh Listing 2 dari DevX; lihat kotak Unduh Kode Gratis untuk detailnya)

. dalam form ke dalam variabel Session, lalu buka recordset ADO dan cari alamat emailnya (Download Listing 3 dari DevX).

Jika ditemukan, kode akan mengembalikan record tersebut fungsi menyetel string koneksi:

private Fungsi Connect() Sebagai String
'Kembalikan string koneksi ADO
Const kDB = "DBQ=c:register.mdb;"
Const kDrv = "Drive={Microsoft" & "Akses Driver (*.mdb)}"
Hubungkan = kDB & kDrv
Fungsi Akhir

Tetapkan breakpoint di tplSimple_RegisterMe, jalankan program, dan lihat cara kerja kode akses data. Contoh sederhana ini menunjukkan betapa sederhananya pemrograman di ADO. Ingatlah untuk mengkonfigurasinya di perusahaan Anda. Aplikasi "nyata" apa pun harus menyertakan penanganan kesalahan. Secara umum, Anda juga akan menggunakan registrasi untuk menyimpan variabel seperti informasi string koneksi dan Anda perlu menyediakan cara untuk menyegarkan catatan dan menghapus catatan yang tidak diperlukan.

Saat Anda mengkompilasi proyek, dua hal akan terjadi setiap proyek ActiveX di VB, catatan DLL ActiveX akan dihasilkan pada mesin pengembangan. Hal kedua adalah: WebClass akan dihasilkan. File startup ASP khusus diberi nama dengan nama yang ditentukan oleh atribut NameInURL filenya adalah: SimpleReg.asp. Lihatlah skrip di Notepad Ketika pengguna memasukkan URL file di browser, IIS membuat instance SimpleReg.wcSimple WebClass keadaan apa pun.

Dari sudut pandang pengguna, mendaftarkan aplikasi versi WebClass mirip dengan seri yang ditampilkan pada Mei 1998. Kode untuk seri ini Memang mirip dengan seri yang ditampilkan sebelumnya, hanya saja sekarang semua kode sudah disertakan di dalam. WebClass, dan file ASP yang diluncurkan tidak menyertakan informasi pengguna apa pun.

Catatan

Perbandingan aplikasi sebelum dan sesudah, Anda harus memiliki pemahaman yang konsisten tentang cara kerja WebClass. Namun, Anda mungkin masih enggan untuk segera mengonversi aplikasi Web Anda ke WebClass project.Mengonversi aplikasi membutuhkan banyak waktu, tetapi Anda harus melakukan ini karena ada manfaat nyata dari melakukannya. Misalnya: WebClass memungkinkan Anda membuat atau memperluas aplikasi dengan cara yang tidak mungkin dilakukan

sebelumnya seperangkat alat untuk mengembangkan aplikasi Internet. Tentu saja, ini juga dimungkinkan untuk dikembangkan dengan aplikasi Web VB5, tetapi Anda harus menggunakan banyak trik pemrograman kecil untuk membuat skrip ASP berinteraksi dengan VB DLL dengan benar dari VBScript, tidak ada kekurangan dari lingkungan pemrograman berbasis peristiwa yang sebenarnya. WebClass memberikan VB menghadirkan fungsionalitas penuh untuk pengembangan web - dan itu adalah hal yang baik.