Lösungsideen und Implementierungsschritte für das Problem, dass CSS und JS nach einem Struts2-Sprung ungültig werden
|
Wenn die JSP angezeigt wird, zu der nach der Ausführung der Struts2-Aktion gesprungen wird, funktioniert das CSS nicht. Nehmen wir als Beispiel das Projekt, bei dem ich Probleme habe: Die Aktionen sind wie folgt: Code kopieren Der Code lautet wie folgt:<Aktionsname="Listenbenutzer" Klasse="Listenbenutzeraktion"> <Ergebnis>/Benutzer/Benutzerliste.jsp</Ergebnis> </Aktion> ( Hinweis : Die Funktion von listUser besteht darin, alle Benutzer zu finden und sie dann in userList.jsp unter Benutzern anzuzeigen. Da Spring verwendet wird, ist die „listUserAction“ hier der in applicationContext.xml konfigurierte Name.) Die CSS-Einstellungen in userList.jsp sind wie folgt : Code kopieren Der Code lautet wie folgt:<link href="../css/style.css" rel="stylesheet" type="text/css" /> ( Hinweis : Die Verzeichnishierarchie sieht folgendermaßen aus: Unter WebRoot befinden sich Benutzer- und CSS-Ordner. Wenn also die JSP unter Benutzern style.css aufrufen möchte, muss sie mit ../ zum Stammverzeichnis gehen und dann den CSS-Ordner suchen.) Wenn das Programm jedoch nach erfolgreicher Ausführung von listUser zu /users/userList.jsp springt, funktioniert /css/style.css nicht. Wenn jsp direkt in der Adressleiste angezeigt wird, kann es normal angezeigt werden. Die im Internet gefundene Methode besagt, dass für CSS ein absoluter Pfad verwendet werden soll : Code kopieren Der Code lautet wie folgt:<link href="http://blog.163.com/<%=request.getContextPath%>/css/style.css" rel="stylesheet" type="text/css" /> Dies hat jedoch einen offensichtlichen Nachteil: Die Portabilität ist eingeschränkt. Versuchen Sie, das Ergebnis in <result>userList.jsp</result> zu ändern und dann jsp in das Stammverzeichnis zu legen. Dann tritt dieses Problem nicht mehr auf. Zu diesem Zeitpunkt ist die Ursache des Problems fast bekannt, d. h., die Aktion befindet sich im Stammverzeichnis. Sie können es beim Ausführen des Programms an der Adressleiste erkennen, d. h., der Namespace befindet sich im Stammverzeichnis, und dann wird „../css/style.css“ natürlich nicht gefunden. Sobald Sie das Problem verstanden haben, wird es leicht sein, die Lösung zu finden. Suchen Sie das Paket, in dem listUser konfiguriert ist, und fügen Sie namespace="/users" hinzu. Dies ist die Zeit Code kopieren Der Code lautet wie folgt:<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts-Konfiguration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> <Streben> <package name="Benutzer" extends="struts-default" namespace="/Benutzer"> ...... <Aktionsname="Listenbenutzer" Klasse="Listenbenutzeraktion"> <Ergebnis>/Benutzer/Benutzerliste.jsp</Ergebnis> </Aktion> ...... </Paket> </vertrauen> Starten Sie dann den Server neu, OK, es wird normal angezeigt! Gleichzeitig können wir auch sehen, dass in der Adressleiste vor der Aktion ein zusätzliches „/users“ steht und beim Springen zum verbundenen Video auch „/users/userList.jsp“ steht, was die Konsistenz wahrt und das Problem löst. |
<<: Lassen Sie uns ausführlich über die Richtung der langsamen SQL-Optimierung in MySQL sprechen
>>: Schnelle Implementierung der Schritte zur Bereitstellung von Docker-Images in Intellij IDEA
Artikel empfehlen
Eine Sammlung von Button-Hover-Rand- und Hintergrundanimationen basierend auf CSS-Eigenschaften
Herzattribute opacity: .999 erstellt einen Stapel...
Detaillierte Erläuterung des Docker-Arbeitsmodus und -Prinzips
Wie in der folgenden Abbildung dargestellt: Wenn ...
CSS-Techniken zum Erreichen eines mehrspaltigen Layouts gleicher Höhe, das das Frontend beherrschen sollte
1. Einleitung Beim Schreiben einer Seite stoßen w...
Tutorial zur kostenlosen Konfiguration der MySQL 5.7.18-Installationsversion
Installations-Tutorial zur kostenlosen Installati...
vue-cli4.5.x erstellt schnell ein Projekt
1. Installieren Sie vue-cli npm ich @vue/cli -g 2...
Beispiel für die Implementierung eines gestrichelten Rahmens mit html2canvas
html2canvas ist eine Bibliothek, die Canvas aus H...
Lassen Sie uns ausführlich über den Symboldatentyp in ES6 sprechen
Inhaltsverzeichnis Symboldatentyp Der Grund, waru...
So verwenden Sie einen SSH-Tunnel, um eine Verbindung zum MySQL-Server herzustellen
Vorwort In einigen Fällen kennen wir nur die Intr...
Verschiedene Möglichkeiten der Ausführung im Hintergrund von Linux (Zusammenfassung)
1. kein Aufhebens Führen Sie das Programm so aus,...
Lösung für das Problem des MySQL-Datenverzögerungssprungs
Heute haben wir ein weiteres typisches Problem im...
Mit dem Befehl docker prune können Sie selten genutzte Daten regelmäßig bereinigen.
Inhaltsverzeichnis Docker-System df Docker-System...
Detaillierte Erläuterung der Nest.js-Parametervalidierung und des benutzerdefinierten Rückgabedatenformats
0x0 Parameterüberprüfung Der Großteil der Paramet...
Ubuntu-Installation Matlab2020b, ausführliches Tutorial und Ressourcen
Inhaltsverzeichnis 1. Ressourcendateien 2. Instal...
So starten Sie Tomcat mit jsvc (als normaler Benutzer ausführen)
Einführung in jsvc In der Produktion sollte Tomca...
Node verwendet koa2, um eine einfache JWT-Authentifizierungsmethode zu implementieren
Einführung in JWT Was ist JWT Der vollständige Na...