Spring Boot - unable to add JS in a webpage

Question

I have a simple webpage and want to add JS to it.

The controller rendering the page is -

@Controller
@RequestMapping("/testui")
public class GreetingController {

@RequestMapping("/greeting")
public String greeting(@RequestParam(value="name", required=false, defaultValue="World") String name, Model model) {
    model.addAttribute("name", name);
    return "pages/greeting";
}

}

The struture of my resources folder are -

src/main/resources
|
 -- static
 --templates
   |
    --css
    --js
    --pages

The Thymeleaf page is -

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>

</head>

<body>
Welcome to the future
</body>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
</html>

PS - I have also tried -

<script type="text/javascript" th:src="@{js/jquery-1.10.2.min.js/}"></script>

But same problem

JUAN CALVOPINA M · Accepted Answer · 2017-12-23 16:54:57Z

4

The problems is the place where your css and js folders are, those should be inside of static folder.

src/main/resources
|
 -- static
   |
    --css
    --js
 --templates
   |
    --pages

And in your *.html page you can use:

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- include css -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>
</head>

<body>
Welcome to the future
</body>
    <!-- include javascript -->
    <script type="text/javascript" th:src="@{/js/jquery-1.10.2.min.js}"></script>
</html>

answered Dec 23, 2017 at 16:54

JUAN CALVOPINA M

4,0442 gold badges26 silver badges42 bronze badges

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

Comments

Brijesh · Accepted Answer · 2017-12-23 06:00:27Z

0

Use below

<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>

answered Dec 23, 2017 at 6:00

Brijesh

1932 silver badges17 bronze badges

4 Comments

Prateek Narendra Over a year ago

nope didnt work.. I think i need to register a path in application.properties or have to write a configuration java class registering the location in the path

Prateek Narendra Over a year ago

i followed the tutorial and added a configuration class (memorynotfound.com/…)

Brijesh Over a year ago

Basicly all content that needs to be served staticly (such as javascript files) should be placed under the static folder. spring.io/blog/2013/12/19/…

Prateek Narendra Over a year ago

and also add them using the configuration bean

Collectives™ on Stack Overflow

Spring Boot - unable to add JS in a webpage

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related