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
Detaillierte Erläuterung der Methoden zur Überprüfung und Verwaltung von MySQL-Benutzerrechten
Dieser Artikel veranschaulicht anhand von Beispie...
Verwenden Sie Docker, um ein Git-Image mithilfe des Klon-Repositorys zu erstellen
Überblick Ich verwende Docker seit über einem Jah...
So installieren Sie ElasticSearch auf Docker in einem Artikel
Inhaltsverzeichnis Vorwort 1. Docker installieren...
Detaillierte Erläuterung der Js-Klassenkonstruktion und Vererbungsfälle
Die Definition und Vererbung von Klassen in JS si...
So verwenden Sie Javascript zum Erstellen einfacher Algorithmen
Inhaltsverzeichnis 1 Frage 2 Methoden 3 Experimen...
So installieren Sie den Vim-Editor unter Linux (Ubuntu 18.04)
Sie können das Desktopsystem von der offiziellen ...
So installieren Sie schnell eine Tensorflow-Umgebung in Docker
Installieren Sie schnell die Tensorflow-Umgebung ...
Schritte zum Anpassen des Symbols in Vue
ant-design-vue passt die Verwendung von Ali Iconf...
Beispiel für die Bereitstellung von MySQL auf Docker
Inhaltsverzeichnis 1 Was ist eine Container-Cloud...
Beispiel für die Anzeige eines Standardbilds, wenn in HTML kein Bild vorhanden ist
Ein Bildlink <img src="" /> Ich m...
Windows 10 1903 Fehler 0xc0000135 Lösung [empfohlen]
Windows 10 1903 ist die neueste Version des Windo...
So installieren Sie Nginx an einem bestimmten Ort im Centos-System
Wie installiere ich Nginx an einem bestimmten Ort...
Beispielcode für mehrere Elementtabellen, um synchrones Scrollen zu erreichen
Element UI implementiert mehrere Tabellen, die gl...
js regulärer Ausdruck Lookahead und Lookbehind und nicht erfassende Gruppierung
Inhaltsverzeichnis Kombinieren von Lookahead und ...
Lösung für das Problem, dass der Hostname des Hosts im Docker-Container nicht abgerufen werden kann
Der Test wird in der Node.JS-Umgebung bestanden. ...