Startseite>Tutorial zur Netzwerkprogrammierung>JSP-Tutorial

Aktuelle JSP-Anmeldeseite von JBuilder2005 (2)

Autor：Eve Cole Aktualisierungszeit：2009-07-02 17:10:51
Über Datei->Neu...->Web->Doppelklicken Sie auf das JSP-Symbol. Das Dialogfeld zum Erstellen eines JSP-Assistenten wird angezeigt, wie in der folgenden Abbildung dargestellt:


Abbildung 3 Erstellen Sie login.jsp mit dem Assistenten

·Webmodul: Wenn in einem Projekt mehrere Webmodule vorhanden sind, können Sie hier das Webmodul angeben, zu dem JSP hinzugefügt wird. Da es in unserem Projekt nur ein Webmodul gibt, wird es vom Assistenten standardmäßig auf WebModule festgelegt.

·Name: Geben Sie den JSP-Dateinamen ein. Sie können das Suffix .jsp eingeben oder login direkt ohne das Suffix eingeben.

Nachdem die Option „Beispiel-Bean generieren“ aktiviert ist, generiert JBuilder ein Beispiel-Bean und führt das Bean in die JSP ein. Für Anfänger können Sie diese Option verwenden, um zu sehen, wie JSP auf ein Bean verweist, und die Option „Fehlerseite generieren“ erstellt automatisch eine passende JSP-Fehlerbehandlungsdatei für JSP. Hier überprüfen wir sie nicht.

Klicken Sie direkt auf „Fertig stellen“, um login.jsp zu erstellen. Die Datei login.jsp wird im Compiler des Inhaltsbereichs angezeigt, wie in der folgenden Abbildung dargestellt:


Abbildung 4 Vom Assistenten erstellte JSP-Datei

Auf der linken und rechten Seite des JSP-Kompilierungsfensters gibt es eines, das übergeben werden kann Und Die durch Schaltflächen gesteuerte vertikale Leiste ist ein Bereich zum Platzieren von JSP-Tags und HTML-Tags. Sie können verschiedene Tags per Drag & Drop in die JSP-Datei ziehen. Wie im Bild oben gezeigt, wählen wir die aus Formular aus dem Panel. HTML-Tags werden in die Datei login.jsp eingefügt.

Die vertikale Spalte auf der rechten Seite ist der Attribut-Compiler der Beschriftung, an der sich der aktuelle Cursor in der JSP-Datei befindet, wie in der folgenden Abbildung dargestellt:


Abbildung 5 JSP-Tag-Attributeditor festlegen

Der Eigenschafteneditor ist dynamisch. Wenn der Cursor auf verschiedene Labels bewegt wird, zeigt der Eigenschafteneditor alle einstellbaren Eigenschaften dieses Labels an. Wie in der Abbildung oben gezeigt, entspricht es dem Attributeditor des HTML-Formular-Tags. Wir setzen sein Aktionsattribut auf switch.jsp und geben an, POST zum Senden der Anforderungsdaten zu verwenden.

Wir stellen in login.jsp ein Dropdown-Feld für den Benutzernamen, ein Passwort-Eingabefeld und eine Schaltfläche zum Anmelden bereit. Der Code lautet wie folgt:

Codeauflistung 4 login.jsp

1. ＜%@page contentType="text/html; charset=GBK" %＞
2. ＜html＞
3. ＜Kopf＞
4. ＜title＞login＜/title＞
5. ＜/Kopf＞
6. ＜body bgcolor="#ffffff"＞
7. ＜Formularname="Form 1" method="post" action="switch.jsp"＞
8. Benutzername: <select name="userId">
9. ＜option value="" selected＞--Benutzer anmelden--＜/option＞
10. ＜option value="100000"＞Jiang Ziya＜/option＞
11. ＜option value="100001"＞Bao Shuya＜/option＞
12. ＜Optionswert="100002"＞Vertikale Zähne＜/Option＞
13. ＜/wählen＞
14. Passwort: <input name="password" type="password">
15. ＜input type="submit" name="Submit" value="Login"＞
16. ＜/form＞
17. ＜/Körper＞
18. ＜/html＞

