Включая таблицу стилей на странице jsp с помощью Spring MVC

У меня возникли проблемы с привязкой к таблице стилей со страницы jsp. Я считаю, что это имеет какое-то отношение к моей структуре каталогов, которая:

WEB-INF
  |-- css
  |    |-- main.css
  |
  |-- jsp
       |-- login.jsp

Я пробовал различные формы стандартного тега html link, например:

<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />
<link href="main.css" rel="stylesheet" type="text/css" media="screen" />
<link href="WEB-INF/css/main.css" rel="stylesheet" type="text/css" media="screen" />

Я также попытался включить файл css в папку jsp и напрямую связать его. Ничего не работает. Когда я рассматриваю источник после развертывания и пытаюсь получить доступ к файлу CSS напрямую, он не существует, но это меня не удивляет, поскольку он находится в каталоге WEB-INF.

Я также проверил, что он развертывается вместе с остальной частью приложения. Источник jsp:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login</title>

<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />

</head>

<body>
<div id="wrapper">
<div id="header">
<div id="logout">&nbsp;</div>
<h1>Login</h1>
</div>
<div id="content" class="content">
  <form action="" method="post" name="login-form">
    <fieldset>
      <legend>Login</legend>
      <table border="0" align="center">
        <tr>
          <td><label>User Name:</label></td>
        <td><input type="text" name="userName" /><br><br></td>
        </tr>
        <tr>
            <td><label>Password:</label></td>
        <td><input type="text" name="password" /><br><br></td>
         </tr>
        </table>
      </fieldset>
      <div class="buttons">
        <input type="submit" name="submit" value="Login" />&nbsp;&nbsp;&nbsp;
        <input type="button" name="cancel" value="Cancel" />
      </div>
    </form>
  </div>
</div>
</body>
</html>

Спасибо!

ОТВЕТЫ

Ответ 1

Файлы в /WEB-INF недоступны для публики. Только посредник (контроллер) Servlet может получать и передавать их для вас с помощью ServletContext#getResourceAsStream(). Именно то, что Spring (как и любая другая достойная среда MVC) делает с JSP файлами. Вы не можете получить доступ к JSP файлам напрямую по URL-адресу. Это потенциально может привести к утечке исходного кода или нарушению поведения приложения.

Итак, у вас есть в основном 2 варианта:

  • Поместите файлы CSS в общедоступный webcontent (просто переместите одну папку выше WEB-INF, так что /css будет на том же уровне, что и /WEB-INF).

  • Создайте сервлет, который прослушивает url-pattern из /css/*, получает запрошенный файл CSS HttpServletRequest#getPathInfo() и в основном получает от него InputStream с использованием вышеупомянутого ServletContext#getResourceAsStream() и записывает его в OutputStream ответа по правильному набору заголовков ответов с по меньшей мере Content-Type и Content-Length.

В конце концов, я думаю, что вариант 1 проще и более подходит для вашего требования;)

Ответ 2

Spring -стильная реализация 2-го подхода от @BalusC заключается в использовании mvc: resources, например:

<mvc:resources mapping="/css/**" location="/WEB-INF/css/*" />

и после этого ваш файл main.css должен быть доступен в /css/main.css

(ПРИМЕЧАНИЕ: если он не работает, проверьте, что DispatcherServlet отображается на /)

Ответ 3

или попробуйте это

<% @taglib prefix = "spring" uri = "http://www.springframework.org/tags" % >

"type =" text/css "/" >

он может работать.