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
jQuery-Plugin zum Implementieren eines schwebenden Menüs
Lernen Sie jeden Tag ein schwebendes jQuery-Plug-...
Die spezifische Implementierung von div, das nicht automatisch umschließt und das Nichtumschließen in HTML erzwingt
1. Verwenden Sie das Tag <nobr>, um keinen Z...
Auszeichnungssprache - Stylesheets drucken
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
Heute werde ich einige seltene, aber nützliche JS-Techniken teilen
1. Zurück-Button Verwenden Sie history.back(), um...
React verwendet Emotionen zum Schreiben von CSS-Code
Inhaltsverzeichnis Einführung: Installation von E...
HTML+CSS zum Erstellen eines Dropdown-Menüs
1. Beispiel einer Dropdown-Liste Der Code lautet ...
Nodejs implementiert Intranet-Penetrationsdienst
Inhaltsverzeichnis 1. Proxy im LAN 2. Intranet-Pe...
Centos7 Zabbix3.4-E-Mail-Alarmkonfiguration (Lösung des Problems, dass der E-Mail-Inhalt ein xx.bin-Anhang ist)
Inhaltsverzeichnis 1. Fügen Sie einen überwachend...
Grafisches Tutorial zur Installation und Konfiguration der MySQL 8.0.15 Winx64-Dekomprimierungsversion
In diesem Artikel wird die Installations- und Kon...
XHTML-Erste-Schritte-Tutorial: Einfache Webseitenerstellung
Erstellen Sie Ihre erste Webseite in einer Minute...
Detaillierte Erklärung der MySQL-Berechtigungen und -Indizes
MySQL-Berechtigungen und Indizes Der höchste Benu...
JavaScript implementiert Feuerwerkseffekte mit Soundeffekten
Ich habe eine halbe Stunde gebraucht, um den Code...
So reduzieren Sie den Speicherverbrauch und die CPU-Auslastung von Webseiten
Manche Webseiten erscheinen möglicherweise nicht ...
Tutorials der MySQL-Reihe für Anfänger
Inhaltsverzeichnis 1. Grundkonzepte und Grundbefe...
Detaillierte Erklärung und praktische Übungen zum Mysql-Tuning-Erklärtool (empfohlen)
MySQL-Tuning: Detaillierte Erläuterung und prakti...