跳到主要内容

如何在 Spring Boot 中添加通用的 JS 代码？

参考答案：

在 Spring Boot 中添加通用的 JavaScript 代码主要涉及到两个步骤：

  1. 将 JavaScript 文件放置在适当的目录下。
  2. 在 HTML 页面中引用 JavaScript 文件。

以下是如何操作的详细说明：

步骤 1：放置 JavaScript 文件

在 Spring Boot 项目中，你可以将 JavaScript 文件放置在 src/main/resources/static 目录下。这个目录是 Spring Boot 默认的静态资源目录，其中可以放置 CSS、JavaScript、图片等静态文件。

例如，你可以创建一个名为 main.js 的文件，并放在 src/main/resources/static/js 目录下。

步骤 2：引用 JavaScript 文件

在 HTML 页面中，你可以使用 <script> 标签来引用 JavaScript 文件。例如，如果你想在 index.html 页面中引用 main.js 文件，你可以这样做：

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
</head>
<body>
    <!-- 页面内容 -->

    <!-- 引用 JavaScript 文件 -->
    <script src="/js/main.js"></script>
</body>
</html>

请注意，<script> 标签的 src 属性应该是相对于你的应用的上下文路径的。在上述示例中，我们假设 main.js 文件位于应用的根路径下的 js 目录中。

另外，你也可以使用 Spring Boot 的 Thymeleaf 模板引擎来动态生成 HTML 页面，并在页面中引用 JavaScript 文件。例如：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>My Page</title>
</head>
<body>
    <!-- 页面内容 -->

    <!-- 使用 Thymeleaf 引用 JavaScript 文件 -->
    <script th:src="@{/js/main.js}"></script>
</body>
</html>

在上述示例中，th:src 属性用于动态生成 src 属性的值。@{/js/main.js} 是一个 Thymeleaf 表达式，它会被解析为应用的根路径下的 js/main.js。

总的来说，将 JavaScript 文件放置在 src/main/resources/static 目录下，并在 HTML 页面中通过 <script> 标签引用这些文件，就可以在 Spring Boot 项目中添加通用的 JavaScript 代码了。