Web project -Download - Web project -Quellcode herunterladen

Web project

Andere Kategorien

web.war

Herunterladen

Angetrieben von: Nefu ab-In

Projektdesign für Webentwicklungstechnologie

Serverseitige Bereitstellung
Notiert die Probleme auf der Seite der Projektbereitstellungsserver auf.
Auf das Pagode-Kriegspaket kann nicht im Blog-CSDN-Blog von webapps_nefu ab-in-in-In-In-In zugegriffen werden
Diese Version der Java-Laufzeit erkennt nur Klassendateiversionen bis zu 52.0_Nefu AB-Ins Blog-CSDN-Blog

um
Bitte verwenden Sie Chrome oder 360 Browser, um es zu öffnen! ! ! !
(Der Rolling -Fehler für Edge kann derzeit nicht repariert werden)
Projektdauer
Projektprotokoll
- 2021.11.14
  - Zeichne Bilder
  - Erstellen Sie einen Gesamtprojektrahmen
- 2021.11.15
  - Erstellen Sie einen Cloud -Server -Tomcat und konfigurieren Sie den Tomcat der Pagode -Seite
  - Hochgeladen das Projekt auf GitHub hochgeladen
  - Testprojekt zur Lehrerbereitstellungsplattform
- 2021.11.16
  - Löste das Problem verschiedener Java -Versionen
  - Versuchen Sie, das Framework zu lernen (aufgeben)
  - Überprüfen Sie Web -Wissenspunkte
  - Stellen Sie die Hauptseite vor
- 2021.11.17
  - Schreiben Sie die verschiedenen Teile des Gesamtindex.jsp
  - Beginnen Sie mit dem Schreiben von Fußzeile
- 2021.11.18
  - Entscheiden Sie sich, zuerst die Datenbank zu schreiben
  - Vervollständigen Sie die Einrichtung von Benutzertabelle, Lehrertabelle, Fachtabelle, Laborstab
- 2021.11.19
  - Nach dem Schreiben des Labormoduls implementieren Sie zusammen mit CSS und JS Karusselldiagramme und Knopfkarousel -Diagramme (nicht zur Datenbank hinzugefügt).
  - Nach dem Schreiben des QRCode -Moduls stellen Sie eine Verbindung zu JS her
  - Nach dem Schreiben des Hauptmoduls wird der Gleiteffekt erreicht (nicht zur Datenbank hinzugefügt)
  - PS: Alle spezifischen JS- und CSS -Vorgänge sind in den entsprechenden JS- und CSS -Dateien enthalten
- 2021.11.20
  - Nach dem Schreiben des Lehrermoduls das gleiche Muster wie das Hauptfach (nicht zur Datenbank hinzugefügt)
  - Nach dem Schreiben des Nachrichtenmoduls (nicht zur Datenbank hinzugefügt)
- 2021.11.21
  - Verbessern Sie die früher geschriebenen JS- und CSS -Teile
  - Zu den Labor -Datenbank -Updates (einschließlich Entitätsklassen, Servlets, Utils, DataSources, sekundäre Sprünge, JSTLS, ELS) hinzufügen (ELS)
  - Schließen Sie sich ein großer Datenbankaktualisierung an
- 2021.11.22
  - Treten Sie dem Lehrerdatenbank -Update bei
  - Schreiben des Bannerbereichs
    - Erweitern: Mehrere Bilder können in benutzerdefinierter 2021-11-22 hinzugefügt werden
    - Methode: Fügen Sie die animierte Schaltfläche unten hinzu, während Sie das Listenelement hinzufügen. Schließlich besteht die Implementierungsmethode darin, den neuen Status von Animated in jedem Zeitraum hinzufügen und dann das Bild 2021-11-22 zu wechseln
  - Schreiben Sie den NAV -Teil
  - Treten Sie dem Nachrichtendatenbank -Update bei
    - Fügen Sie zum rechten Spaltendatenbank -Update hinzu
    - Zum linken Spaltendatenbank -Update hinzufügen
- 2021.11.23
  - Navigation schreiben
    - Machte mehrere kleine Symbole 2021/11/23
    - CSS Style Circle Expansion 2021/11/23
    - Das Sub -Menü des schnellen Menüs wird 2021/11/23 geschrieben
    - Schreiben Sie JavaScript für jeden Abschnitt: scroll ()
    - PS: Ich habe die zweite Schnittstelle nicht geschrieben, weil ich 2021/11/23 faul war
- 2021.11.24
  - Schließen Sie sich dem NAV -Datenbankaktualisierung bei
  - Die Abfrage mit dem Hauptcode aus der Datenbank hinzugefügt und die Details auf Seite 2021/11/24 geöffnet
  - Schreiben Sie den Header -Abschnitt
    - Fügen Sie der Eröffnungsanimation hinzu
    - Suchen Sie das Symbol für Design -Login -Backend 2021/11/24
- 2021.11.25
  - Überprüfen Sie im Allgemeinen nach Fehlern und Lecks
  - Beginnen Sie mit index.jsp
  - Lösen Sie das Problem des JS- und CSS -Fehlers
