Spring Boot之无法在网页中添加 JS

grandyang 阅读：17 2024-11-01 17:39:52 评论：0

我有一个简单的网页，想给它添加 JS。

呈现页面的 Controller 是-

@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" th:src="@{js/jquery-1.10.2.min.js/}"></script>

同样的问题

请您参考如下方法:

问题是您的css 和js 文件夹所在的位置，它们应该在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>

标签:Spring

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。