Halaman login JSP aktual JBuilder2005 (2)

Penulis：Eve Cole Waktu Pembaruan：2009-07-02 17:10:51

Melalui File->New...->Web->klik dua kali ikon JSP, akan muncul kotak dialog untuk membuat wizard JSP, seperti yang ditunjukkan pada gambar berikut:

Gambar 3 Membuat login.jsp melalui wizard

·Modul Web: Jika ada beberapa modul Web dalam suatu proyek, Anda dapat menentukan modul Web yang ditambahkan JSP di sini. Karena hanya ada satu webModule di proyek kami, wizard akan menyetelnya ke webModule secara default.

·Nama: Ketikkan nama file JSP. Anda dapat mengetikkan akhiran .jsp, atau Anda dapat mengetikkan login secara langsung tanpa akhiran.

Setelah opsi Generate sample bean dicentang, JBuilder akan membuat sampel Bean dan memperkenalkan Bean di JSP. Untuk pemula, Anda dapat menggunakan opsi ini untuk melihat bagaimana JSP mereferensikan Bean, dan opsi Hasilkan halaman kesalahan akan secara otomatis membuat kesalahan yang cocok menangani file JSP untuk JSP.

Klik Selesai secara langsung untuk membuat login.jsp. File login.jsp muncul di kompiler panel konten, seperti yang ditunjukkan pada gambar berikut:

Gambar 4 File JSP dibuat oleh wizard

Ada satu di sisi kiri dan kanan jendela kompilasi JSP yang bisa dilewati

Dan

Bilah vertikal yang dikontrol oleh tombol. Kolom kiri adalah panel untuk menempatkan tag JSP dan tag HTML. Anda dapat menarik dan melepas berbagai tag ke dalam file JSP seperti pada desainer UI visual formulir dari panel. Tag HTML ditempatkan di file login.jsp.

Kolom vertikal di sebelah kanan adalah penyusun atribut label tempat kursor saat ini berada di file JSP, seperti yang ditunjukkan pada gambar berikut:

Gambar 5 Mengatur editor atribut tag JSP

Editor properti bersifat dinamis. Ketika kursor dipindahkan ke label yang berbeda, editor properti menampilkan semua properti yang dapat diatur dari label ini. Seperti yang ditunjukkan pada gambar di atas, ini sesuai dengan editor atribut dari tag formulir HTML. Kami menetapkan atribut tindakannya ke switch.jsp dan menentukan untuk menggunakan POST untuk mengirim data permintaan.

Kami menyediakan kotak drop-down nama pengguna, kotak masukan kata sandi dan tombol kirim login di login.jsp. Kodenya adalah sebagai berikut:

Daftar Kode 4 login.jsp

1. ＜%@page contentType="text/html; charset=GBK" %＞
2. ＜html＞
3. ＜kepala＞
4. ＜judul＞login＜/judul＞
5. ＜/kepala＞
6. ＜tubuh bgcolor="#ffffff"＞
7. ＜Nama formulir="Formulir 1" metode="post" action="switch.jsp"＞
8. Nama pengguna: <pilih nama="userId">
9. ＜nilai opsi="" dipilih＞--Login pengguna--＜/option＞
10. ＜nilai opsi="100000"＞Jiang Ziya＜/opsi＞
11. ＜nilai opsi="100001"＞Bao Shuya＜/opsi＞
12. ＜option value="100002"＞Gigi vertikal＜/option＞
13. ＜/pilih＞
14. Kata sandi: <input nama="kata sandi" type="kata sandi">
15. ＜input type="kirim" nama="Kirim" value="Masuk"＞
16. ＜/bentuk＞
17. ＜/badan＞
18.＜/html＞

Tag formulir mewakili formulir di halaman web. Formulir dapat berisi beberapa komponen. Setelah formulir web dikirimkan, data komponen ini dikirim ke file JSP yang ditentukan oleh atribut tindakan melalui protokol HTTP untuk diproses. Data formulir umumnya dikirim melalui POST. Metode pengiriman POST tidak memiliki batasan jumlah data dan lebih bersifat rahasia.

