当前位置: 首页 > 知识库问答 >
问题:

Spring Boot:在多个html页面上管理API

程招
2023-03-14

我正在使用Spring Boot和HTML页面构建一个web应用程序

在多个超文本标记语言页面中,我使用相同的导航栏:

<ul class="navbar-nav mr-auto"> 
            <li class="nav-item active">
                <a href="/home" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
                <a href="/user/showAllProducts" class="nav-link">All Products</a>
            </li>

现在,我必须更改显示所有产品(/user/show AllProducts)的API的URL,并且我必须更改大约10个超文本标记语言页面。

有没有一种简单的方法可以在一个配置文件(application.properties)中管理所有API URL直接将它们注入HTML页面?显示所有产品的列表项只是导航栏中许多其他链接的一个示例。

非常感谢你的帮助

共有2个答案

淳于熙云
2023-03-14

您可以使用${@environment.getProperty('key')}读取应用程序中的属性。属性,并使用th:fragment为页面创建可重用的片段。

首先,创建一个nav。html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head></head>
<body>
  <ul th:fragment="nav" class="navbar-nav mr-auto">
    <li class="nav-item active">
      <a th:href="${@environment.getProperty('your.home.property.here')}" class="nav-link">Home</a>      
    </li>
    <li class="nav-item">
      <a th:href="${@environment.getProperty('your.products.property.here')}" class="nav-link">All Products</a>
    </li>
</body>
</html>

并在页面中使用th:replace

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Hello Thymeleaf</title>
</head>
<body>
    <div th:replace="nav :: nav"></div>
</body>
</html>
温凯
2023-03-14

最好的方法是在局部事件的背景下进行。如果你想使用thymeleaf或jsp之类的东西,你可以在每个HTML或jsp文件中插入一行导航栏,然后在任何时候更改特定的部分文件(导航栏、页眉、页脚等),它都会插入到web应用程序中显示的任何页面中。

这是为Spring留档的样品。

https://www.baeldung.com/spring-thymeleaf-fragments

 类似资料:
  • 我正在使用spring boot尝试建立自己的迷你网站。 我有控制器 还有一个html文件resources/templates/index,我正试图呈现它,但我只呈现了文本“index”。如何返回html文件而不是文本?

  • 问题内容: 是否可以通过简单的方式将光标设置为在整个html页面上“等待”?这个想法是向用户显示ajax调用完成时发生了什么事情。下面的代码显示了我尝试过的简化版本,还演示了遇到的问题: 如果元素(#id1)设置了光标样式,则它将忽略主体上的一个设置(显然) 一些元素具有默认的光标样式(a),并且不会在悬停时显示等待光标 根据内容的不同,body元素具有一定的高度,如果页面较短,则光标将不会显示在

  • 问题内容: 我想创建包含在多个html页面中的通用页眉和页脚页面。 我想使用JavaScript。有没有办法只使用html和JavaScript来做到这一点? 我想在另一个html页面中加载页眉和页脚页面。 问题答案: 您可以使用jquery完成此操作。 将此代码放在 并将此代码放在和中,与 现在,当您访问时,您应该可以单击链接标记。

  • 正如标题所说,多html页面和多jquery-mobile页面哪个更好? 强调: 我所说的多个html页面是指一个以index.html开始的应用程序,当你用你的应用程序导航时,它会将可见页面(通过href)更改为其他html页面,例如another.html,anotherone.html,anothertwo.html等等。 我所说的多个jquery移动页面就是这样一个。 此外,我的意思是更好

  • 当我尝试登录wordpress页面时,出现以下错误: [function.assert]:断言失败在 /home/osisonli/public_html/version.php在第1行斩波连接警告:include_once(rc-模板/-row-templates.php)[function.include]:未能打开流:没有在第118行 /home/osisonli/public_html/w

  • 本文向大家介绍Python多个上下文管理器,包括了Python多个上下文管理器的使用技巧和注意事项,需要的朋友参考一下 示例 您可以同时打开多个内容管理器: 它与嵌套上下文管理器具有相同的效果: