как загрузить файл CSS в JSP - PullRequest
       0

как загрузить файл CSS в JSP

23 голосов
/ 12 сентября 2011

Я создал страницу 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

и я также создал файл css с именем loginstyle.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.0 . когда я пытаюсь запустить файл login.jsp с помощью сервера Tomcat. Файл CSS не показывает никакого эффекта. я имею в виду, что вывод - это обычный текст, а не в соответствии с файлом CSS.

Пожалуйста, помогите мне, как сделать файл .css для создания файла jsp.

Ответы [ 4 ]

30 голосов
/ 12 сентября 2011

css href ссылка неверна.Вместо этого используйте относительный путь:

<link href="../css/loginstyle.css" rel="stylesheet" type="text/css">
28 голосов
/ 03 апреля 2013

Вы можете написать так. Это для каждого изменения контекста, вам не нужно изменять файл JSP.

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/styles.css" />
10 голосов
/ 01 октября 2017

Я использую эту версию

<style><%@include file="/WEB-INF/css/style.css"%></style>
7 голосов
/ 30 мая 2015

У меня тоже была такая же проблема. Затем я понял, что в MainPageServlet параметр urlPatterns в аннотации @WebServlet содержал "/" , потому что я хотел перенаправить на MainPage, если пользователь вошел в раздел www.site.com / Когда я пытался открыть файл css из браузера, URL-адрес был www.site.com/css/desktop.css, но содержимое страницы было PAGE MainPage.jsp . Итак, я удалил "/" urlPattern и теперь я могу использовать CSS-файлы в моем jsp-файле, используя одно из наиболее распространенных решений (${pageContext.request.contextPath}/css/desktop.css). Убедитесь, что ваш сервлет не содержит "/" urlPattern. Я надеюсь, что это сработало и для тебя, - Аксель Монтини

...