2017-12-23 11 views
2

私は簡単なウェブページを持っており、それにJSを追加したいと思います。スプリングブート - ウェブページにJSを追加できません

ページをレンダリングするコントローラである -

@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"; 
} 

}

私のリソースフォルダのカルコゲノフルバレン骨格がある -

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

Thymeleafページがある -

<!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 - 私も試してみました -

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

答えて

0

使用して、あなたのcssjsフォルダがある場所で、それらはstaticの内にある必要がありますフォルダ。

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

そして、あなたが使用することができ、あなたの*.htmlページに:

<!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> 
+0

ハズレのdidntの仕事..私は私が場所を登録application.propertiesにパスを登録したり、構成するJavaクラスを記述する必要がありますする必要があると思います –

+0

私はチュートリアルに続き、設定クラス(https://memorynotfound.com/adding-static-resources-css-javascript-images-thymeleaf/)を追加しました –

+0

基本的に静的に配信する必要のあるすべてのコンテンツ(例: javascriptファイル)は、静的フォルダの下に配置する必要があります。 https://spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot – Brijesh

1

問題以下

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

しかし、同じ問題

関連する問題