Adding a CSS file to the JSP for my Spring app

[Ray Clark]

I'm not using Spring theme's, I just want to add a CSS file to the JSP and I think I have the URI reference wrong. The file is in the WEB-INF/resources/css directory.

Dispatcher Servlet:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:p="http://www.springframework.org/schema/p"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans-2.5.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd
        http://www.springframework.org/schema/context 
        http://www.springframework.org/schema/context/spring-context-3.1.xsd
    ">

    <mvc:annotation-driven />

    <mvc:resources mapping="/resources/**" location="/resources/" />

    <context:component-scan base-package="com.home.dvdtracker.controller" />

    <bean class="org.springframework.web.servlet.mvc.support.ControllerClassNameHandlerMapping"/>

    <bean class="org.springframework.web.servlet.view.UrlBasedViewResolver"
          id="tilesViewResolver">
        <property name="viewClass"
                  value="org.springframework.web.servlet.view.tiles2.TilesView" />
    </bean>
    <bean class="org.springframework.web.servlet.view.tiles2.TilesConfigurer"
          id="tilesConfigurer">
        <property name="definitions" >
            <list>
                <value>/WEB-INF/layouts/layouts.xml</value>
                <value>/WEB-INF/views/views.xml</value>
            </list>
        </property>
    </bean>
</beans>

The JSP has:

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

The file exists and is named correctly but the CSS isn't being applied when it is in the external file. Any ideas?

Thanks,
Ray

[Bill Gorder]

Get it out of the WEB-INF directory.

looking at your resources mapping you might have a structure like this:

src-> 
    main ->
        webapp ->
           resources->
                css ->
                images ->
                js ->
           WEB-INF->
               views->
               spring->
               layouts->

You can look at this blog post by Gordon Dickens for an alternative directory structure.
http://gordondickens.com/wordpress/2012/07/03/enterprise-spring-best-practices-part-1-project-config/

with his setup you would have a styles directory. Either will work though.

[Ray Clark]

Thank you, I got it to work now.

Per your suggestion I moved the resources directory to the same level as the WEB-INF directory and changed the JSP to be the following:

        <c:url value="/resources/css/dvdTrackerCSS.css" var="cssURL" />
        <link rel="stylesheet" type="text/css" media="screen" href="${cssURL}" />

Just to make sure that I understand. Since the web.xml file has the servlet mapping for the Dispatcher Servlet as /, then the Dispatcher Servlet really is serving up this resource right?

The reason that I ask is because this resolves to "/application context/resources/css/dvdTrackerCSS.css" in the jsp.

Thanks,
Ray

[Bill Gorder]

Try commenting out the <mvc:resources line and see what happens

[Ray Clark]

Thank you Bill, when I comment out the line

<mvc:resources mapping="/resources/**" location="/resources/" />

then it can't serve up the resources. The error is:

2012-09-14 10:42:54,864 http-thread-pool-8080(1) DEBUG servlet.DispatcherServlet - DispatcherServlet with name 'dispatcher' processing GET request for [/DVDTracker6-0/resources/images/WhiteChristmas.jpg]
2012-09-14 10:42:54,864 http-thread-pool-8080(1) DEBUG annotation.RequestMappingHandlerMapping - Looking up handler method for path /resources/images/WhiteChristmas.jpg
2012-09-14 10:42:54,864 http-thread-pool-8080(1) DEBUG annotation.RequestMappingHandlerMapping - Did not find handler method for [/resources/images/WhiteChristmas.jpg]
2012-09-14 10:42:54,864 http-thread-pool-8080(1) WARN  servlet.PageNotFound - No mapping found for HTTP request with URI [/DVDTracker6-0/resources/images/WhiteChristmas.jpg] in DispatcherServlet with name 'dispatcher'
2012-09-14 10:42:54,864 http-thread-pool-8080(1) DEBUG servlet.DispatcherServlet - Successfully completed request

It looks like that line is required for the Dispatcher Servlet to be able to serve up the static content.

Ray

[Bill Gorder]

then the Dispatcher Servlet really is serving up this resource right?

It looks like that line is required for the Dispatcher Servlet to be able to serve up the static content.

Yup. Sounds like you figured out the answer to your question By mapping it to / you are essentially saying that the dispatcher servlet is the default servlet and it will be handling all requests including those for static content.

[Ray Clark]

Yes I did, thank you for your help.

Ray

[Puneet Hattalli]

My bad <mvc:resources location="/resources/**" mapping="/resources/"/> must have been <mvc:resources location="/resources/" mapping="/resources/**"/>.
I have same configuration as above :

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc 
						http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
        				http://www.springframework.org/schema/beans 
        				http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
      					http://www.springframework.org/schema/context 
      					http://www.springframework.org/schema/context/spring-context-4.0.xsd">
      <context:component-scan base-package="com.cont"/>

      <mvc:annotation-driven/>
      <mvc:resources location="/resources/**" mapping="/resources/"/>
     
	<bean id="viewResolver"
		class="org.springframework.web.servlet.view.UrlBasedViewResolver">
		<property name="viewClass"
			value="org.springframework.web.servlet.view.JstlView" />
		<property name="prefix" value="/WEB-INF/pages/" />
		<property name="suffix" value=".jsp" />
	</bean>
</beans>

Folder Structure is as in attachment.

As for jsp is concerned it is as follows :

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<c:url value="/resources/css/bootstrap.min.css" var="cssURL"/>
<c:url value="/resources/js/bootstrap.min.js" var="jsURL"/>
<link  rel="stylesheet" href= "${cssURL}">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Customer Registration</title>
<script type="text/javascript" src="${jsURL}">
</script>
</head>
<body>
	<p>This is simple jsp</p>
	<form class="navbar-form navbar-left" role="search">
		<div class="form-group">
			<input type="text" class="form-control" placeholder="Search">
		</div>
		<button type="submit" class="btn btn-default">Submit</button>
	</form>
</body>
</html>

The logs for the application are in the attachment .
Now the servlet URL is as follows .. Since it is '/' allows requests will route through Dispatcher.

<servlet>
    	<servlet-name>mvc</servlet-name>
    	<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    	<init-param>
    		<param-name>contextConfigLocation</param-name>
    		<param-value>/WEB-INF/config/spring-context.xml</param-value>
    	</init-param>
    	<load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
    	<servlet-name>mvc</servlet-name>
    	<url-pattern>/</url-pattern>
    </servlet-mapping>

The logs suggest that No handler is found for the mapping...
What could be the issue ... is it servlet configuration/folder structure..