it-swarm.it

come caricare il file CSS in jsp

Ho creato una pagina jsp come segue:

<%@ page contentType="text/css" %>
<html>
<head>
<title>Login page</title>
<link href="/css/loginstyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1> India welfare</h1>
<p> welcome </p>
</body>
</html>

e lo ha chiamato come login.jsp

e ho anche creato un file css chiamato loginstyle.css e il codice del file .css è il seguente:

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

la struttura delle directory per css e jsp è la seguente: webcontent/welfare_web/css per i file .css e webcontent/welfare_web/login per i file jsp

l'editor di programmazione è Eclipse e il server che sto usando è Tomcat 7.. quando sto cercando di eseguire il file login.jsp utilizzando il server Tomcat. Il file css non mostra alcun effetto. intendo che l'output è un testo normale e non è come per il file CSS.

per favore aiutami come fare il file .css per effettuare il file jsp.

24
ylnsagar

il collegamento CSS HREF non è corretto. Utilizzare invece il percorso relativo:

<link href="../css/loginstyle.css" rel="stylesheet" type="text/css">
30
Manny

Puoi scrivere così. Questo è per ogni volta che cambi percorso di contesto non è necessario modificare il tuo file jsp.

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />
28
kamal

Io uso questa versione

<style><%@include file="/WEB-INF/css/style.css"%></style>

Ho avuto anche lo stesso problema. Poi ho capito che nel MainPageServlet il parametro urlPatterns nell'annotazione @WebServlet conteneva "/", perché volevo inoltrare al MainPage se l'utente entrava nella sezione www .site.com/. Quando ho provato ad aprire il file css dal browser, l'URL era www.site.com/css/desktop.css, ma il contenuto della pagina era LA PAGINA MainPage.jsp . Quindi, ho rimosso "/" urlPattern e ora posso usare i file CSS nel mio file jsp usando una delle soluzioni più comuni (${pageContext.request.contextPath}/css/desktop.css). Assicurarsi che il servlet non contenga "/" urlPattern. Spero che abbia funzionato anche per te, - Axel Montini

7
Axel Montini

Questo è ciò che ha funzionato per me come il fascino

<link href="<c:url value='/static/css/bootstrap.css' />" rel="stylesheet"></link> 
0
Odwori