How to place css and js in spring application on netbeans?

Question

I am creating the web application with spring 4.0.1 framework and glassfish server via NetBeans and facing problem while accessing it css and js file which is placed in project structure like below

As you can see that I have placed the Web-INF and resources at the same level(Outside from the Web-INF folder) and after trying many solutions of a similar question on stack overflow(can't share all my finding here), nothing has worked for me successfully.

Here are some changes that I have done in following files

Dispatcher-servlet.xml

<context:component-scan base-package="com.onlinetutorialspoint.controllers" />
    <mvc:annotation-driven />
    <mvc:resources mapping="/resources/**"
                   location="resources/"
                   cache-period="31556926" /> 

    <bean id="jspViewResolver"
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
        <property name="prefix" value="/WEB-INF/jsp/" />
        <property name="suffix" value=".jsp" />
    </bean>

Login.jsp (used three ways to access CSS in given jsp but nothing work for me)

 <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/layoutlocal.css" />


 <link rel="stylesheet" href="/resources/css/layoutlocal.css" />

 <link href="<c:url value="/resources/css/layoutlocal.css" />" rel="stylesheet" type="text/css" />

I can't able to access any CSS or JS file even after controller and other function working fine .. but if I open the following URL in browser http://localhost:8080/SampleSpringApplication/resources/css/loginpagestyle.css, it's showing my default page instead of CSS page.

Not sure if it will work, but try to change resources/css to resources/static/css in your file structure (so add an extra folder). It helped me out before — user9420984
– user9420984, Commented May 8, 2018 at 12:21
Hmm, then I wouldn't know, sorry! It's hard for us to reproduce your problem. — user9420984
– user9420984, Commented May 8, 2018 at 12:28

Jack Flamp · Accepted Answer · 2018-06-05 10:15:24Z

2

When you are referencing the files in the jsp you need to give a relative path. that is, you need to step back from the jsp folder first and then down to the js and css files. kinda like:

<link rel="stylesheet" href="../resources/css/layoutlocal.css" />

with the ../ I think it could work.

edited Jun 5, 2018 at 10:15

answered May 8, 2018 at 12:38

Jack Flamp

1,2331 gold badge17 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

kunal Over a year ago

Not working with absolute path. I have given the reference in jsp page like this <link rel="stylesheet" href="../resources/static/css/layoutlocal.css" />

Jack Flamp Over a year ago

I can't see that you have a folder called static. remove that form the path.

kunal Over a year ago

I have missed it but later I changed it as per your solution <link rel="stylesheet" href="../resources/css/layoutlocal.css" /> . But it doesn't working

Collectives™ on Stack Overflow

How to place css and js in spring application on netbeans?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related