Halaman efek login.jsp seperti yang ditunjukkan di bawah ini:

Gambar 6 halaman entri login.jsp

Pengalaman praktis:

Kode file JSP berisi bagian statis dan dinamis, yaitu satu bagian adalah kode HTML, dan bagian lainnya adalah tag JSP dan kode Scriptlet. JSP umumnya merupakan halaman web dengan logika dinamis. JBuilder mendukung bagian kode dinamis seperti tag JSP dan Scriptlet dengan sangat baik. Anda dapat menggunakan alat seperti CodeInsight dan TagInsight untuk menyelesaikan pengkodean dengan cepat dan benar, dan Anda juga dapat mengkompilasi dan men-debug JSP. Dalam hal penulisan kode HTML statis JSP dan desain visual, JBuilder tampaknya tidak memadai. Dreamweaver jelas lebih baik daripada JBuilder dalam kode statis dan desain visual.

Kompleksitas berbagai hal mendorong pembagian kerja, dan pembagian kerja yang baik mendorong pengembangan profesional. Saat menulis JSP, bukan berarti setelah Anda memiliki JBuilder, Anda tidak akan punya hal lain untuk dilakukan. Han Xinshanbing dan Xiao Heshanmou, jika Anda dapat menggabungkan Dreamweaver dan JBuilder, gunakan Dreamweaver untuk mengembangkan bagian visual JSP, dan gunakan JBuilder untuk mengembangkan bagian kode dinamis JSP, keduanya akan saling melengkapi dan melengkapi, dan JSP pekerjaan pembangunan akan menjadi lebih efisien.

Ubah daftar pengguna menjadi dinamis

Login.jsp yang dibuat saat ini memiliki kekurangan. Asumsikan bahwa ketika menambahkan pengguna lain ke tabel T_USER di latar belakang database, karena kotak drop-down nama pengguna adalah kode statis, pengguna yang baru dibuat tidak akan muncul di halaman, jadi perlu menambahkan pengguna Daftar nama diubah menjadi kode dinamis, dan catatan tabel database T_USER digunakan untuk menghasilkan data kotak drop-down secara dinamis.

Kami menyelesaikan pekerjaan ini melalui kelas UserList.ava dan membuat UserList.java di proyek.

Daftar Kode 5 UserList.java

1. toko buku paket;
2. impor java.sql.*;
3.
4. Daftar Pengguna kelas publik
5.{
6. //Dapatkan kode daftar pengguna dari kotak drop-down HTML
7. String statis publik getUserListHTML() {
8. Sambungan koneksi = null;
9. StringBuffer sBuf = StringBuffer baru();
10. coba {
11. samb = DBConnection.getConnection();
12. PreparedStatement pStat = samb.prepareStatement(
13. "pilih USER_ID,USER_NAME dari T_USER");
14. ResultSet rs = pStat.executeQuery();
15. while (rs.next()) {
16. sBuf.append("＜nilai opsi='" + rs.getString("USER_ID") + "'＞" +
17. rs.getString("USER_NAME") + "＜/option＞n");
18. }
19. kembalikan sBuf.toString();
20. } tangkapan (SQLException ex) {
21. ex.printStackTrace();
22. kembalikan "";
23. } akhirnya {
24. coba {
25. jika (sambungan != null) {
26. samb.close();
27. samb = nol;
28. }
29. } tangkapan (SQLException ex1) {
30. }
31. }
32. }
33. }

UserList.java hanya menyediakan metode getUserListHTML() statis, yang memperoleh catatan pengguna dari tabel T_USER di database backend dan menghasilkan kode opsi untuk komponen pilihan HTML, seperti yang ditunjukkan pada baris 16 hingga 17.

Setelah membuat kelas ini, kami merujuk ke kelas ini untuk menyesuaikan kode login.jsp. Pertama, referensikan kelas UserList melalui atribut import di tag instruksi halaman, lalu sesuaikan konten di opsi pilih dengan nilai yang dikembalikan oleh kelas. getUserListHTML(), seperti yang ditunjukkan pada gambar di bawah ini:

Gambar 7 Menulis kode melalui CodeInsight

