how to map css and js file from jsp file in spring mvc

Question

I am new to Spring mvc. I want to add css and js files in jsp. It's a spring mvc framework. This is my spring-dispatcher-servlet.xml code

<mvc:annotation-driven />
    <mvc:resources location="/resources/**" mapping="/css/**"/>

SpringDemo is my project name folder. I keep my file in SpringDemo/WebContent/resources/css and in the same location i keep my js file also SpringDemo/WebContent/resources/js

Below code is jsp file called RegistrationForm.jsp

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <link href="WebContent/resources/css/style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/SpringDemo/js/jquery.min.js"></script>

try this stackoverflow.com/a/42640779/6711884

JRA
– JRA

2017-03-07 12:02:46 +00:00
Commented Mar 7, 2017 at 12:02 — JRA
– JRA, Commented Mar 7, 2017 at 12:02

Community · Accepted Answer · 2017-05-23 12:00:14Z

1

Well it looks like your resource mapping is not correct, your css and js files are under "/resources" folder right? then the mapping should be

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

The inclusion of the elements in the view have been answered multiple times in stackoverflow itself. You can refer unable to use resources like css/js in spring mvc or How to include js and CSS in JSP with spring MVC

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Jan 23, 2016 at 5:51

Jovin Thariyath

761 silver badge7 bronze badges

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

1 Comment

Mohamed Faisal Abbas Over a year ago

I tried those. but it doesn't work. if you know please let me know. thank you

Sanjay Rawat · Accepted Answer · 2016-01-23 20:21:32Z

0

In case you are still looking:

Resource Mapping:

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

Adding JS/CSS in jsp pages:

<link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/main.css"/>">
<script src="<c:url value="/resources/js/app.min.js"/>"></script>

Note: All of the JS/CSS files must be under src\main\webapp\resources directory.

And if you have added Security, then you need to add this:

<http pattern="/resources/**" security="none"/>

answered Jan 23, 2016 at 20:21

Sanjay Rawat

2,37417 silver badges30 bronze badges

Collectives™ on Stack Overflow

how to map css and js file from jsp file in spring mvc

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related