- 2021.11.26
  - Sich auf die Prüfung vorbereiten
- 2021.11.27
  - Ich konnte nicht anders
  - Logo hinzufügen
- 2021.12.3
  - Stellen Sie das Projekt auf dem Server ein, um auszuführen
- 2021.12.4
  - Stellen Sie das Projekt auf einem großen Computer ein und stellen Sie fest, dass @media nicht gut ist. Daher modifiziere ich @media für den großen Computer
  - 2021/12/4 hat das Praktikum am Samstag beendet. Der Lehrer hat zugewiesen, die Update -Arbeiten abzuschließen. Er kam nach zehn Minuten Leber heraus, nur ... ich war so müde, aber als ich dachte, dass der Inhalt des heutigen Praktikums das Backend war, das es schon lange gab, habe ich immer noch von 8 Uhr bis zwölf Uhr gearbeitet, um die Hinzufügung zu vervollständigen, Löschung, Änderungen und Überprüfung sollten morgen besprochen werden oder sich morgen anmelden.
- 2021.12.5
  - 2021/12/5 Die Sucharbeiten wurden am Sonntag abgeschlossen und wie Fuzzy -Abfrage verwendet. Der Effekt war signifikant. Debugg war eine lange Zeit, aber der Effekt war sehr gut. Das Backend endete!
  - Ich fand, dass die NAV zu überflüssig ist, daher habe ich alle Attribute der horizontalen Navigationsleiste geändert, alle sekundären Attribute hinzugefügt und Links hinzugefügt, wodurch redundante Links 2021/12/5 reduziert wurden
- 2021.12.7
  - Planen Sie die zweite Schnittstelle, ändern Sie den Modus basierend auf der Hauptseite und führen Sie die unveränderten Abschnitte von Header, NAV, Fußzeile ein
- 2021.12.8
  - Vervollständigen Sie die Produktion aller zweiten Abschnitte
  - Ich stellte fest, dass Servlets zu überflüssig sind, also habe ich eine Persistenzschicht festgelegt und einige redundante Funktionen in sie gesteckt.
  - Ändern Sie die Projektstruktur
- $ 2021.12.9 $
  - Vervollständigen Sie die Produktion aller dritten Abschnitte
  - Lernen Sie GitHub Release Version Release
  - Erste Version V1.0 vor Abschluss der Arbeit
- $ 2021.12.10 $
  - Entfernen Sie redundante Links und machen Sie nutzlose Links von # in JavaScript:
  - Lösen Sie die Webressource zu langsam laden
    - OSS erstellen
    - Konfigurieren Sie OSS CDN
    - Und lade die Datei hoch hoch
    - Ändern Sie die URL im Projekt
  - Suchfunktion im Header hinzufügen
    - Fuzzy -Suche, Erweiterung des Umfangs auf jedes Attribut
    - Sie können Module für die Suche auswählen und dann nach der Suche selbst zu den entsprechenden Modulen springen.
  - Verbessern Sie den Strukturaufruf der persistenten Schicht
  - Änderte das Hearer -Logo und fügte ein neues Vektorbild hinzu
  - Die zweite Version von V1.1 vor Fertigstellung
- $ 2021.12.11 $
  - Ändern Sie das Passwort, um zu verhindern, dass alle in den Hintergrund eintreten
  - Ändern Sie die Rückgabeschaltfläche der Anmeldeseite, um zur Hauptschnittstelle zurückzukehren
  - Ändern Sie die Gesamtfarbanpassung des Backends
  - Hinzufügen von Backend Rich Text -Einreichung hinzugefügt
    - Modifizierte die Struktur und den Stil des Artikelsinhalts
    - Unterstützen Sie nur einfache Text, keine Bilder und Videos
  - Der Fehler geändert, dass das Eingabe -Tag auf deaktiviert ist und nicht eingereicht und in Readonly geändert werden kann
  - Ändern Sie die Umleitung des Servlet of Update und speichern Sie
  - Vervollständigen Sie die dritte Version von V1.2, bevor Sie die Arbeit beenden
- $ 2021.12.16 $
  - Ändern Sie die URL der Startseite
    - Schlagen Sie Index.jsp vor und setzen Sie den Filter für das Hören, damit Sie dynamische Seiten ohne Servlet -Sprung implementieren können.
    - Ändern Sie die Parameter anderer Abschnitte, um auf die Startseite zuzugreifen, und ändern Sie sie in '.'
  - Ändern Sie den Nachrichtenbereich
    - Schreiben Sie die Nachrichtenklasse und ihr Servlet um, fügen Sie das Titelattribut hinzu
    - Ändern Sie das Speichern und Update von Nachrichten und fügte einen reichen Texteditor hinzu, um eine Einführung einzureichen
    - Änderte das Layout der dritten Schnittstelle von Nachrichten und fügte neue Bilder hinzu
  - Modifizierte das Header -Layout, um die Fensterbreite kleiner zu machen und sich zu ändern
  - Modifizierte Taste des Lehrers und Hauptmodulen
    - Der Fehler der festen Breite modifiziert, die durch JS erhaltene Breite ändert sich mit der Änderung des Fensters
    - Modifizierte den Wert des Schiebens nach links, damit kein Element aussieht
  - Modifiziertes Fußzeilenlayout und fügte einen neuen QR -Code hinzu, um zu verschwinden, wenn die Seite reduziert wird.
  - Änderung des Suchfeldfehlers des Lehrermoduls
  - Vervollständigen Sie die vierte Version von V1.3, bevor Sie die Arbeit beenden
