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

2019-11-10 18:19:45 阅读：137 来源： 互联网

我有一个简单的网页,想要添加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" th:src="@{js/jquery-1.10.2.min.js/}"></script>

但是同样的问题

解决方法:

问题出在您的css和js文件夹所在的地方,这些应该位于静态文件夹中.

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-boot,spring,spring-mvc
来源： https://codeday.me/bug/20191110/2014077.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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