web-dev-qa-db-ja.com

CSSファイルをjspにロードする方法

次のようにjspページを作成しました。

<%@ 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>

login.jspという名前を付けました

また、loginstyle.cssという名前のcssファイルも作成しました。cssファイルのコードは次のとおりです。

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

cssおよびjspのディレクトリ構造は次のとおりです。webcontent/welfare_web/css .cssファイルの場合webcontent/welfare_web/login jspファイルの場合

プログラミングエディターはEclipseで、使用しているサーバーはTomcat 7.です。 Tomcatサーバーを使用してlogin.jspファイルを実行しようとしています。 cssファイルは効果を示していません。つまり、出力は通常のテキストであり、CSSファイルによるものではありません。

.cssファイルを作成してjspファイルを有効にする方法を教えてください。

javajsp-tags
24
ylnsagar

css hrefリンクが正しくありません。代わりに相対パスを使用します。

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

そのように書くことができます。これは、コンテキストパスを変更するたびに、jspファイルを変更する必要がないためです。

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

このバージョンを使用します

<style><%@include file="/WEB-INF/css/style.css"%></style>
12
Андрій Андрущенко

私も同じ問題を抱えていました。次に、MainPageServletで@WebServletアノテーションのurlPatternsパラメーターに「/」が含まれていたに気付きました。ユーザーがセクションを入力した場合、MainPageに転送したいからですwww .site.com /。ブラウザからcssファイルを開こうとすると、URLはwww.site.com/css/desktop.cssでしたが、ページのコンテンツはTHE PAGEMainPage.jsp。そのため、「/」urlPatternを削除し、最も一般的なソリューション（${pageContext.request.contextPath}/css/desktop.css）。サーブレットに「/」urlPatternが含まれていないことを確認してください。私もこれがうまくいくことを願っています-アクセル・モンティーニ

7
Axel Montini

これが魅力のように私のために働いたものです

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