Das Formular-Tag stellt ein Formular auf einer Webseite dar. Das Formular kann mehrere Komponenten enthalten. Nach dem Absenden des Webformulars werden die Daten dieser Komponenten über das HTTP-Protokoll an die durch das Aktionsattribut angegebene JSP-Datei gesendet. Formulardaten werden im Allgemeinen per POST gesendet. Die POST-Versandmethode hat keine Begrenzung der Datenmenge und ist vertraulicher.

Die Effektseite von login.jsp ist wie folgt:


Abbildung 6 login.jsp-Eingabeseite

Praxiserfahrung:

Der JSP-Dateicode enthält statische und dynamische Teile, das heißt, ein Teil ist HTML-Code und der andere Teil sind JSP-Tags und Scriptlet-Code. JSP ist im Allgemeinen eine Webseite mit dynamischer Logik. JBuilder unterstützt dynamische Codeteile wie JSP-Tags und Scriptlets. Sie können Tools wie CodeInsight und TagInsight verwenden, um die Codierung schnell und korrekt abzuschließen, und Sie können JSP auch kompilieren und debuggen. In Bezug auf das Schreiben von statischem JSP-HTML-Code und das visuelle Design scheint JBuilder in Bezug auf statischen Code und visuelles Design offensichtlich unzureichend zu sein.

Die Komplexität der Dinge fördert die Arbeitsteilung, und die feine Arbeitsteilung fördert die berufliche Entwicklung. Wenn Sie JSP schreiben, haben Sie nichts anderes zu tun, wenn Sie erst einmal JBuilder haben. Han Xinshanbing und Xiao Heshanmou: Wenn Sie Dreamweaver und JBuilder kombinieren, Dreamweaver verwenden können, um den visuellen Teil von JSP zu entwickeln, und JBuilder verwenden können, um den dynamischen Codeteil von JSP zu entwickeln, ergänzen sich die beiden und ergänzen einander und die JSP Die Entwicklungsarbeit wird effizienter.

Ändern Sie die Benutzerliste in dynamisch

Die aktuell erstellte login.jsp weist einen Fehler auf. Wenn Sie im Datenbankhintergrund andere Benutzer zur T_USER-Tabelle hinzufügen, wird der neu erstellte Benutzer nicht auf der Seite angezeigt, da das Dropdown-Feld für den Benutzernamen ein statischer Code ist Es ist notwendig, den Benutzer hinzuzufügen. Die Namensliste wird in dynamischen Code geändert und die Datensätze der Datenbanktabelle T_USER werden verwendet, um die Daten des Dropdown-Felds dynamisch zu generieren.

Wir schließen diese Arbeit über die Klasse UserList.ava ab und erstellen UserList.java im Projekt. Der Code lautet wie folgt:

Codeauflistung 5 UserList.java

1. Paketbuchhandlung;
2. java.sql.* importieren;
3.
4. Öffentliche Klasse UserList
5. {
6. //Den Benutzerlistencode des HTML-Dropdown-Felds abrufen
7. öffentlicher statischer String getUserListHTML() {
8. Verbindung conn = null;
9. StringBuffer sBuf = new StringBuffer();
10. Versuchen Sie es mit {
11. conn = DBConnection.getConnection();
12. PreparedStatement pStat = conn.prepareStatement(
13. „Wählen Sie USER_ID, USER_NAME aus T_USER aus“);
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. Rückkehr „“;
23. } endlich {
24. Versuchen Sie es mit {
25. if (conn != null) {
26. conn.close();
27. conn = null;
28. }
29. } Catch (SQLException ex1) {
30. }
31. }
32. }
33. }

UserList.java stellt nur eine statische getUserListHTML()-Methode bereit, die Benutzerdatensätze aus der T_USER-Tabelle in der Backend-Datenbank abruft und den Optionscode für die HTML-Auswahlkomponente generiert, wie in den Zeilen 16 bis 17 gezeigt.

Nachdem wir diese Klasse erstellt haben, verweisen wir auf diese Klasse, um den Code von login.jsp anzupassen. Referenzieren Sie zunächst die UserList-Klasse über das Importattribut im Seitenanweisungs-Tag und passen Sie dann den Inhalt in der Auswahloption an den von der zurückgegebenen Wert an getUserListHTML()-Methode, wie in der folgenden Abbildung gezeigt:


Abbildung 7 Schreiben von Code über CodeInsight