Ganti kode HTML statis asli melalui tag ekspresi. Perlu disebutkan bahwa Anda juga dapat menggunakan CodeInsight untuk memasukkan kode di JSP seperti menulis kelas Java pada umumnya. Kode untuk login.jsp yang disesuaikan adalah sebagai berikut, dicetak tebal:

Daftar Kode 6: Kode login.jsp disesuaikan

1. ＜%@page contentType="text/html; charset=GBK" import="toko buku.UserList" %＞
2. ＜html＞
3. ＜kepala＞
4. ＜judul＞login＜/judul＞
5. ＜/kepala＞
6. ＜tubuh bgcolor="#ffffff"＞
7. <Nama formulir="Formulir 1" metode="post" action="switch.jsp">Nama pengguna:
8. ＜pilih nama="userId"＞
9. ＜nilai opsi="" dipilih＞--Login pengguna--＜/option＞
10. ＜%=Daftar Pengguna.getUserListHTML()%＞
11. ＜/pilih＞
12. Kata sandi: <input nama="kata sandi" type="kata sandi">
13. ＜input type="kirim" nama="Kirim" value="Masuk"＞
14. ＜/bentuk＞
15. ＜/badan＞
16. ＜/html＞

Setelah menyimpan login.jsp, klik kanan pada label file login.jsp di panel konten dan pilih Web Run menggunakan Defaults. JBuilder akan memulai server aplikasi Tomcat 5.0, berjalan pada port 8080, mengkompilasi dan menjalankan file login.jsp, seperti yang ditunjukkan pada gambar di bawah ini Tunjukkan:

Gambar 8 Menjalankan login.jsp di JBuilder

JBuilder secara otomatis beralih ke halaman Tampilan Web untuk menampilkan efek halaman yang sedang berjalan. Namun, browser JBuilder memiliki dukungan yang sangat lemah untuk halaman web dan tidak mendukung skrip JavaScript. Oleh karena itu, setelah menjalankan login.jsp, yang terbaik adalah melihat efek halaman web melalui IE. Anda hanya perlu membuka IE dan menyalin alamat akses login.jsp di JBuilder ke bilah alamat IE, seperti yang ditunjukkan pada gambar. gambar di bawah ini.

Gambar 9 Gunakan IE untuk mengakses login.jsp yang berjalan di JBuilder

Saat ini, pengguna di kotak drop-down nama pengguna sudah ada dalam daftar pengguna dinamis. Ketika pengguna ditambahkan atau dihapus di tabel T_USER, pengguna di kotak drop-down juga akan berubah.

Sebelum menjalankan JSP, yang terbaik adalah mengkompilasi file JSP ini secara terpisah: klik kanan pada label file JSP di panel konten dan pilih make "xxx.jsp" di menu pop-up untuk menyelesaikan kompilasi file JSP dan temukan itu tepat waktu. Saat mengedit file JSP dan file Java, perbedaan terbesar adalah kesalahan apa pun pada file program Java akan dicantumkan di panel editor dan struktur, namun beberapa kesalahan pada file JSP perlu dikompilasi agar dapat ditemukan.

petunjuk:

Karena mengkompilasi file JSP memerlukan konversi terlebih dahulu menjadi file Servlet, dan kemudian mengkompilasi file Servlet perantara. Jika terjadi kesalahan, maka akan dialihkan ke file JSP. Oleh karena itu, mengkompilasi file JSP lebih memakan waktu dan sering memakan waktu lebih lama dari mengkompilasi file Java. Secara default, saat mengkompilasi sebuah proyek, semua JSP di seluruh proyek akan dikompilasi, yang membutuhkan banyak waktu. Oleh karena itu, yang terbaik adalah membatalkan pengaturan kompilasi file JSP bersama dengan proyek kompilasi: melalui Project->Project Properties...->Build-> batalkan opsi Periksa JSP untuk kesalahan pada waktu pembuatan di halaman pengaturan Build. Centang opsi ini ketika Anda benar-benar membutuhkannya, dan batalkan opsi ini segera setelah kompilasi. Pengaturan ini akan memberi Anda banyak waktu berharga dalam pengembangan.