Ich glaube, dass die Entwicklung von Entwicklern sehr vertraut ist, aber für meinen Rookie ist es eine große Herausforderung, weil ich von der Arbeit studiert und gewartet habe. Die Technologie sollte schneller sein. Da das Unternehmen die Architektur kürzlich aktualisiert hat, möchte ich einige Informationen vom Unternehmen an SQL schreiben und dann über das Web abfragen, damit ich die Bereitstellung der ersten Web -Anmeldin -Schnittstelle unter ecclipse untersuche.
Wir wissen auch, dass das Ausführen des Webprogramms am häufigsten über Tomcat, IIS, Apache implementiert wird, aber die häufigsten Personen denken immer noch, dass Tomcat die Fenster für das Tomcat -Programm herunterladen müssen, und dann müssen Sie JDK, JRE -Variablen konfigurieren und andere Probleme unter Windows.
1. Windows for Tomcat -Programm herunterladen: http://tomcat.apache.org/
2. JDK Download: http://rj.baidu.com/soft/detail/14459.html?
3. JDK, JRE -Umgebungsvariablenkonfiguration:
4. Installieren Sie JDK-6U14-Windows-I586.exe
5. Konfigurieren von Umgebungsvariablen: Klicken Sie mit der rechten Maustaste auf "My Computer"-> "Erweitert"-> "Umgebungsvariable"
1) Erstellen Sie eine neue Java_Home -Variable in der Systemvariablen.
2) Erstellen Sie eine neue Klassenpfadvariable, der variable Wert ist:;%Java_Home%/lib;%Java_Home%/lib/tools.jar
3) Variablenwerte in Pfadvariablen hinzufügen (vorhanden nicht erstellt werden):%Java_Home%/bin;%Java_Home%/jre/bin (achten Sie auf ";" getrennt)
6. "Start"-> "Run"-> Geben Sie "Javac" ein.
Analyse der ergänzenden Umgebungsvariablen:
Java_Home: JDK -Installationspfad
Klassenpfad: Java -Ladepfade können nur im Java -Befehl im Klassenpfad identifiziert werden.
Pfad: Das System kann Java- und Javac -Befehle unter einem beliebigen Pfad erkennen.
7. Eclipse Download: http://eclipse.org/downloads/
2. Wir sind bereits für die obige Umgebung bereit:
Das Apache-Tomcat-Programm wird im D-Laufwerk und im Verzeichnis platziert
2. Nachdem wir das Eclipse -Programm ausgeführt haben, erstellen wir das erste Projekt -àdynamische Webprojekt (Name Sam) -à und dann eine A.JSP -Datei.
http://down.51cto.com/data/678743
3. Nach dem Herunterladen, öffnen und finden Sie das Vorlagenprogramm, das wir mögen, und markieren Sie es dann. Ich bevorzuge das, also bereite ich mich auf diese Vorlagendatei vor
Wir öffnen die relevante Anwendung der Datei: Da es sich um alle HTML -Dateien handelt, müssen wir die Datei in der JSP -Datei öffnen und dann die CSS -Marke -Datei kopieren
3. Wir erstellen einen neuen Befehl: Login.jsp -Datei, nachdem die neue Standarddatei erstellt wurde, dass dieser Fehler auch ein Fehler ist.
2. Wir klicken auf Windows-àpreferences
Server-àruntime-Umgebung-àadd
Unsere Umweltvorbereitung und -installation sind Apache-Tomgcat8.0, daher wählen wir diese Version aus
Wir wählen den Installationspfad des Tomcat -Programms
Nach der Auswahl klicken wir, um fertig zu werden
Klicken Sie mit der rechten Maustast
Wir haben die Laufzeit Server ausgewählt
Wir wählen dann Bibliotheken-àadd-Bibliothek
Wir fügen hinzu, um zu vervollständigen
Nach dem Hinzufügen stellten wir fest, dass das Programm der Apache Tomcat -Version hinzugefügt wurde
Wir ändern den Charaktercode des Programms in "UTF-8"
Das Programmfehlerproblem wurde gelöst.
Wir öffnen zunächst die Datei Login.html, um den Inhalt des Kopierens im Textformat zu öffnen.
Wir löschen den Inhalt der neuen Login.jsp -Datei mit Ausnahme der ersten beiden Zeilen der Formatsprache. Fügen Sie den Inhalt der gerade kopierten Login.html -Datei ein
Siehe das Ergebnis unserer Paste:
Als nächstes erstellen wir eine Index.jsp -Datei als Sprungseite. Nach Abschluss der Anmeldung wird zur Seite geführt, um die Seite zu ändern
Gleichzeitig kopieren wir den heruntergeladenen Index.html im Format des Textes.
Einfügen in die Datei index.jsp.
Da die heruntergeladene Anmeldeschnittstelle mit markierten Informationen gekennzeichnet ist, müssen wir die Beschriftungsinformationen zum Aufrufen des Dymaci -Webobjekts kopieren und einfügen. Kopieren Sie die folgenden 5 Dateien.
Wir kopieren Dateien nach dem Kopieren
Siehe die Ergebnisse nach Einfügen: Siehe:
Nach Abschluss der obigen Dateikonfiguration müssen wir ein Serverpaket (Aktion) erstellen.
Das Programm wird hauptsächlich vom Zugriff und Sprung der Seite gesteuert.
Der Name von Server Packer wird im Allgemeinen empfohlen, um den Domänennamen des Unternehmens umgekehrt zu verwenden
Erstellen Sie ein Serverpaket (Aktion)
Nach dem Erstellen von Aktionen müssen wir einen Dienst erstellen, um das Programm zu steuern.
Wir klicken mit der rechten Maustaste auf Server-Paket-àweb-àservlet
Wir können willkürlich anfangen und verwenden wieder ActionServlet
Das Programm wird also erstellt und wir müssen das Programm ändern.
Nachdem alle unsere Programme erstellt wurden, müssen wir ein Formular in der Datei login.jsp erstellen.
Kopieren Sie den Code -Code wie folgt: <form action = "ActionServlet" method = "post">
Die Hauptsache ist, <form> <form/> Informationen hinzuzufügen, um die Anmeldeinformationen zur Änderung hinzuzufügen.
Beispielsweise lautet die endgültigen Informationen:
<%@Page Language = "Java" contentType = "text/html; charset = utf-8" pageCoding = "utf-8"%> <! EN "> <html> <Head> <title> Management Center Protokoll in v1.0 </title> <meta http-äquiv = content-type content =" text/html; /adimin .css "type =" text/css "r =" styleSheet "> </head> <body onload = document.form1.name.focus ();> <form action =" actionServlet "method =" post "> <Table Cellspacing = 0 cellpadding = 0> "100%" bgcolor =#002779border = 0> <td Align = Middle> <Table Cellspacing = 0 CellPadding = 0> 468 IMG High = 23 src = "Bilder/Login_1.jpg">>> 468> </td> </tr> <td> <img Höhe = 147 src = "Bilder/login_2.jpg"> 468> </td>/tr> </table> <table cellspacing = 0 cellpadding = 0> 468 bgcolor =#fffffffs border = 0> <td> 16> <img Höhe = 122 Src = "Bilder/login_3.jpg"> 16> </td> <td Align = Middle> <Table CellSpacing = 0 CellPadding = 0> 230 Border = 0> <Formname = Form1 Action =? = 36> <td> </td> <td> Benutzername </td> <td> <Inputyle = "" Randrechte: #000000 1PX Solid; 1px Solid; > <nputStyle = "Border-Rechts: #000000 1PX Solid; Border-Top: #000000 1PX Solid; Border-Heft: #000000 1PX Solid; Border-Bottom: #000000 1PX Solid" Typ = Passwort name = Passwort MaxLength = 30 size = 24Name> </td> </tr> ght = 5> <td colspan = 3> </td> </tr> <l> <td> </td> </td> </td> <td > <Eingabetyp = Bildhöhe = 18> 70SRC = "Images/bt_login.gifif"> nicht </table> <table Cellspacing = 0 CellPadding = 0> 468 Border = 0> <td> <img Höhe = 16 src = " Bilder/login_5.jpg "> 468> </td> </tr> </table> <table cellspacing = 0 cellpadding = 0> 468 border = 0> <tr> <td align = rechts> <a href =" http : //www.865171.cn/ "target = _blank> <imgheight = 26 src =" Bilder/login_6.gif "> 165border = 0> </a> </td> </table> </td> </ Tabelle> </form> </body> </html>
Codestruktur vor dem Ändern:
<! .css "type =" text/css "rel =" stylesheet "> </head> <body = document.form1.Name. Focus ();> <Table Cellspacing = 0 CellPadding = 0; 100%" BGCOLOR =#002779 Border = 0> <td Align = Middle> <Table Cellspacing = 0 CellPadding = 0 Border = 0> <tr> <td> <img Höhe = 23 Src = "Images/login_1.jpg"; > <td> <img Höhe = 147 Src = "Images/login_2.jpg"; <Td; 5> </td> </td> <td> <td> <td> <td> </td> </tr> <tr Heart = 36> <td> </td> <td> Benutzername </td </td </td > <nput style = "Border-Light: #000000 1PX Solid; Border-Top: #000000 1PX Solid; Border-Heft: #000000 1px Fest; "www.865171.cn" name = name> </td> </tr> <tr height = 36> <td> </td> <td> Passwort </td> <nput style = "Border-Light: # 000000 1PX Solid; </td> </tr> tr lhish = 5> <td colspan = 3> </td> </tr> <td> </td> </td> </td> <td> <Eingabetyp = Bild Höhe = 18 Src = "Images/bt_login.gif"> </td> </tr> </form> </table> </td> <td; ; > <Table Cellspacing = 0 CellPadding = 0 Border = 0> <td align = rechts> <a href = "http://www.865171.cn/" target = _blaank login_6.gif "border = 0> </a> </td> </tr> </table> </td> </tr> </body> </html>
Ändern Sie schließlich den Namen der Anmeldeinformationen:
Kopieren Sie den Code -Code wie folgt: Name = Benutzername Passwort = Passwort
Schließlich definieren wir Benutzer und Namen unter ActionServlt
String name = request.getParameter ("Benutzername"); Nach Abschluss der Änderung können wir zum Testen ausgeführt werden
Seite kann sich normal öffnen
Nach dem Ausführen können wir die Eingabebontage- und Kennwortinformationen über die Konsole sehen
Als nächstes springen wir durch die bedingte Aussage. Testen wir das angegebene Konto und das angegebene Passwort zum Testen.
Wir definieren den Benutzernamen und das Passwort als Admin.
If (name.equals ("adimin") && q password.equals ("admin") {response.sendredirect ("index.jsp");} else {response.sendredirect ("login.jsp");}}}}} Nach dem Hinzufügen werden wir testen;
Nachdem die Eingabe korrekt ist, melden wir uns an und springen zum Normalwert auf
Das obige ist der gesamte Inhalt dieses Artikels.