Ersetzen Sie den ursprünglichen statischen HTML-Code durch Ausdrucks-Tags. Es ist erwähnenswert, dass Sie CodeInsight genauso wie das Schreiben allgemeiner Java-Klassen zum Eingeben von Code in JSP verwenden können. Der Code für die angepasste login.jsp lautet wie folgt (fett gedruckt):

Codeauflistung 6: Angepasster login.jsp-Code

1. ＜%@page contentType="text/html; charset=GBK" import="bookstore.UserList" %＞
2. ＜html＞
3. ＜Kopf＞
4. ＜title＞login＜/title＞
5. ＜/Kopf＞
6. ＜body bgcolor="#ffffff"＞
7. <Form name="Form 1" method="post" action="switch.jsp">Benutzername:
8. ＜select name="userId"＞
9. ＜option value="" selected＞--Benutzer anmelden--＜/option＞
10. ＜%=UserList.getUserListHTML()%＞
11. ＜/wählen＞
12. Passwort: <input name="password" type="password">
13. ＜input type="submit" name="Submit" value="Login"＞
14. ＜/form＞
15. ＜/Körper＞
16. ＜/html＞

Nachdem Sie login.jsp gespeichert haben, klicken Sie mit der rechten Maustaste auf die Dateibezeichnung login.jsp im Inhaltsbereich und wählen Sie Web Run using Defaults aus. JBuilder startet den Tomcat 5.0-Anwendungsserver, führt ihn auf Port 8080 aus, kompiliert die Datei login.jsp und führt sie aus. wie in der folgenden Abbildung gezeigt:


Abbildung 8: Ausführen von login.jsp in JBuilder

JBuilder wechselt automatisch zur Webansichtsseite, um den laufenden Effekt der Seite anzuzeigen. Der Browser von JBuilder bietet jedoch nur eine sehr schwache Unterstützung für Webseiten und unterstützt keine JavaScript-Skripte. Daher ist es nach dem Ausführen von login.jsp am besten, die Auswirkungen der Webseite über den IE anzuzeigen. Sie müssen lediglich den IE öffnen und die Adresse von access login.jsp in JBuilder in die Adressleiste des IE kopieren, wie im folgenden gezeigt Abbildung unten:


Abbildung 9 Verwenden Sie den IE, um auf login.jsp zuzugreifen, das in JBuilder ausgeführt wird

Zu diesem Zeitpunkt befinden sich die Benutzer im Dropdown-Feld des Benutzernamens bereits in der dynamischen Benutzerliste. Wenn Benutzer in der T_USER-Tabelle hinzugefügt oder gelöscht werden, ändern sich auch die Benutzer im Dropdown-Feld entsprechend.

Bevor Sie JSP ausführen, kompilieren Sie diese JSP-Datei am besten separat: Klicken Sie mit der rechten Maustaste auf die Bezeichnung der JSP-Datei im Inhaltsbereich und wählen Sie im Popup-Menü „xxx.jsp“ aus, um die Kompilierung der JSP-Datei abzuschließen und zu entdecken es rechtzeitig. Beim Bearbeiten von JSP-Dateien und Java-Dateien besteht der größte Unterschied darin, dass alle Fehler in Java-Programmdateien im Editor- und Strukturbereich aufgelistet werden, einige Fehler in JSP-Dateien jedoch kompiliert werden müssen, um entdeckt zu werden.

Hinweis:

Da das Kompilieren einer JSP-Datei zunächst die Konvertierung in eine Servlet-Datei und dann das Kompilieren der Zwischen-Servlet-Datei erfordert, wird dieser in die JSP-Datei umgeleitet. Daher ist das Kompilieren einer JSP-Datei zeitaufwändiger und dauert oft länger als das Kompilieren einer Java-Datei. Beim Kompilieren eines Projekts werden standardmäßig alle JSPs im gesamten Projekt kompiliert, was viel Zeit in Anspruch nimmt. Daher ist es am besten, die Einstellung zum Kompilieren von JSP-Dateien zusammen mit dem Kompilierungsprojekt abzubrechen: über Projekt->Projekteigenschaften...->Erstellen->Abbrechen der Option JSPs zur Erstellungszeit auf Fehler prüfen auf der Seite mit den Build-Einstellungen. Aktivieren Sie diese Option, wenn Sie sie wirklich benötigen, und deaktivieren Sie diese Option sofort nach der Kompilierung. Diese Einstellung verschafft Ihnen viel wertvolle Zeit bei der Entwicklung.
Ähnliche Artikel