Page de connexion JSP réelle de JBuilder2005 (2)

Auteur：Eve Cole Date de mise à jour：2009-07-02 17:10:51

Via Fichier->Nouveau...->Web->double-cliquez sur l'icône JSP, la boîte de dialogue de création d'un assistant JSP apparaîtra, comme le montre la figure suivante :

Figure 3 Créer login.jsp via l'assistant

·Module Web : s'il existe plusieurs modules Web sous un projet, vous pouvez spécifier ici le module Web auquel JSP est ajouté. Comme il n'y a qu'un seul webModule dans notre projet, l'assistant le définira sur webModule par défaut.

·Nom : saisissez le nom du fichier JSP. Vous pouvez saisir le suffixe .jsp ou saisir directement login sans le suffixe.

Une fois l'option Générer un exemple de bean cochée, JBuilder générera un exemple de bean et introduira le bean dans le JSP. Pour les débutants, vous pouvez utiliser cette option pour voir comment JSP référence un Bean, et l'option Générer une page d'erreur créera automatiquement un fichier JSP de gestion des erreurs correspondant pour JSP. Ici, nous ne les vérifions pas.

Cliquez directement sur Terminer pour créer login.jsp. Le fichier login.jsp apparaît dans le compilateur du volet de contenu, comme illustré dans la figure suivante :

Figure 4 Fichier JSP créé par l'assistant

Il y en a un sur les côtés gauche et droit de la fenêtre de compilation JSP qui peut être transmis

La barre verticale contrôlée par des boutons. La colonne de gauche est un panneau pour placer les balises JSP et HTML. Vous pouvez glisser et déposer diverses balises dans le fichier JSP comme dans le concepteur visuel d'interface utilisateur. Comme le montre l'image ci-dessus, nous sélectionnons la balise. formulaire du panneau. Les balises HTML sont placées dans le fichier login.jsp.

La colonne verticale de droite est le compilateur d'attributs de l'étiquette où se trouve le curseur actuel dans le fichier JSP, comme le montre la figure suivante :

Figure 5 Définir l'éditeur d'attributs de balise JSP

L'éditeur de propriétés est dynamique Lorsque le curseur est déplacé vers différentes étiquettes, l'éditeur de propriétés affiche toutes les propriétés paramétrables de cette étiquette. Comme le montre la figure ci-dessus, il correspond à l'éditeur d'attributs de la balise de formulaire HTML. Nous définissons son attribut d'action sur switch.jsp et spécifions d'utiliser POST pour envoyer les données de la requête.

Nous fournissons une zone déroulante de nom d'utilisateur, une zone de saisie de mot de passe et un bouton de soumission de connexion dans login.jsp. Le code est le suivant :

Liste de codes 4 login.jsp

1. ＜%@page contentType="text/html; charset=GBK" %＞
2. ＜html＞
3. ＜tête＞
4. ＜titre＞connexion＜/titre＞
5. ＜/tête＞
6. ＜body bgcolor="#ffffff"＞
7. ＜Nom du formulaire="Formulaire 1" méthode="post" action="switch.jsp"＞
8. Nom d'utilisateur : <select name="userId">
9. ＜valeur d'option="" sélectionnée＞--Utilisateur de connexion--＜/option＞
10. ＜valeur d'option="100000"＞Jiang Ziya＜/option＞
11. ＜valeur d'option="100001"＞Bao Shuya＜/option＞
12. ＜valeur d'option="100002"＞Dents verticales＜/option＞
13. ＜/sélectionner＞
14. Mot de passe : <input name="password" type="password">
15. ＜input type="submit" name="Submit" value="Connexion"＞
16. ＜/formulaire＞
17. ＜/corps＞
18. ＜/html＞

La balise form représente un formulaire dans une page Web. Le formulaire peut contenir plusieurs composants. Une fois le formulaire Web soumis, les données de ces composants sont envoyées au fichier JSP spécifié par l'attribut d'action via le protocole HTTP pour traitement. Les données du formulaire sont généralement envoyées via POST. La méthode d'envoi POST n'a aucune limite sur la quantité de données et est plus confidentielle.

