복붙노트

[SPRING] 봄 부팅 - JS를 웹 페이지에 추가 할 수 없음

SPRING

봄 부팅 - 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>

추신 : 나는 또한 시도했다 -

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

그러나 같은 문제

해결법

  1. ==============================

    1.문제는 css 폴더와 js 폴더가 정적 폴더 안에 있어야한다는 것입니다.

    문제는 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>
    
  2. ==============================

    2.아래에서 사용하십시오.

    아래에서 사용하십시오.

    <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
    
  3. from https://stackoverflow.com/questions/47950157/spring-boot-unable-to-add-js-in-a-webpage by cc-by-sa and MIT license