Projektanforderungen
Vervollständigen Sie den folgenden Entwurfsinhalt basierend auf HTML/CSS/JS/Servlet/JDBC und anderen Technologien
Ermöglichen und fördern Sie die Verwendung von UI-Frameworks wie Bootstrap/Easy-UI/Flat-UI sowie Plug-Ins wie Karussell/Animation/Diagramm/Vollbild-Scrollen.
Ermöglicht die Verwendung von Vue/React/Springboot und anderen Technologien, muss jedoch auf dem persönlichen Server des Schülers bereitgestellt werden und bieten Zugriffs -URLs.
Dieses Design macht 40% der Gesamtpunktzahl aus und ist gemäß dem Funktionsabschlussstatus in Gruppen unterteilt: 1 Gruppe pro Person, unabhängig abgeschlossen
Frist: 15 Wochen (spezifisches Datum ist zu bestimmen)
Einreichungs-/Bereitstellungsmethode: Hochladen in das angegebene System mit dem Kriegspaket, und das Projekt wird einheitlich auf dem Cloud -Server bereitgestellt
Bereitstellungsumgebung: Docker Tomcat9+MySQL8 Container
Projektanzeige: Alle Studentenprojekte werden öffentlich im öffentlichen Netzwerk angezeigt
Inhalte entwerfen
Fachwebsite für Informatik und Technologie
Hauptbewertungsinhalt: Gesamtwebsite -Design, Benutzerinteraktionserfahrung
Einschließlich: HTML -Layout, die Verwendung von HTML -Tags, die Anwendung des CSS -Stils zur Verbesserung der Website -Anzeigeeffekt, die dynamische Änderung von Seiten mit JS, Servlet -Verarbeitung von Daten, JDBC -Datenbankzugriff usw.
Hauptfunktionen
- Website an der Rezeption
  Hauptabschnitt Inhalt: Professionelle Einführung, Labors, Lehrkräfte, Beschäftigungsleitfäden, Nachrichten, Ankündigungen usw.
  Zu den Anforderungen gehören zumindest Navigation.
  Der Abschnitt muss Inhalt der Ebene 2 enthalten. Zum Beispiel professionelle Einführung: Professionelle Einführung, Richtung Einführung usw.; Labor: 923 Innovation Laboratory, 925 Mobile Development Laboratory, 923 Labor usw.; und kann auf den detaillierten Inhalt der Stufe 2 springen.
  Fakultät: Professoren, Associate Professoren, Dozenten usw.
  Wenn Sie beispielsweise auf Associate Professor klicken, wenden Sie sich zur Liste der Associate Professor und bei erneutem Klicken auf einen bestimmten Lehrer zur detaillierten Einführung des Lehrers, und der Inhalt sollte so viel wie möglich Text/Bild -Multimedia und andere Informationen wie Text/Bilder und Multimedia enthalten.
  Nachrichtenankündigung: Auf der Homepage sind die letzten 5 Nachrichten und Ankündigungen aufgeführt, die Titelzeit usw. angezeigt und verlangt, dass sie aus der Datenbank erhalten werden. Klicken Sie auf den Titel, um zur detaillierten Beschreibung der Informationen zu springen.
- Backend -System
  Der Backend -Relationship -Systemeintragslink muss auf der Website der Rezeption bereitgestellt werden, und der Backend Unified Administrator Login Benutzername/Kennwortadministrator ist erforderlich.
  Nachdem sich der Administrator angemeldet hat, kann er Informationen zur Bekanntgabe von Nachrichten im Hintergrund hinzufügen. Wenn alle Ergänzungen, Löschungen, Änderungen und Schecks abgeschlossen sind, werden zusätzliche Punkte vorhanden.
  Filter, ohne Anmeldestatus nicht auf das Backend -Management -System zugreifen
  Es müssen nur die grundlegenden Textinformationen veröffentlicht werden, es sind keine Bilder und andere Anhänge erforderlich, und es sind keine Paging für reiche Texteinreichungen erforderlich. Zusätzlich zu Nachrichtenankündigungen können statische Daten für Einführungen für das Lehrerlabor usw. verwendet werden. Alle Einführungsinhalte sollten so weit wie möglich Text und Bilder enthalten. Alle Text/Bilder müssen keine echten Informationen verwenden.
  Keine Seite für Informationen erforderlich
  Zusätzlich zu Nachrichtenankündigungen können statische Daten für Einführungen für das Lehrerlabor usw. verwendet werden.
  Alle Einführungsinhalte sollten so viel wie möglich Text und Bilder enthalten
  Alle Text/Bilder erfordern keine echten Informationen