La page d'effet de login.jsp est la suivante :

Figure 6 Page d'entrée login.jsp

Expérience pratique:

Le code du fichier JSP contient des parties statiques et dynamiques, c'est-à-dire qu'une partie est du code HTML et l'autre partie est constituée de balises JSP et de code Scriptlet. JSP est généralement une page Web avec une logique dynamique. JBuilder prend très bien en charge les parties de code dynamiques telles que les balises JSP et les Scriptlets. Vous pouvez utiliser des outils tels que CodeInsight et TagInsight pour terminer le codage rapidement et correctement, et vous pouvez également compiler et déboguer JSP. En termes d'écriture de code HTML statique JSP et de conception visuelle, JBuilder semble inadéquat. Dreamweaver est évidemment meilleur que JBuilder en termes de code statique et de conception visuelle.

La complexité des choses favorise la division du travail, et la fine division du travail favorise le développement professionnel. Lors de l'écriture de JSP, ce n'est pas qu'une fois que vous aurez JBuilder, vous n'aurez plus rien d'autre à faire. Han Xinshanbing et Xiao Heshanmou, si vous pouvez combiner Dreamweaver et JBuilder, utiliser Dreamweaver pour développer la partie visuelle de JSP et utiliser JBuilder pour développer la partie code dynamique de JSP, les deux se compléteront et se compléteront, et le JSP le travail de développement deviendra plus rationalisé.

Changer la liste des utilisateurs en dynamique

Le fichier login.jsp actuellement créé présente un défaut. Supposons que lors de l'ajout d'autres utilisateurs à la table T_USER en arrière-plan de la base de données, étant donné que la liste déroulante du nom d'utilisateur est un code statique, l'utilisateur nouvellement créé n'apparaîtra pas sur la page. il est nécessaire d'ajouter l'utilisateur. La liste de noms est modifiée en code dynamique et les enregistrements de la table de base de données T_USER sont utilisés pour générer dynamiquement les données de la liste déroulante.

Nous terminons ce travail via la classe UserList.ava et créons UserList.java dans le projet. Le code est le suivant :

Liste de codes 5 UserList.java

1. librairie à forfait ;
2. importer java.sql.* ;
3.
4. Liste d'utilisateurs de classe publique
5. {
6. //Obtenir le code de la liste d'utilisateurs de la liste déroulante HTML
7. chaîne statique publique getUserListHTML() {
8. Connexion conn = null ;
9. StringBuffer sBuf = new StringBuffer();
10. essayez {
11. conn = DBConnection.getConnection();
12. PreparedStatement pStat = conn.prepareStatement(
13. "sélectionnez USER_ID, USER_NAME dans T_USER");
14. ResultSet rs = pStat.executeQuery();
15. while (rs.next()) {
16. sBuf.append("＜option value='" + rs.getString("USER_ID") + "'＞" +
17. rs.getString("USER_NAME") + "＜/option＞n");
18. }
19. return sBuf.toString();
20. } catch (SQLException ex) {
21. ex.printStackTrace();
22. retourner "" ;
23. } enfin {
24. essayez {
25. si (conn != null) {
26. conn.close();
27. connexion = nul ;
28. }
29. } catch (SQLException ex1) {
30. }
31. }
32. }
33. }

UserList.java fournit uniquement une méthode statique getUserListHTML(), qui obtient les enregistrements utilisateur de la table T_USER dans la base de données principale et génère le code d'option pour le composant de sélection HTML, comme indiqué aux lignes 16 et 17.

Après avoir créé cette classe, nous nous référons à cette classe pour ajuster le code de login.jsp. Tout d'abord, référencez la classe UserList via l'attribut d'importation dans la balise d'instruction de la page, puis ajustez le contenu de l'option de sélection à la valeur renvoyée par le. méthode getUserListHTML(), comme le montre la figure ci-dessous. Afficher :

Figure 7 Écriture de code via CodeInsight

Remplacez le code HTML statique d'origine par des balises d'expression. Il convient de mentionner que vous pouvez également utiliser CodeInsight pour saisir du code dans JSP, tout comme pour écrire des classes Java générales. Le code du login.jsp ajusté est le suivant, en gras :

Liste de codes 6 : code login.jsp ajusté

1. ＜%@page contentType="text/html; charset=GBK" import="bookstore.UserList" %＞
2. ＜html＞
3. ＜tête＞
4. ＜titre＞connexion＜/titre＞
5. ＜/tête＞
6. ＜body bgcolor="#ffffff"＞
7. <Form name="Form 1" method="post" action="switch.jsp">Nom d'utilisateur :
8. ＜sélectionnez name="userId"＞
9. ＜valeur d'option="" sélectionnée＞--Utilisateur de connexion--＜/option＞
10. ＜%=UserList.getUserListHTML()%＞
11. ＜/sélectionner＞
12. Mot de passe : <input name="password" type="password">
13. ＜input type="submit" name="Submit" value="Connexion"＞
14. ＜/formulaire＞
15. ＜/corps＞
16. ＜/html＞

Après avoir enregistré login.jsp, cliquez avec le bouton droit sur l'étiquette du fichier login.jsp dans le volet de contenu et sélectionnez Web Run using Defaults. JBuilder démarrera le serveur d'applications Tomcat 5.0, s'exécutera sur le port 8080, compilera et exécutera le fichier login.jsp. comme le montre la figure ci-dessous. Afficher :

Figure 8 Exécution de login.jsp dans JBuilder

JBuilder bascule automatiquement vers la page Web View pour afficher l'effet d'exécution de la page. Cependant, le navigateur de JBuilder prend très peu en charge les pages Web et ne prend pas en charge les scripts JavaScript. Par conséquent, après avoir exécuté login.jsp, il est préférable de visualiser l'effet de la page Web via IE. Il vous suffit d'ouvrir IE et de copier l'adresse d'accès login.jsp dans JBuilder dans la barre d'adresse d'IE, comme indiqué dans le fichier. figure ci-dessous :

Figure 9 Utiliser IE pour accéder à login.jsp exécuté dans JBuilder

À ce stade, les utilisateurs dans la liste déroulante du nom d'utilisateur sont déjà dans la liste d'utilisateurs dynamique. Lorsque des utilisateurs sont ajoutés ou supprimés dans la table T_USER, les utilisateurs dans la liste déroulante changeront également en conséquence.

Avant d'exécuter JSP, il est préférable de compiler ce fichier JSP séparément : faites un clic droit sur le label du fichier JSP dans le volet de contenu et sélectionnez make "xxx.jsp" dans le menu contextuel pour terminer la compilation du fichier JSP et découvrir c'est une erreur à temps. Lors de l'édition de fichiers JSP et de fichiers Java, la plus grande différence est que toutes les erreurs dans les fichiers de programme Java seront répertoriées dans le volet éditeur et structure, mais certaines erreurs dans les fichiers JSP doivent être compilées pour être découvertes.

indice:

Étant donné que la compilation d'un fichier JSP nécessite d'abord de le convertir en fichier Servlet, puis de compiler le fichier Servlet intermédiaire, si une erreur se produit, il sera redirigé vers le fichier JSP. Par conséquent, la compilation d'un fichier JSP prend plus de temps et prend souvent. plus long que la compilation d'un fichier Java plusieurs fois. Par défaut, lors de la compilation d'un projet, toutes les JSP de l'ensemble du projet seront compilées, ce qui prend beaucoup de temps. Par conséquent, il est préférable d'annuler le paramètre de compilation des fichiers JSP avec le projet de compilation : via Projet->Propriétés du projet...->Build->, annulez l'option Vérifier les erreurs dans les JSP au moment de la construction dans la page des paramètres de construction. Cochez cette option lorsque vous en avez vraiment besoin et annulez-la immédiatement après la compilation. Ce paramètre vous fera gagner beaucoup de temps précieux dans le développement.